Cookie同意バナーを作る方法
この記事では、WordPressサイトで「Cookieの同意バナー（コンセントバナー）」を自作する方法を紹介します。 プラグインを使わず、HTML・CSS・JavaScriptのみで実装でき、見た目は「WPConsent […]
ul・liタグで美しいリストデザインを作る方法
この記事では、HTMLの<ul>タグ（箇条書きリスト）の使い方をわかりやすく解説します。 例として「柴犬の飼育に関する5つの悩み」を題材にし、リストを美しく装飾するHTMLとCSSの実装方法を紹介します。 実 […]
ステップカードを作って設置する方法
この記事では、Googleアドセンスの審査から運用までの流れを例に「ステップカード」の作り方を紹介します。 WordPressの固定ページやLPにも設置でき、スマホ対応済みのグリッドデザインです。 実装のポイント 9枚の […]
PCのヘッダ画像の下部に少し重なる「白背景＋3列カードレイアウト」の設置方法
この記事では、トップページや固定ページなどで使える「白背景＋3列カードレイアウト」の実装方法を紹介します。 LightningやCocoonテーマにも対応し、スマホでは重なりが解除され、自動的に1列表示になります。 実装 […]
Font Awesome のアイコンを使って、紹介カードを作成する方法
この記事では、Font Awesome のアイコンを使って、紹介カードを作成する方法を紹介します。ここでは、犬・猫・小動物などを紹介するカードをレイアウトしてみましょう。 実装のポイント Flexboxを使って横並びレイ […]
2カラムのカードで並べる「デモ体験」と「資料請求」ボタンを設置する方法
この記事では、CTA（行動喚起）を2カラムのカードで並べる「デモ体験」と「資料請求」ボタンのセクションを、ショートコードで簡単に挿入できるように実装します。 クラシックエディタに貼るだけでOK。HTMLテンプレート／fu […]
説明付きカテゴリー一覧を自動生成（HTML版）する方法
この記事では、WordPressの全カテゴリ一覧（索引ページ）を自動生成する方法を紹介します。 投稿数やカテゴリ説明も同時に表示し、階層構造（親・子・孫カテゴリ）をわかりやすく整理する「まとめ記事」ページを作ります。 実 […]
簡易カテゴリー一覧を自動生成（HTML版）する方法
WordPressサイトで、易カテゴリーサイトマップを親子階層付きで一覧表示したい場合、PHPの関数とショートコードを使うと便利です。ここでは「親カテゴリーは太字」「子カテゴリーはインデント付きで表示」「投稿数も表示」す […]
カテゴリー別の投稿一覧を自動生成（HTML版）する方法
この記事では、WordPressで投稿一覧を作成する方法を解説します。 実装のポイント functions.php にコードを追加してショートコード化 親カテゴリーには子カテゴリーの記事を含めず、重複を防止 CSSで見や […]
固定ページ一覧と投稿一覧を自動生成（HTML版）する方法
このコードでは、固定ページと投稿を自動取得して一覧表示（HTML版）を生成します。投稿が多い場合はページネーションで分割表示し、見やすくカッコよくデザインしています。 実装のポイント 固定ページはすべて表示、投稿はページ […]
「この記事を読んだ人はこちらも読んでいます」リンクを自動生成してサイト内回遊率をアップする方法
この記事では、投稿ページの本文下に「この記事を読んだ人はこちらも読んでいます」ブロックを自動生成してサイト内回遊率をアップする方法を紹介します。 カテゴリーが同じ投稿をランダムで取得し、デザイン付きで表示します。 固定ペ […]
LPデザインに自然に溶け込む資料請求フォームを設置する方法（Contact Form 7対応）
この記事では、ランディングページ（LP）に直接資料請求フォームを埋め込む方法を紹介します。 Contact Form 7を利用して、見た目の整ったレイアウトを実装します。 投稿ページ専用で動作し、「お知らせ」や「固定ペー […]
【Service Card Section】ふわっと表示する１カラム用のサービス紹介カードを実装する方法
この記事では、サービス紹介カードをふわっと表示させるアニメーション（Service Card Section）を実装する方法を紹介します。 LPなどの１カラムの固定ページに最適です。 実装のポイント スクロール時にカード […]
スクロールで画像が左上から右下に開くアニメーションを表示する方法
この記事では、投稿ページと固定ページのみで、スクロールして画像が見えた瞬間に「左上から右下へ開く」ように表示されるアニメーションを実装します。 お知らせやアーカイブ・カテゴリ一覧などには影響しません。 functions […]
全登録ユーザーを一旦ログアウトさせて、次回ログイン時に運営者にメールを送信させる方法
この記事では、WordPressをチーム運営している場合に便利な、全員を一度ログアウトさせてから、次回ログイン時にメール通知を送る機能を紹介します。 全体の仕組み 以下の2段階で構成します。 ① 全ユーザーを一括ログアウ […]
ショートコードで画像をランダムに表示させる方法
この記事では、WordPress の投稿ページ・固定ページで使えるショートコード形式の「ランダム画像表示」を実装する方法を紹介します。 ショートコードを使えば、記事中の任意の位置にランダム画像を差し込めます。 実装のポイ […]
背景パララックスを設置する方法
この記事では、「背景パララックス（スクロールに合わせて背景画像がゆっくり動く）」の実装方法を紹介します。お知らせ、カテゴリー、アーカイブページなどには一切影響しない安全な方法です。 実装のポイント 背景パララックスとは、 […]
オンラインユーザー数をショートコードで表示する方法
このページでは、「現在オンライン中のユーザー数」を表示できるショートコードを作成します。 実装のポイント アクセス時にユーザーのIPアドレスと時刻を記録します。 一定時間内（例：5分以内）にアクセスしたユーザーを「オンラ […]
キャッシュの全体像と種類をWordPress制作者向けにわかりやすく解説
この記事では、WordPress開発者や制作者向けに、キャッシュの仕組みと種類の全体像をわかりやすく整理します。 特に「投稿ページにのみ反映される」ように実装する場合の考え方や、WordPress内部キャッシュ（Tran […]
WordPressのクエリキャッシュを自作して高速化する方法
この記事では、WordPressのクエリキャッシュ（Query Cache）を自作し、データベースアクセスを最小化してページ表示を高速化する方法を解説します。 お知らせ・固定ページ・関連記事・カテゴリー・アーカイブなどに […]
CSSで吹き出し会話デザインを作る方法
この記事では、CSSで作る「吹き出し会話デザイン」の作り方を紹介します。 実装のポイント CSSで吹き出しを実装するには、擬似要素（:before / :after）を使って三角形を作り、発言者の向きを左右で切り替えます […]
WordPress＋PHPで自動速度計測を作る方法【投稿ページ限定】
この記事では、WordPress＋PHPで、**投稿ページのみ**に「ページ表示速度を自動計測して出力する仕組み」を実装する手順をご紹介します。固定ページやアーカイブ、カテゴリー等には影響せず、投稿ページだけに限定して計 […]
【3】Google AdSenseでブログに書いてはいけない内容まとめ
Google AdSenseを利用していると、つい自分の収益状況や審査体験をブログに書きたくなるものです。 しかし、AdSenseには厳格な「機密情報ポリシー」があり、特定の内容を公開すると規約違反になる恐れがあります。 […]
コメント欄をアコーディオンで折りたたむ方法（投稿ページ限定）
この記事では、WordPress の投稿ページにだけ「コメント欄をアコーディオン（折りたたみ式）」で表示する方法を紹介します。固定ページやお知らせ、関連記事、カテゴリー一覧などには一切影響しません。 実装のポイント コメ […]