Clik here to view.
Smash Balloon「Instagram Feed でエラーが発生」を解消した手順まとめ
WordPressプラグイン Smash Balloon Instagram Feed(無料版)で、ある日突然次のようなエラーが表示されることがあります。 Instagram Feed でエラーが発生し、次の理由でフィードが更新されない可能性があります:7 日以内に必要なアクションアカウント管理者は、Instagram Feed プラグインを強化するために使用される Smash Balloon...
View ArticleClik here to view.
WordPressギャラリーを写真の比率に合わせた均等高さレイアウトにする方法
この実装でできること WordPressの標準ギャラリーブロックに、写真のアスペクト比を活かした均等高さレイアウトを追加できます。 通常のギャラリーブロックは「全画像を同じサイズに切り抜いてグリッド表示」する仕様ですが、この実装を加えると、Gutenbergエディタのサイドバーに切り替えトグルが出現し、お客様自身がレイアウトモードを選べるようになります。...
View ArticleClik here to view.
Snow Monkey Formsのバリデーションエラーでzipaddr-jpが動作しない時の対処法
問題：バリデーションエラー時に郵便番号自動入力が機能しなくなる WordPressで「zipaddr-jp」（郵便番号から住所を自動入力するライブラリ）を使用している際、Snow Monkey Formsのバリデーションエラーが表示されると、それ以降、郵便番号を入力しても住所が自動入力されなくなるという問題が発生することがあります。 【現象】 1. ページ初期表示：郵便番号入力 →...
View ArticleClik here to view.
Snow Monkey Formsのセレクトボックスをカスタム投稿タイプと連動させる方法
はじめに WordPress の人気フォームプラグイン「Snow Monkey Forms」を使用する際、「セレクトボックスの選択肢」を固定値ではなく、「カスタム投稿タイプなどから動的に取得したい」場合があります。この記事では、フィルターフックを活用して、セレクトボックスの選択肢をカスタム投稿タイプの投稿と自動連動させる実装方法を解説します。 Snow Monkey Forms...
View ArticleClik here to view.
WordPress テーマに ACF カスタムフィールドグループを追加する方法
はじめに Advanced Custom Fields (ACF)は、WordPress で簡単にカスタムフィールドを管理できるプラグインです。このガイドでは、テーマのfunctions.phpに ACF フィールドグループを直接コード化する方法を説明します。これは、オリジナルテーマで開発している方におすすめです。以下のメリットがあります。 ACFの設定を、Gitなどでバージョン管理しやすくなる...
View ArticleClik here to view.
WordPress：カスタムHTML内の画像パスをテーマURLに自動置換する方法
WordPressでオリジナルテーマを開発している際、「カスタムHTMLブロック」内でテーマフォルダ内の画像（/img/など）を表示させたい場面があります。 しかし、カスタムHTML内ではPHPが使えないため、通常は絶対パス（https://…）を直書きしなければなりません。これでは開発環境と本番環境でURLが異なる場合にリンク切れを起こしたり、移行作業が面倒になります。...
View ArticleClik here to view.
Google Fontsが遅い？表示時の「ちらつき（FOUT）」を自前サーバーに設定で解決する方法
Webサイトの表示速度はUXやSEOに直結します。しかし、Google Fonts（特に日本語フォント）を公式のタグで読み込むと、一瞬標準フォントが表示されてガタつく「FOUT（Flash of Unstyled Text）」が発生しがちです。本記事では、Google Fontsを自前サーバーに設定し、表示を高速化・安定化させる手順を解説します。 なぜ公式タグだと遅いのか？ 外部リクエストの発生:...
View ArticleClik here to view.
WordPress独自テーマのギャラリーブロックに、自動でSwiperスライドを設定する
WordPressのコア「ギャラリーブロック（core/gallery）」は、独自テーマだと、1からJavaScriptやCSSを設定する必要があります。この記事では、独自テーマ（functions.php）側で出力HTMLを整形し、フロント（JavaScript）でSwiperを初期化して「投稿本文内のギャラリーを自動でスライド化」する方法をまとめます。...
View ArticleClik here to view.
Snow Monkey Formsでファイル形式をチェックする方法
Snow Monkey Formsはシンプルで柔軟なフォームプラグインですが、現時点では「ファイル形式チェック」機能が標準で搭載されていません。 この記事では、JavaScriptを使って特定の拡張子のみアップロードを許可する方法を紹介します。 なぜカスタマイズが必要か？ Snow Monkey...
View ArticleClik here to view.
WordPress固定ページのパスワード保護フォームをオリジナルデザインに差し替える方法
WordPressでは、固定ページや投稿ページを「パスワード保護」に設定することで、特定の閲覧者だけにページ内容を公開できます。このときに表示される「パスワード入力フォーム」は非常にシンプルなデザインですが、ブランドやサイトデザインに合わせて自由にカスタマイズしたい場合があります。 方法の一つとして、post_password_form...
View ArticleClik here to view.
WordPressで「PHPの更新を推奨」と出たら？5系から8系へ安全にアップデートする手順【作業マニュアル付き】
WordPressの管理画面に「PHPの更新を推奨」と表示されていませんか？特に PHP 5系を使っているサイトでは、セキュリティ面でも処理速度の面でも非常に危険な状態です。 本記事では、PHP5系からPHP8.3系まで安全にバージョンアップする具体的な作業手順をまとめました。実際の現場で使用できる「作業マニュアル」としてもご利用いただけます。 なぜPHPのバージョンアップが必要なのか？...
View ArticleClik here to view.
【WordPress】テキストが短いときは「続きを読む」ボタンをPHPで非表示にする方法
WordPressでアコーディオン型の「続きを読む」ボタンを実装した際、テキストが短い場合でもボタンが表示されてしまうと、違和感があることがあります。 本記事では、テキストの長さ（文字数や行数）に応じて、「続きを読む」ボタンをPHPで自動的に非表示にする方法をご紹介します。 「アコーディオンの基本実装は完了しているけど、短文のときだけボタンを消したい」という方におすすめの内容です。...
View ArticleClik here to view.
WordPressに「続きを読む」ボタン（アコーディオン）を実装する方法【スマホ・PC対応】
WordPressの投稿やカスタムフィールドで長いテキストを表示するとき、「続きを見る」ボタン（アコーディオン）で折りたたむことで、ページの見やすさ・読みやすさが向上します。 この記事では、長文テキスト（一定の高さを超える内容）を前提に、スマホ・PC両対応のアコーディオンを実装する方法を紹介します。 もし「テキストが短いときにアコーディオンを非表示にしたい」場合は、以下の記事をご覧ください。...
View ArticleClik here to view.
【Snow Monkey Forms】セレクトボックスのラベルを自動返信メールに表示する方法
WordPressプラグイン「Snow Monkey Forms」でセレクトボックスを使う際、自動返信メールに表示されるのは「値（value）」のみで、「ラベル（表示テキスト）」は反映されません。 しかし、次のようなケースではラベル（日本語）をメールに表示させたいことがあります。 JavaScriptやACFと連携するため、valueに半角英数字（例: shop01）を使用...
View ArticleClik here to view.
【WordPress】Snow Monkey Formsで送信後に別々のサンクスページへリダイレクトする方法【複数フォーム対応】
WordPressのフォームプラグイン「Snow Monkey Forms」は、軽量かつ拡張性の高いフォームプラグインです。本記事では、複数のフォームを個別に送信後、異なるサンクスページへ自動リダイレクトする方法をご紹介します。（1フォームの場合でも使用可能です。） 実現したいこと Snow Monkey...
View ArticleClik here to view.
WordPressのPHPバージョンアップ手順と注意点まとめ
WordPressサイトを高速かつ安全に運用するためには、定期的にPHPのバージョンを最新の推奨バージョンに保つことが非常に重要です。 本記事では、バックアップ取得から動作確認、エラー対処法まで、PHPバージョンアップの具体的な手順と注意点を、初心者にも分かりやすく解説します。 なぜPHPをバージョンアップする必要があるのか？...
View ArticleClik here to view.
【WordPress×ACF】YouTube動画をモーダル表示で軽量埋め込み
YouTube動画をWordPressサイトに埋め込むと、表示速度の低下やSEOスコアの悪化を引き起こすことがあります。特にモバイルではLCPやCLSに悪影響を及ぼすため注意が必要です。 この記事では、Advanced Custom Fields（ACF）とJavaScriptを使って、YouTube動画をクリック時にモーダル表示する方法を解説します。 実装イメージ...
View ArticleClik here to view.
WordPressで非ログインでも使える「いいね」ボタンを実装する方法【Ajax＋Cookie対応】
WordPressサイトに「NoteやX（旧：Twitter）のようなログイン不要のいいねボタン」を設置したいと考えていませんか？ この記事では、上記のように、プラグインを使わず、AjaxとCookieを活用して「ログイン不要で使えるいいねボタン」を自作する方法を丁寧に解説します。 ログインしていなくても使える 投稿ごとにいいね数を保存できる クリックでトグル（オン/オフ）が可能...
View ArticleClik here to view.
【WordPress】Gutenberg投稿画面から特定のカスタムカテゴリーパネルを非表示にする方法
「WordPressのブロックエディタ（Gutenberg）で投稿編集画面をカスタマイズしたい」と考える開発者は多いでしょう。特に「特定のカテゴリー・タクソノミー・タグなどを投稿画面から非表示にしたい」というニーズは、カスタム投稿タイプや業務要件に合わせたサイト制作ではレアケースですがあります。...
View ArticleClik here to view.
【WordPress】Chart.jsでCanvas外にカスタムラベルをHTMLで配置する方法
Chart.jsでレーダーチャートを作る際、標準のラベル表示機能では日本語・英語の複数行表示やスタイル指定に限界があります。そこで本記事では、ラベルをChart.jsのCanvas外にHTMLとして自由に配置し、デザインの自由度とSEO対応を両立する実装方法を紹介します。 なぜChart.jsのラベルをHTMLで出力するのか？...
View Article
