WordPressのテーマを安全にカスタマイズする方法を紹介するカテゴリーです。
子テーマの作り方や既存テーマの変更ポイント、PHP・CSS・JavaScriptの実装方法まで、初心者でも安心してカスタマイズできる情報を提供します。
WordPress＋PHPで自動速度計測を作る方法【投稿ページ限定】
この記事では、WordPress＋PHPで、**投稿ページのみ**に「ページ表示速度を自動計測して出力する仕組み」を実装する手順をご紹介します。固定ページやアーカイブ、カテゴリー等には影響せず、投稿ページだけに限定して計 […]
【コピペOK】ページ読み込み時にローディングアニメーションを表示する方法｜WordPress対応
ページが読み込まれるまでの間に「ローディングアニメーション」を表示することで、ユーザー体験（UX）を向上させることができます。 今回はシンプルなローディングアニメーションの実装方法をご紹介します。 ローディング画面の構造 […]
パンくずリストのHOMEの文字を変更する方法
WordPressでテーマを使っている場合、パンくずリストのHOME部分を自由に変更したいことがあります。今回はテーマカスタマイザーとフィルターを使って簡単に変更する方法を紹介します。 functions.phpに追加す […]
WordPressで文中に目次を自動生成する方法｜プラグイン不要で実装可能
この記事では、WordPressの自動で目次（Table of Contents）を生成する方法を解説します。クラシックエディタでもそのまま貼り付けて使えるように、PHPやJavaScript、CSSも含めたサンプルです […]
Lightningテーマの検索ワードをハイライトにする方法（タイトル部分のみ）
この記事では、WordPressの検索ページで入力されたワードを部分一致も含めて、タイトルの検索ワードをハイライト表示にする方法を解説します。Ajax検索にも対応しており、ページをリロードせずに検索結果を更新してもハイラ […]
Font Awesomeの導入方法と使い方｜WordPressでアイコンを簡単に表示する手順
この記事では、WordPressサイトにFont Awesome（フォント・オーサム）を導入してアイコンを使う方法を解説します。 Font Awesome を使うと、サイトのデザインがぐっと華やかになります。 アイコンを […]
【コピペOK】スクロールしても固定されるグローバルメニューの作り方｜CSS＋JavaScript
今回は、WordPressサイトでスクロールしてもグローバルメニュー（ナビゲーションメニュー）を固定表示する方法を紹介します。 実装のポイント グローバルメニューを固定表示（Sticky）にすることで、訪問者はページをス […]
WordPressのオブジェクトキャッシュを削除する方法｜表示が遅い時の対処まとめ
WordPressサイトで、ソートやフィルターなど動的な変更を反映させたいとき、キャッシュが邪魔をすることがあります。今回は、プラグインなしで PHP コードだけでオブジェクトキャッシュを削除したり、ブラウザキャッシュを […]
プラグインなしでページキャッシュを高速化する方法
この記事では、プラグインを使わずにWordPressサイトのページキャッシュを高速化する方法を解説します。サーバー負荷を減らし、表示速度を改善することができます。 ページキャッシュとは？ WordPress などの動的サ […]
カスタムウィジェットを複数追加してショートコードで表示する方法
WordPressで複数のカスタムウィジェットエリアを追加し、ショートコードを使って記事や固定ページに自由にコンテンツを表示する方法を解説します。 実装のポイント functions.phpで汎用カスタムウィジェットショ […]
カスタムウィジェットを一つ追加してショートコードで表示する方法
WordPressで新しいカスタムウィジェットエリアを追加し、ショートコードを使って自由にコンテンツを表示する方法を解説します。 実装のポイント functions.phpにウィジェットエリアを登録する ショートコードを […]
ページ全体にnoindexとnofollowを設定する方法
特定のページだけではなく、サイト全体を検索エンジンにインデックスさせたくない場合や、 リンクを辿らせたくない場合があります。 WordPress では functions.php にコードを追加するだけで、 簡単に「全ペ […]
ページごとにnoindexとnofollowを設定する方法
WordPressサイトで特定のページや投稿を検索結果に出したくない場合や、リンク先に評価を渡したくない場合、noindex と nofollow をページ単位で設定する方法が便利です。 functions.php に簡 […]
おすすめ記事をショートコードで表示する方法
ウィジェットにショートコードを貼って投稿記事のおすすめ記事をサイドバーに表示できます。 投稿一覧の「おすすめ記事」のチェックボックスにチェックをして「おすすめ記事を保存」ボタンを押す、もしくは投稿編集画面の「おすすめ記事 […]
投稿記事に「前の記事・次の記事」を追加する方法
投稿記事の下に「前の記事・次の記事」を自動で表示させる方法を紹介します。ユーザーの回遊性を高め、サイト滞在時間やSEOにも効果があります。※LightningとCocoonは、このコードがなくてもデフォルトで表示されてい […]
ブログ記事の印刷用スタイルを作る方法
WordPressで記事を印刷するとき、画面表示用のCSSがそのまま適用されてしまい、不要な要素（サイドバーやフッターなど）が印刷されてしまうことがあります。そこで、印刷用スタイル（print.css） を設定して、記事 […]
投稿ページ、固定ページの一番下に「この記事を書いた人」を自動表示する方法
WordPressで記事を読むときに、ライター紹介（この記事を書いた人）が自動で表示されると、信頼性がアップして集客にも効果的です。今回は 固定ページの一番下にだけ 「この記事を書いた人」を表示する方法を紹介します。 f […]
フェード時間とスクロール速度、スクロール位置を一箇所で調整可能なトップへ戻るボタンを表示する方法
ページ下部に「トップへ戻る」ボタンを表示する機能で、フェード時間とスクロール速度を一箇所で調整可能なバージョンです。 functions.php にコードを追加 // -------------------------- […]
スクロール追従するトップへ戻るボタンを追加する方法
ページを下にスクロールすると、右下に「トップへ戻る」ボタンが表示される機能を実装します。 このバージョンではスクロール速度を自由に設定できます。 functions.php にコードを追加 //------------- […]
<pre><code></code></pre>内にコピーボタンを設置する方法
今回は、<pre><code> で囲まれたコードにコピー用ボタンを設置する方法を解説します。右上・左上・下など、ボタンの位置も CSS で自由に変更可能です。 実装のポイント functions. […]
カテゴリーページで並べ替え（ソート）ができるボタンを作る方法
WordPressのカテゴリーページ（例: https://example.com/category/）で、 記事を「新着順」「古い順」にソートできるボタンを追加する方法を解説します。 実装のポイント functions […]
特定の投稿ページだけCSSを切り替える方法
投稿ページでも、記事ごとにスラッグを利用して独自のCSSを切り替えることが可能です。 ここでは functions.php を使った具体例を紹介します。 投稿ページでスラッグを確認する方法 WordPress管理画面で投 […]
特定の固定ページだけCSSを切り替える方法
固定ページのスラッグを使うと、特定のページだけにCSSを適用できます。ここではスラッグの確認方法とfunctions.phpでの具体例をご紹介します。 固定ページのスラッグ確認方法 WordPress管理画面で固定ページ […]