-
Modula PROで、ホバーエフェクト付ギャラリーを作成
当サイトでは、先日のリニューアルで、トップページとABOUTにModula PROのギャラリーを設置 …
-
Smart Slider3 Proのアニメーションでユニークなスライダーを作成
スライダーのアニメーションは、基本的にフェードかスライドですが、Smart Slider3 Proで …
-
Table Pressで、ソートできるテーブルをCSVデータから作成
WordPressには、さまざまなテーブル作成プラグインがあります。今回はTablePressで、ア …
-
Advanced Editor Toolsでテキストにマーカーを引く
ブログなどの投稿で記事が長くなる場合、ポイントとなる箇所にマーカーを引きます。今回は、Advance …
-
Smart Slider Proのカルーセルで、複数バナー表示のスライダーを作成
以前、Smart Slider3の「ショーケース」で、前後のバナーが見えるカルーセルスライダーを作成 …
-
コードテスト
-
Stickyプラグイン「Fixed Widget」でスティッキーバナーを作成
Sticky（スティッキー）とは、サイドバーのバナーやタグなどが、スクロールしても指定の位置で止まる …
-
Blocks Animationでギャラリーに個性的なアニメーションをつける
以前、写真をフワッと浮き上がるようなCSSアニメーションを作成できるとして、Blocks Anima …
-
Font Awesomeプラグインで、いろいろなアイコンを使用
Webサイトのボタンや見出しを作成するときに、文字だけでなくアイコンがあると目が止まり、わかりやすい …
-
ModulaのCustom Gridで、スクエアグリッドのギャラリーを作成
ModulaのCustom Gridは、トリミングの自由度が高い分、レイアウトに手間を取られることが …
-
ModulaのCustom Grid、Masonryでレスポンシブギャラリーを作成
Modulaは、Creative Gallery、Custom Grid、Masonryの3つのレイ …
-
スクロール作成プラグインTo Topで、ページトップまで移動
1ページサイトやLP、ブログなど、ページが長くなる場合があります。そんな時、トップに戻るスクロールが …
-
Tabs Responsiveでテキストをアニメーション表示
Webサイトでは、あらゆるところでアニメーションが使用されています。今回は、以前BLOGで紹介した「 …
-
Page scroll to idでページ内スクロールを実装
ランディングページなどの縦長のページでは、目的の情報の場所までスクロールするのが大変な時があります。 …
-
立体的なアニメーション付カルーセルをSmart Slider 3 Proで作成
前回のBLOGでは、Smart Slider 3 Proで、カルーセルを作成しました。今回は応用編で …
-
Smart Slider 3 Proで、レスポンシブ対応のカルーセルを作成
Smart Slider 3 Proでは、シンプルスライダーの他に、カルーセルとショーケースを使用す …
-
タイムライン作成プラグインCool Timelineで、ヒストリーを作成
Webサイトでは、会社の歴史や、個人の経歴などを紹介するページがあります。今回は、タイムライン作成プ …
-
MaxButtonsでホバーアクションのあるボタンを作成
ブロックエディターでは、ボタンブロックはありますが、カーソルで合わせた時に色が変化する、ホバーアクシ …
-
Flexible Table Blockで横スクロールのテーブルを作成
SPでは、縦スクロールのデザインが基本になりますが、ページの途中で横スクロールデザインを挿入している …
-
テーブル作成プラグインFlexible Table Blockで、カレンダーを制作
WordPressのプラグインに「カレンダー」ブロックがあります。しかし、これは投稿した日付にリンク …
-
コピー テーブルプラグインflexible tableでカレンダーを作成
-
テーブルプラグインflexible tableでカレンダーを作成
-
Easy FancyBoxで画像とYouTubeをポップアップ表示
前々回にブロックエディターでYouTubeブロックで簡単に動画を埋め込む方法を紹介しました。 サイト …
-
Blocks Animationで、フェードインアニメーションを実装
Webサイトを見ていると画像や文字が上下左右から浮き上がってくるページを多く見受けます。当サイトでも …
-
サイトに動画を埋め込み、プロダクトのイメージや形状を伝える
Webサイト上で、YouTube動画などを再生出来るようにすることを動画の埋め込みと言います。今回は …
-
グラデーションで画像を斜めに切り取り、動きのあるレイアウトに
前回はグラデーションの機能を用いて、文字がはみ出しているデザインを作成しました。 ブロックエディター …
-
ブロックエディターのグラデーションでズレのあるレイアウトに
Webサイトを作成する時はボックスを作成しその中に文字や写真を入れレイアウトしていきます。しかし、あ …
-
ギャラリープラグイン「GT3」でスクエアギャラリーを作成
ギャラリープラグインは数多くありますが、それぞれに特徴があります。以前紹介したModulaは、ランダ …
-
Smart Slider3でバナー画像をSPとPCで切り替え
SPとPCでは縦横比が異なるため、バナーの切り替えが必要でしたが、無料版のSmart Slider3 …
-
タブ作成プラグイン「Tabs Responsive」で細かい情報を非表示にして見た目をスッキリ
前々回では、LPページで、ポップアップを使用し、細かい情報を隠す方法を紹介しました。 ポップアップ作 …
CONTACT
Webサイト作成は、是非
CXG DESIGNへご検討ください。