-
CSSで円弧アニメーションを作成
スライドショーのインジケーターに円弧アニメーションがあるものを見かけます。今回は、CSSで円弧アニメ …
-
Breadcrumb NavXTでパンクズリストを作成
CMSサイトでは、自分がどのページを見ているかわかるように、パンクズリストを表示していることがありま …
-
JavaScriptで、スワイプでもボタンでもスライドできるスライダーを作成
現在Webサイトを作成する場合、マルチデバイス対応が必要になります。今回は、JavaScriptで、 …
-
ページ内検索でタグやカテゴリーも検索範囲を広げる
WordPressのページ内検索フォームは、デフォルトでは、タイトルと、内容のみで、タグやカテゴリー …
-
全画面表示のモノクロ動画をバックグラウンドに表示
Webサイトでは、埋め込みや、外部リンクなど、いろいろな方法で動画を入れることができます。動画を埋め …
-
ACFのファイルで、MP4の動画をシングルページに埋め込む
以前のBLOGで、プラグインACFを使用して、シングルページにYouTubeを埋め込むことを紹介しま …
-
Akismet Anti-spamで、スパムコメントをガード
WordPressサイトでは、スパム対策をする必要があります。今回は、Akismet Anti-sp …
-
WebP変換プラグインConverter for Mediaで、画像をWebP変換
WebPは、Googleが開発した画像形式で、ウェブサイトの表示速度を向上させるために、ファイルサイ …
-
idを指定して、ページ内をスクロール移動
IDを指定して、スクロール移動する方法を紹介します。 右下のボタンをクリックすると、それぞれのブロッ …
-
スクロールスナップスライダーを作成
スクロールスナップスライダーを作成する方法を紹介します。 スクロールでもボタンでもスライドの移動がで …
-
フルスクリーンボタン付きギャラリーを作成
フルスクリーンボタン付きギャラリーを作成する方法を紹介します。 サムネイルをクリックすると、モダール …
-
サムネイルをクリックすると、モダールウィンドウでYouTube動画を表示
サムネイルをクリックすると、モダールウィンドウでYouTube動画を表示する方法を紹介します。 サム …
-
開閉アニメーション付きのアコーディオンをJavaScriptで作成
開閉アニメーション付きのアコーディオンをJavaScriptで作成する方法を紹介します。 右端の矢印 …
-
アルファベットがランダムに表示するアニメーションを作成
アルファベットがランダムに表示するアニメーションを作成する方法を紹介します。 5桁のアルファベットが …
-
数字がカウントアップするアニメーションを作成
数字がカウントアップするアニメーションを作成する方法を紹介します。 数字がフェードインしながらカウン …
-
JavaScriptでランダムフェードインするギャラリーを作成
JavaScriptで、ギャラリー画像を遅延表示する場合、リスト順に表示されます。今回は、JavaS …
-
JavaScriptで、パララックスアニメーションのスライダーを作成
今回は、JavaScriptで、パララックスアニメーションのスライダーを作成します。 画像6枚の全面 …
-
JavaScriptで、ズームインアニメーションワイプのスライダーを作成
JavaScriptでは、ウェブアニメーションAPIで色々なアニメーションが作成できます。今回は、J …
-
JavaScriptで、トップページに使える全面ループスライダーを作成
トップページのメインで背景に全面スライダーを配置しているサイトがよくあります。今回は、JavaScr …
-
JavaScriptで、背景に使える全面フェードスライダーを作成
トップページのメインで背景に全面スライダーを配置しているサイトがよくあります。今回は、JavaScr …
-
JavaScriptでモダールウィンドウを作成
今回はJavaScriptでモダールウィンドウを作成する方法を紹介します。 サムネイルをクリックする …
-
HCBで、コードをわかりやすく色分けして、横スクロールで表示
WordPressにはコードブロックがありますが、単色でしか表示されません。今回は、プラグインHCB …
-
MaxButtonsでホバーアクションのついたボタンを作成
ブロックエディターでは、ボタンブロックはありますが、カーソルで合わせた時に色が変化する、ホバーアクシ …
-
MaxButtonsでホバーアクションのついたボタンを作成
ブロックエディターでは、ボタンブロックはありますが、カーソルで合わせた時に色が変化する、ホバーアクシ …
-
Feeds for YouTubeで、レスポンシブ対応のビデオギャラリーを作成
WordPressでは、YouTube動画を指定して埋め込むことができます。今回は、YouTube …
-
クッキープラグインCookieYesで、クッキー確認のポップアップを作成
クッキーを使用しているWebサイトでは、クッキー受け入れ確認のポップアップを表示しています。今回は、 …
-
CFDB7で、コンタクトフォームのデータベースを管理画面で表示
Contact Form 7のデフォルトでは、メールフォームで送信された内容は、設定したメールに届き …
-
シングルページをカテゴリーごとにテンプレートを変更して表示
投稿ページは、内容によってレイアウトなどを変えるため、テンプレートを変更する必要があります。今回は、 …
-
WordPressの投稿で、同じ投稿日でも、日付を表示する方法
WordPressでは、同じ日付の投稿が2つ以上ある場合、1つしか表示されません。今回は、WordP …
-
固定ページに抜粋機能を有効化して表示
デフォルトでは、抜粋機能は、投稿ページのみの機能になります。今回は、固定ページに抜粋機能を有効化して …
CONTACT
Webサイト作成は、是非
CXG DESIGNへご検討ください。