ショートコードでサイト全体での閲覧数を表示する方法（時間制限可能）
この記事では、WordPressサイト全体の閲覧数（時間制限可能）を表示する方法を解説します。 WordPressサイト全体の閲覧数を、時間ごとのユニークIPカウントで表示する方法をご紹介します。これにより、指定した時間 […]
ダッシュボードに今日の訪問者数（閲覧数）を表示する方法（管理画面ウィジェットのみに表示）
WordPressの管理画面に、今日と昨日の訪問者数を簡単に表示するダッシュボードウィジェットを作成できます。 サイトの閲覧数をカウントする際、Botや管理者アクセスは除外されます。これにより、実際の訪問者数（ユーザー） […]
robots.txtの最適化｜SEOに強くなる正しい書き方とNG例
WordPressサイトを運営していると、検索エンジンが必要なページを正しくクロールしてくれないことがあります。その原因の1つが robots.txt の誤設定です。本記事では、WordPress向けに最適化した rob […]
閉じるボタン付きの注意ボックスを設置する方法
固定ページや投稿ページに「閉じるボタン付きの注意ボックス」を設置すると、重要なお知らせや注意点を目立たせながら、ユーザーが自由に閉じられるようになります。ここでは、クラシックエディタで簡単に設置できる方法をご紹介します。 […]
全幅で流れる画像を作る方法
以下のコードを使うと、画面いっぱいの横幅で、画像がゆっくりと左右に流れる「無限スライダー」を作ることができます。 HTMLコード <div class="flow-banner" id=" […]
ページの途中で全幅コンテンツを掲載する方法（Lightning対応）
WordPressで固定ページや投稿ページを作る際、通常はテーマの中央幅にコンテンツが制限されます。しかし、ページの途中で「画面の端から端まで広がる全幅コンテンツ」を掲載したい場合があります。function.phpにコ […]
ブログ記事の長い文章の途中で「続きを読む」ボタンを設置して表示／非表示する方法
ブログ記事が長くなると、トップページや一覧ページで全文を表示すると見づらくなります。そこで便利なのが「続きを読むボタン」です。この記事では、WordPressで簡単に続きを読むボタンを設置する方法を解説します。 方法1： […]
フッターにフローティングバナーを設置する方法
スマホ画面の下部（フッター）に常に表示される「フローティングバナー」は、ユーザーがページをスクロールしても消えないため、お問い合わせボタンやメニューリンクなどを配置するのに便利です。 この記事では、WordPressテー […]
画面の右横にフローティングバナーを設置する方法
画面の右横にフローティングバナーを設置する方法 この記事では、画面の右端に常に表示される「フローティングバナー」をHTML＋CSSで設置する方法を解説します。 スクロールしても消えないため、お問い合わせ・LINE登録・キ […]
JavaScriptを使わず、HTML＋CSSだけで棒グラフを作る方法
Webサイトで売上やアクセス数などのデータを視覚的に見せたい場合、 グラフを使うと一目で理解できます。 多くの人は「Chart.js」などのJavaScriptライブラリを使いますが、 今回はあえてJavaScriptを […]
tableタグの見出しで昇順、降順の並び替えをする方法
この記事では、テーブルの列をクリックすると昇順・降順で並び替えできるHTML＋JavaScriptの実装方法を紹介します。 実装のポイント HTMLでテーブルを作成し、function.phpとJavaScriptでクリ […]
フロントエンドから簡単に記事投稿できるフォーム（掲示板）作成方法
この記事では、WordPressの管理画面にアクセスせず、ユーザーがフロントエンドから記事を投稿できるフォームを作成する方法と、削除パスワードを使って安全に削除できる仕組みを紹介します。 ショートコード [fr […]
WordPress Heartbeat API を止めてサイトを軽量化する方法
WordPressの「Heartbeat API」は、管理画面でリアルタイム更新を行う便利な機能ですが、サーバー負荷やページの表示速度に影響することがあります。 この記事では、Heartbeat APIを制御して、サイト […]
WordPressが真っ白！White Screen of Death（WSOD）の原因と対処方法
WordPressで突然サイトが「真っ白」になり、何も表示されなくなる現象。 通称「White Screen of Death（WSOD）＝真っ白画面の死」です。 原因はさまざまですが、主に以下のようなものがあります。 […]
【コピペOK】ページ読み込み時にローディングアニメーションを表示する方法｜WordPress対応
ページが読み込まれるまでの間に「ローディングアニメーション」を表示することで、ユーザー体験（UX）を向上させることができます。 今回はシンプルなローディングアニメーションの実装方法をご紹介します。 ローディング画面の構造 […]
dl・dt・ddで作る会社概要ページでよく使われる定義リストの作り方
企業サイトの「会社概要」ページでは、表組みのように左に項目、右に内容を並べることが多いです。 サンプルHTML <div class="company-profile"> <dl> <div […]
パンくずリストのHOMEの文字を変更する方法
WordPressでテーマを使っている場合、パンくずリストのHOME部分を自由に変更したいことがあります。今回はテーマカスタマイザーとフィルターを使って簡単に変更する方法を紹介します。 functions.phpに追加す […]
フローティングボタンで常時表示されるCTA（お問い合わせ）を設置する方法
この記事では、スクロールに応じて表示されるフローティングCTAボタン（お問い合わせ・予約）を設置する方法を紹介します。 実装のポイント Lightningテーマのフッター上部のウィジェットにHTMLを貼り付けCSSで指定 […]
functions.php によるメール送信エラーの安全なログ管理
WordPress で「お問い合わせメールが届かない」「メール送信に失敗しているかもしれない」という場合、functions.php にコードを追加してログを残す方法があります。 これにより、プラグインを使わずにメール送 […]
画像を自動圧縮＆WebP化する最適設定｜高速化とSEOに効く最新手法
この記事では、WordPressでアップロードされた画像を自動で圧縮し、さらにWebP形式に変換する方法を解説します。プラグインを使う方法と、functions.phpにコードを追加して自動化する方法の両方を紹介します。 […]
Lazy Load（遅延読み込み）の実装方法｜画像・iframeを軽くするシンプルコード
この記事では、WordPressサイトで画像やiframeを遅延読み込み（Lazy Load）する方法を解説します。ページの表示速度を改善し、ユーザー体験やSEOにも効果的です。 実装のポイント 画像タグやiframeに […]
WordPressで文中に目次を自動生成する方法｜プラグイン不要で実装可能
この記事では、WordPressの自動で目次（Table of Contents）を生成する方法を解説します。クラシックエディタでもそのまま貼り付けて使えるように、PHPやJavaScript、CSSも含めたサンプルです […]
Lightningテーマの検索ワードをハイライトにする方法（タイトル部分のみ）
この記事では、WordPressの検索ページで入力されたワードを部分一致も含めて、タイトルの検索ワードをハイライト表示にする方法を解説します。Ajax検索にも対応しており、ページをリロードせずに検索結果を更新してもハイラ […]
投稿ページに「読むまで〇分」を自動表示する方法
この記事では、投稿ページに「読むまで〇分」を表示する方法を解説します。 ただし投稿の先頭に「読むまで〇分」を表示すると、SEOやインデックスに悪影響を及ぼす可能性があります。本記事では理由と安全策を解説します。 なぜイン […]