PC・タブレット・スマホでレスポンシブに自動的に画像を切り替える方法
PC・タブレット・スマホで自動的に画像を切り替えるレスポンシブ用の画像タグのテンプレートを紹介します。投稿本文で簡単に使えるので、複数のデバイスで最適なサイズの画像を表示可能です。 実装のポイント WordPress が […]
コメントスパムを自動でブロックする方法
WordPressのコメントフォームは便利ですが、スパムコメントが多くなると管理が大変です。ここでは、 コメントスパムを自動で判定・ブロックする方法 IP制限を追加して特定ユーザーを拒否する方法 を紹介します。 実装のポ […]
ContactForm7で入力途中の内容を自動保存する方法（保存→復元まで）
複数のContact Form 7フォームに対応し、各フォームの入力欄ごとに途中入力をブラウザに記憶する応用例です。フォームIDを限定せずに、自動で全てのフォームに対応します。 実装のポイント 複数フォームに対応（ページ […]
IPアドレスでアクセス拒否をする方法
今回は、WordPressで特定のIPアドレスからのアクセスを拒否する方法を紹介します。functions.php にコードを追加することで簡単に実装できます。セキュリティ強化や不正アクセス対策として有効です。 実装のポ […]
自分のIPアドレスをショートコードで調べる方法
今回は、WordPressで自分のIPアドレスを簡単に調べる方法を紹介します。functions.phpにコードを追加するだけで、管理画面や投稿ページで自分のIPを確認できます。 実装のポイント 自分のアクセス元IPを取 […]
カテゴリー・タグページの構造化データの追加方法
WordPressではデフォルトで投稿や固定ページ向けに構造化データが出力されますが、カテゴリ・タグページ（アーカイブページ）は手動で追加するか、テーマ・プラグインで対応させる必要があります。 この記事では、WordPr […]
画像が横にスライドするカルーセル・スライダーを設置する方法
今回は、WordPressでプラグインを使わずに横スライドのカルーセル・スライダーを作る方法を紹介します。 任意の固定画像だけで横スライドカルーセルを作る方法です。投稿や固定ページに簡単に設置でき、テーマに合わせたCSS […]
画像が切り替わるカルーセル・スライダーを設置する方法
WordPressサイトでカルーセル・スライダーを表示したいとき、プラグインに頼らなくてもPHP＋JavaScript＋CSSだけで実装できます。 投稿や固定ページにショートコードで呼び出せるようにしておけば、軽量かつ自 […]
パンくずリストの最適な作り方｜SEOに強い構造化データ対応
この記事では、WordPressで投稿ページ・固定ページ・カテゴリーページごとに自動でパンくずリストを生成し、SEOに強いサイト構造を作る方法を解説します。テーマごとのデザイン調整や簡易プラグインでの代用方法も紹介します […]
Font Awesomeの導入方法と使い方｜WordPressでアイコンを簡単に表示する手順
この記事では、WordPressサイトにFont Awesome（フォント・オーサム）を導入してアイコンを使う方法を解説します。 Font Awesome を使うと、サイトのデザインがぐっと華やかになります。 アイコンを […]
【コピペOK】スクロールしても固定されるグローバルメニューの作り方｜CSS＋JavaScript
今回は、WordPressサイトでスクロールしてもグローバルメニュー（ナビゲーションメニュー）を固定表示する方法を紹介します。 実装のポイント グローバルメニューを固定表示（Sticky）にすることで、訪問者はページをス […]
SNSボタン設置をする方法
SNSボタン設置をする方法 全ページ共通で記事横に固定表示されるSNSボタンの例です。スクロールしても常に固定です。 functions.php にコードを追加 全ページ共通のSNSボタン //------------- […]
画像にalt属性を自動設定する方法｜SEO評価を上げる実装コード
この記事では、WordPressでアップロードされた画像に自動でalt属性を設定し、SEO効果を高める方法を解説します。 投稿タイトルや記事タイトルを元にaltを自動生成することで、Google画像検索からの流入増加が期 […]
WordPressのオブジェクトキャッシュを削除する方法｜表示が遅い時の対処まとめ
WordPressサイトで、ソートやフィルターなど動的な変更を反映させたいとき、キャッシュが邪魔をすることがあります。今回は、プラグインなしで PHP コードだけでオブジェクトキャッシュを削除したり、ブラウザキャッシュを […]
プラグインなしでページキャッシュを高速化する方法
この記事では、プラグインを使わずにWordPressサイトのページキャッシュを高速化する方法を解説します。サーバー負荷を減らし、表示速度を改善することができます。 ページキャッシュとは？ WordPress などの動的サ […]
ビジュアルエディタの自動整形機能を防ぐ方法
WordPressのビジュアルエディタ（TinyMCE）は、投稿時に不正と判断したHTMLタグや属性を自動で削除することがあります。特定のタグを維持したい場合、functions.phpや設定の変更で削除を防ぐことが可能 […]
カスタム投稿タイプを作成しショートコードでお知らせ欄を作る方法
通常のブログ記事とお知らせ記事を完全に分けたい場合は、カスタム投稿タイプを作成するのが最適です。 以下の手順で専用お知らせ欄を作成できます。 functions.php にコードを追加 //--------------- […]
X-Robots-Tagを使い feed に noindex を設定する方法
WordPressサイトの RSS フィードや Atom フィードに対して、検索エンジンにインデックスさせたくない場合、X-Robots-Tag ヘッダーを使って noindex を設定する方法を解説します。 実装のポイ […]
カスタムウィジェットを複数追加してショートコードで表示する方法
WordPressで複数のカスタムウィジェットエリアを追加し、ショートコードを使って記事や固定ページに自由にコンテンツを表示する方法を解説します。 実装のポイント functions.phpで汎用カスタムウィジェットショ […]
カスタムウィジェットを一つ追加してショートコードで表示する方法
WordPressで新しいカスタムウィジェットエリアを追加し、ショートコードを使って自由にコンテンツを表示する方法を解説します。 実装のポイント functions.phpにウィジェットエリアを登録する ショートコードを […]
ブログ記事の件数をショートコードでサイドバーに表示する方法
WordPress でサイドバーに「ブログ記事の件数」を表示したいときは、ショートコードを使うのが便利です。 この記事では [post_count] というショートコードを作成し、記事数を出力する方法をご […]
ページ全体にnoindexとnofollowを設定する方法
特定のページだけではなく、サイト全体を検索エンジンにインデックスさせたくない場合や、 リンクを辿らせたくない場合があります。 WordPress では functions.php にコードを追加するだけで、 簡単に「全ペ […]
ページごとにnoindexとnofollowを設定する方法
WordPressサイトで特定のページや投稿を検索結果に出したくない場合や、リンク先に評価を渡したくない場合、noindex と nofollow をページ単位で設定する方法が便利です。 functions.php に簡 […]
noindexとnofollowについて
SEO対策やページの管理を行う際に、よく耳にするのが 「noindex」と「nofollow」 というメタタグです。 どちらも Google ボットの動きを制御するための指示ですが、意味や用途は異なります。 この記事では […]