便利Tips
自動で記事上・記事下、記事中ウィジェットを追加する方法【投稿ページ限定】

WordPressテーマで、投稿ページの本文上・本文下、記事中に専用のウィジェットエリアを追加する方法を紹介します。 このコードは「投稿ページのみに反映」されるため、お知らせ・固定ページ・アーカイブ・カテゴリ一覧などには […]

続きを読む
便利Tips
コメントフォームに「同意チェックボックス」を追加する方法

この記事では、WordPressの投稿ページにだけ「コメント投稿時の同意チェックボックス」を追加する方法を紹介します。 お知らせ・固定ページ・カテゴリー・アーカイブ・関連記事には影響せず、投稿記事(single.php) […]

続きを読む
便利Tips
記事公開前のSEOチェックリスト|検索順位を落とさない鉄板ルール

投稿ページだけに適用し、固定ページ・お知らせ・関連記事・カテゴリー一覧・アーカイブには影響しないようにする設定を含めて、公開前に必ず確認したいチェック項目と実装方法をまとめました。 function.phpにコードを追加 […]

続きを読む
便利Tips
投稿中の文字数・見出し階層を自動チェックする方法(投稿ページ限定)

この記事では、WordPress投稿画面で入力中の文字数や見出し階層(h2〜h4)をリアルタイムでチェックする方法を紹介します。 JavaScriptで投稿エディタの内容を監視し、記事の長さや見出し構成を自動的に可視化し […]

続きを読む
便利Tips
じゃんけんゲームをショートコードで表示する方法

この記事では、WordPressに「じゃんけんゲーム」を設置し、投稿ページのみで表示されるようにする方法を紹介します。 固定ページ・カテゴリー・お知らせなどには一切影響せず、投稿記事だけで動作します。 ショートコード & […]

続きを読む
便利Tips
おみくじをショートコードで表示する方法

この記事では、おみくじ機能(日本時間対応版)を、ショートコードで簡単に実装する方法を解説します。 Ajaxや外部スクリプトを使わず、シンプルなPHPと少量のCSSだけで動作します。 お知らせ・カテゴリー・アーカイブページ […]

続きを読む
便利Tips
W3CとHTMLの歴史:HTML4.01、XHTML、そしてHTML5のゆくえ

この記事では、W3C(World Wide Web Consortium)が策定してきたHTML規格の歴史を振り返りながら、現在ではすでにW3Cの手を離れた「HTMLの標準化の行方」について解説します。 HTML4.01 […]

続きを読む
便利Tips
サーバー負荷監視用ウィジェットを表示する方法

この記事では、サーバー負荷監視ウィジェットを設置する方法を紹介します。 ダッシュボードに表示されて、ショートコードも使えますので、クラシックエディタに貼るだけで、CPU使用率とサーバー全体のメモリ使用量をリアルタイムで表 […]

続きを読む
便利Tips
PWA対応のTipsをAMPと比較(投稿ページのみ)

この記事では、PWA(Progressive Web App) を導入する際のポイントを、AMP(Accelerated Mobile Pages)と比較しながら解説します。さらに、WordPressで投稿ページだけに反 […]

続きを読む
便利Tips
CSSで作る!かわいい・おしゃれな枠デザイン集【コピペOK】

CSSだけで簡単に作れる枠デザインを紹介します。すべてクラス名を変えて使い分けでき、WordPressのクラシックエディタでもそのまま動作します。 シンプル枠(基本形) シンプルでどんなデザインにも合う基本の枠です。 / […]

続きを読む
便利Tips
投稿タイトルの先頭に自動で「NEW」「更新」ラベルを表示する方法

この記事では、どんなWordPressテーマでもJavaScriptを使って本文タイトルだけに「NEW」「更新」ラベルを付ける方法を解説します。LightningやCocoon以外のテーマでもコピペで簡単に利用可能です。 […]

続きを読む
便利Tips
特定IP・国・ユーザーエージェントごとのアクセス制限、拒否を実装する方法

WordPressサイトで特定のIPアドレスや国、ユーザーエージェント(ブラウザ)からのアクセスを制限したい場合、PHPと少量のJavaScriptを使って実装できます。ここではクラシックエディタでも貼り付け可能なサンプ […]

続きを読む
便利Tips
【折りたたみFAQボックス】Q&A形式のコンテンツをクリックで展開/折りたたみする方法

このページでは、FAQ(よくある質問)をクリックで展開・折りたたみできるボックスを作る方法を紹介します。WordPressのクラシックエディタでも簡単に貼り付け可能です。 FAQをHTMLに貼り付け <dl cla […]

続きを読む
便利Tips
Contact Form 7の特殊ショートコード一覧と使い方

WordPressの人気フォームプラグイン Contact Form 7 には、ユーザーが入力しなくても自動的に値を挿入できる「特殊ショートコード(special mail-tags)」が用意されています。 この記事では […]

続きを読む
便利Tips
404ページを整理してリダイレクトする方法

Google Search Consoleで「見つかりませんでした(404)」と表示されるページは、存在しないURLや削除済みページです。放置すると検索結果に古いURLが残ることがあります。この記事では、WordPres […]

続きを読む
便利Tips
背景色アニメーションを設置する方法

ウェブサイトのセクションやボタンなどに背景色のアニメーションを付けると、視覚的に目立たせることができます。ここでは、CSSを使って簡単に実装する方法を紹介します。 CSSだけでアニメーションのHTML例 <div […]

続きを読む
便利Tips
固定ページ、投稿ページに「FAQ Schema」を自動挿入する方法(JSON-LD形式)

FAQ Schemaとは何ですか? FAQ Schemaは検索エンジンに質問と回答を伝える構造化データです。 この記事では、固定ページ、投稿ページに FAQ Schema(構造化データ) を自動で挿入する方法を紹介します […]

続きを読む
便利Tips
記事中の画像をホバーで拡大表示するライトボックスにする方法

WordPressの記事内にある画像を、クリックやホバーで拡大表示(ライトボックス)できるようにする方法をご紹介します。 プラグイン不要で、HTML・CSS・JavaScriptだけで実装可能です。 HTML構造 &lt […]

続きを読む
便利Tips
ページ内スクロールで要素が横からスライドインする方法

この記事では、ページをスクロールしたときに、要素が左右からスライドインして表示される「スライドインアニメーション」を実装する方法をご紹介します。 JavaScriptとCSSを組み合わせることで、どのテーマでも簡単に使え […]

続きを読む
便利Tips
ページ内スクロールで要素が下からフェードインする方法

この記事では、ページをスクロールしたときに要素がふわっと表示される「フェードイン効果」を簡単に実装する方法をご紹介します。 JavaScriptとCSSを組み合わせて、テーマを問わず動作する仕組みです。 HTML構造 & […]

続きを読む
便利Tips
コードベースで二段階認証(2FA)を導入する方法

WordPressのログインセキュリティを高めたい場合、二段階認証(2FA)は必須です。この記事ではプラグインを使わず、PHPと少量のJavaScriptで自前実装する方法を解説します。 事前準備 まずはWordPres […]

続きを読む
便利Tips
ショートコードでサイト全体の今日の閲覧数を表示する方法(日付ごとのユニークIPカウント)

WordPressサイト全体の閲覧数を、日付ごとのユニークIPカウントで表示する方法をご紹介します。これにより、1日に同じIPからの複数アクセスは1回だけカウントされます。 サイトの閲覧数をカウントする際、Botや管理者 […]

続きを読む