-
カテゴリー一覧で現在のカテゴリーをカレント表示する方法~ WordPress関数編~
WordPress等のカテゴリーページで、そのページのカテゴリーをカレント表示する（目立たせる）方法をご紹介します。WordPressの関数を使用したカスタマイズとなります。 ...オリジナルテーマ作成
-
カテゴリー一覧で現在のカテゴリーをカレント表示する方法~JavaScript編~
WordPress等のカテゴリーページで、そのページのカテゴリーをカレント表示する（目立たせる）方法をご紹介します。JavaScriptを使用したカスタマイズとなります。 【カ...JavaScriptで機能の実装 -
SWELL｜投稿リストのカテゴリーの背景色をカテゴリーごとに設定する方法
WordPressテーマのSWELLにおいて、投稿リストブロックのカテゴリーの背景色をカテゴリーごとに変える方法をご紹介しています。 CSSで個別に色を指定する方法と、カスタ...テーマカスタマイズ -
Arkhe｜パンくずリストの表示をカスタマイズする方法まとめ
WordPressテーマのArkheにはパンくずをカスタマイズするフックが用意されており、簡単にカスタマイズすることができます。 今回はフックを使ってパンくずを上書きする方...テーマカスタマイズ -
Arkhe｜カスタム投稿のアーカイブページで投稿リストのレイアウトを変更する方法
WordPressテーマArkheにおいて、カスタム投稿アーカイブページの投稿リストブロックのレイアウトを変更する方法をご紹介しています。 アーカイブページで表示される投稿...テーマカスタマイズ -
GSAP｜アニメーションの途中で任意のクラスを付与する方法まとめ
アニメーションの実装に特化したJavaScriptライブラリであるGSAPにおいて、アニメーションの途中でHTMLにクラスを付与する方法をまとめています。 大きく分けて2つのパ...Webアニメーション -
Ajaxを使わない擬似的な無限スクロール風アニメーションの作り方
Ajaxを使えない環境で無限スクロールのようなアニメーションをつけてほしいという要望があり作成してみました。基本的にはJavaScript（jQuery）のみで制御しています。 ...Webアニメーション -
SWELL｜サイドバーの表示・非表示の切り替え方法まとめ
WordPressテーマのSWELLにおいて、サイドバーの表示・非表示を切り替える様々な方法をまとめてご紹介しています。 たくさんのオプションが用意されているからこそ、「こ...テーマカスタマイズ -
Swiper｜スライドの中の要素に動的にスライド番号を割り当てる方法
Swiperを使用した以下のようなコードがあったとします。 <div class="swiper"> <ul class="swiper-wrapper"> <li class="swip...Webアニメーション -
Arkhe｜ヘッダーのコンテンツを画面幅いっぱいに広げる方法
【Arkheのヘッダーコンテンツを画面幅いっぱいに広げた例】 Arkheのデフォルト設定では次の画像のように、ヘッダーのコンテンツが一定の幅に収まる仕様になっています。...テーマカスタマイズ -
SWELL｜アーカイブ系ページが1ページしかない時にページャーを非表示にする方法
WordPressテーマのSWELLにおいて、投稿一覧等のアーカイブページの次のページが存在しない場合に、ページ送りを非表示にする方法をご紹介しています。 ブログを始めたば...テーマカスタマイズ -
SWELL｜サイドバーにタグリストを表示する方法
WordPressテーマのSWELLにおいて、サイドバーにタグリスト（タグの一覧）を表示する方法をご紹介しています。 サイトの回遊率を上げる方法の一つとして、実装することが...テーマカスタマイズ
在宅で働く人のためのWeb制作ブログ
