ブログカード風の内部リンクを作る方法｜WordPressでクリック率を上げるデザイン実装
この記事では、内部リンクを「ブログカード」風に表示するデザインを、コードだけで簡単に実装する方法を紹介します。リンクを目立たせたいときに便利な定番UIです。 実装のポイント functions.php に「URL をブロ […]
2カラムのカードで並べる「デモ体験」と「資料請求」ボタンを設置する方法
この記事では、CTA（行動喚起）を2カラムのカードで並べる「デモ体験」と「資料請求」ボタンのセクションを、ショートコードで簡単に挿入できるように実装します。 クラシックエディタに貼るだけでOK。HTMLテンプレート／fu […]
説明付きカテゴリー一覧を自動生成（HTML版）する方法
この記事では、WordPressの全カテゴリ一覧（索引ページ）を自動生成する方法を紹介します。 投稿数やカテゴリ説明も同時に表示し、階層構造（親・子・孫カテゴリ）をわかりやすく整理する「まとめ記事」ページを作ります。 実 […]
簡易カテゴリー一覧を自動生成（HTML版）する方法
WordPressサイトで、易カテゴリーサイトマップを親子階層付きで一覧表示したい場合、PHPの関数とショートコードを使うと便利です。ここでは「親カテゴリーは太字」「子カテゴリーはインデント付きで表示」「投稿数も表示」す […]
カテゴリー別の投稿一覧を自動生成（HTML版）する方法
この記事では、WordPressで投稿一覧を作成する方法を解説します。 実装のポイント functions.php にコードを追加してショートコード化 親カテゴリーには子カテゴリーの記事を含めず、重複を防止 CSSで見や […]
固定ページ一覧と投稿一覧を自動生成（HTML版）する方法
このコードでは、固定ページと投稿を自動取得して一覧表示（HTML版）を生成します。投稿が多い場合はページネーションで分割表示し、見やすくカッコよくデザインしています。 実装のポイント 固定ページはすべて表示、投稿はページ […]
ショートコードで画像をランダムに表示させる方法
この記事では、WordPress の投稿ページ・固定ページで使えるショートコード形式の「ランダム画像表示」を実装する方法を紹介します。 ショートコードを使えば、記事中の任意の位置にランダム画像を差し込めます。 実装のポイ […]
オンラインユーザー数をショートコードで表示する方法
このページでは、「現在オンライン中のユーザー数」を表示できるショートコードを作成します。 実装のポイント アクセス時にユーザーのIPアドレスと時刻を記録します。 一定時間内（例：5分以内）にアクセスしたユーザーを「オンラ […]
じゃんけんゲームをショートコードで表示する方法
この記事では、WordPressに「じゃんけんゲーム」を設置し、投稿ページのみで表示されるようにする方法を紹介します。 固定ページ・カテゴリー・お知らせなどには一切影響せず、投稿記事だけで動作します。 ショートコード & […]
おみくじをショートコードで表示する方法
この記事では、おみくじ機能（日本時間対応版）を、ショートコードで簡単に実装する方法を解説します。 Ajaxや外部スクリプトを使わず、シンプルなPHPと少量のCSSだけで動作します。 お知らせ・カテゴリー・アーカイブページ […]
サーバー負荷監視用ウィジェットを表示する方法
この記事では、サーバー負荷監視ウィジェットを設置する方法を紹介します。 ダッシュボードに表示されて、ショートコードも使えますので、クラシックエディタに貼るだけで、CPU使用率とサーバー全体のメモリ使用量をリアルタイムで表 […]
Contact Form 7の特殊ショートコード一覧と使い方
WordPressの人気フォームプラグイン Contact Form 7 には、ユーザーが入力しなくても自動的に値を挿入できる「特殊ショートコード（special mail-tags）」が用意されています。 この記事では […]
ログインユーザーのみ閲覧できるコンテンツを表示する方法
WordPressでログインユーザーだけが見られるコンテンツを作りたい場合、PHPを少し書くだけで実現できます。会員制サイト・社内サイト・限定資料ページなどでよく使われる手法です。 PHPでログイン状態を判定する方法 W […]
ショートコードでサイト全体の今日の閲覧数を表示する方法（日付ごとのユニークIPカウント）
WordPressサイト全体の閲覧数を、日付ごとのユニークIPカウントで表示する方法をご紹介します。これにより、1日に同じIPからの複数アクセスは1回だけカウントされます。 サイトの閲覧数をカウントする際、Botや管理者 […]
ショートコードでサイト全体での閲覧数を表示する方法（時間制限可能）
この記事では、WordPressサイト全体の閲覧数（時間制限可能）を表示する方法を解説します。 WordPressサイト全体の閲覧数を、時間ごとのユニークIPカウントで表示する方法をご紹介します。これにより、指定した時間 […]
ページの途中で全幅コンテンツを掲載する方法（Lightning対応）
WordPressで固定ページや投稿ページを作る際、通常はテーマの中央幅にコンテンツが制限されます。しかし、ページの途中で「画面の端から端まで広がる全幅コンテンツ」を掲載したい場合があります。function.phpにコ […]
フロントエンドから簡単に記事投稿できるフォーム（掲示板）作成方法
この記事では、WordPressの管理画面にアクセスせず、ユーザーがフロントエンドから記事を投稿できるフォームを作成する方法と、削除パスワードを使って安全に削除できる仕組みを紹介します。 ショートコード [fr […]
入力順を任意に指定する方法【Contact Form 7】
Contact Form 7 プラグインでフォームを作成すると、タグを上から並べてもタブキーでの移動順が希望通りにならないことがあります。 ここでは、任意の順番で入力フィールドを移動できるようにする方法を紹介します。 フ […]
Lazy Load（遅延読み込み）の実装方法｜画像・iframeを軽くするシンプルコード
この記事では、WordPressサイトで画像やiframeを遅延読み込み（Lazy Load）する方法を解説します。ページの表示速度を改善し、ユーザー体験やSEOにも効果的です。 実装のポイント 画像タグやiframeに […]
WordPressで文中に目次を自動生成する方法｜プラグイン不要で実装可能
この記事では、WordPressの自動で目次（Table of Contents）を生成する方法を解説します。クラシックエディタでもそのまま貼り付けて使えるように、PHPやJavaScript、CSSも含めたサンプルです […]
自分のIPアドレスをショートコードで調べる方法
今回は、WordPressで自分のIPアドレスを簡単に調べる方法を紹介します。functions.phpにコードを追加するだけで、管理画面や投稿ページで自分のIPを確認できます。 実装のポイント 自分のアクセス元IPを取 […]
画像が横にスライドするカルーセル・スライダーを設置する方法
今回は、WordPressでプラグインを使わずに横スライドのカルーセル・スライダーを作る方法を紹介します。 任意の固定画像だけで横スライドカルーセルを作る方法です。投稿や固定ページに簡単に設置でき、テーマに合わせたCSS […]
画像が切り替わるカルーセル・スライダーを設置する方法
WordPressサイトでカルーセル・スライダーを表示したいとき、プラグインに頼らなくてもPHP＋JavaScript＋CSSだけで実装できます。 投稿や固定ページにショートコードで呼び出せるようにしておけば、軽量かつ自 […]
カスタム投稿タイプを作成しショートコードでお知らせ欄を作る方法
通常のブログ記事とお知らせ記事を完全に分けたい場合は、カスタム投稿タイプを作成するのが最適です。 以下の手順で専用お知らせ欄を作成できます。 functions.php にコードを追加 //--------------- […]