自動で記事上・記事下、記事中ウィジェットを追加する方法【投稿ページ限定】
WordPressテーマで、投稿ページの本文上・本文下、記事中に専用のウィジェットエリアを追加する方法を紹介します。 このコードは「投稿ページのみに反映」されるため、お知らせ・固定ページ・アーカイブ・カテゴリ一覧などには […]
コメントフォームに「同意チェックボックス」を追加する方法
この記事では、WordPressの投稿ページにだけ「コメント投稿時の同意チェックボックス」を追加する方法を紹介します。 お知らせ・固定ページ・カテゴリー・アーカイブ・関連記事には影響せず、投稿記事(single.php) […]
記事公開前のSEOチェックリスト|検索順位を落とさない鉄板ルール
投稿ページだけに適用し、固定ページ・お知らせ・関連記事・カテゴリー一覧・アーカイブには影響しないようにする設定を含めて、公開前に必ず確認したいチェック項目と実装方法をまとめました。 function.phpにコードを追加 […]
投稿中の文字数・見出し階層を自動チェックする方法(投稿ページ限定)
この記事では、WordPress投稿画面で入力中の文字数や見出し階層(h2〜h4)をリアルタイムでチェックする方法を紹介します。 JavaScriptで投稿エディタの内容を監視し、記事の長さや見出し構成を自動的に可視化し […]
W3CとHTMLの歴史:HTML4.01、XHTML、そしてHTML5のゆくえ
この記事では、W3C(World Wide Web Consortium)が策定してきたHTML規格の歴史を振り返りながら、現在ではすでにW3Cの手を離れた「HTMLの標準化の行方」について解説します。 HTML4.01 […]
不正ログイン検知で管理者に即通知する方法
この記事では、WordPressの公式フック wp_login_failed を使って、 不正ログイン試行を正確に検知し、即座に管理者へメール通知する方法を紹介します。 WordPressコアの認証処理に直接フックするた […]
サーバー負荷監視用ウィジェットを表示する方法
この記事では、サーバー負荷監視ウィジェットを設置する方法を紹介します。 ダッシュボードに表示されて、ショートコードも使えますので、クラシックエディタに貼るだけで、CPU使用率とサーバー全体のメモリ使用量をリアルタイムで表 […]
PWA対応のTipsをAMPと比較(投稿ページのみ)
この記事では、PWA(Progressive Web App) を導入する際のポイントを、AMP(Accelerated Mobile Pages)と比較しながら解説します。さらに、WordPressで投稿ページだけに反 […]
CSSで作る!かわいい・おしゃれな枠デザイン集【コピペOK】
CSSだけで簡単に作れる枠デザインを紹介します。すべてクラス名を変えて使い分けでき、WordPressのクラシックエディタでもそのまま動作します。 シンプル枠(基本形) シンプルでどんなデザインにも合う基本の枠です。 / […]
投稿タイトルの先頭に自動で「NEW」「更新」ラベルを表示する方法
この記事では、どんなWordPressテーマでもJavaScriptを使って本文タイトルだけに「NEW」「更新」ラベルを付ける方法を解説します。LightningやCocoon以外のテーマでもコピペで簡単に利用可能です。 […]
特定IP・国・ユーザーエージェントごとのアクセス制限、拒否を実装する方法
WordPressサイトで特定のIPアドレスや国、ユーザーエージェント(ブラウザ)からのアクセスを制限したい場合、PHPと少量のJavaScriptを使って実装できます。ここではクラシックエディタでも貼り付け可能なサンプ […]
【折りたたみFAQボックス】Q&A形式のコンテンツをクリックで展開/折りたたみする方法
このページでは、FAQ(よくある質問)をクリックで展開・折りたたみできるボックスを作る方法を紹介します。WordPressのクラシックエディタでも簡単に貼り付け可能です。 FAQをHTMLに貼り付け <dl cla […]
Contact Form 7の特殊ショートコード一覧と使い方
WordPressの人気フォームプラグイン Contact Form 7 には、ユーザーが入力しなくても自動的に値を挿入できる「特殊ショートコード(special mail-tags)」が用意されています。 この記事では […]
ログインユーザーのみ閲覧できるコンテンツを表示する方法
WordPressでログインユーザーだけが見られるコンテンツを作りたい場合、PHPを少し書くだけで実現できます。会員制サイト・社内サイト・限定資料ページなどでよく使われる手法です。 PHPでログイン状態を判定する方法 W […]
404ページを整理してリダイレクトする方法
Google Search Consoleで「見つかりませんでした(404)」と表示されるページは、存在しないURLや削除済みページです。放置すると検索結果に古いURLが残ることがあります。この記事では、WordPres […]
背景色アニメーションを設置する方法
ウェブサイトのセクションやボタンなどに背景色のアニメーションを付けると、視覚的に目立たせることができます。ここでは、CSSを使って簡単に実装する方法を紹介します。 CSSだけでアニメーションのHTML例 <div […]
固定ページ、投稿ページに「FAQ Schema」を自動挿入する方法(JSON-LD形式)
FAQ Schemaとは何ですか? FAQ Schemaは検索エンジンに質問と回答を伝える構造化データです。 この記事では、固定ページ、投稿ページに FAQ Schema(構造化データ) を自動で挿入する方法を紹介します […]
記事中の画像をホバーで拡大表示するライトボックスにする方法
WordPressの記事内にある画像を、クリックやホバーで拡大表示(ライトボックス)できるようにする方法をご紹介します。 プラグイン不要で、HTML・CSS・JavaScriptだけで実装可能です。 HTML構造 < […]
ページ内スクロールで要素が下からフェードインする方法
この記事では、ページをスクロールしたときに要素がふわっと表示される「フェードイン効果」を簡単に実装する方法をご紹介します。 JavaScriptとCSSを組み合わせて、テーマを問わず動作する仕組みです。 HTML構造 & […]
コードベースで二段階認証(2FA)を導入する方法
WordPressのログインセキュリティを高めたい場合、二段階認証(2FA)は必須です。この記事ではプラグインを使わず、PHPと少量のJavaScriptで自前実装する方法を解説します。 事前準備 まずはWordPres […]























