CSS aspect-ratioが効かない原因とCLS対策｜画像の縦横比を自動計算・付与する実運用での使い方

HTML/CSS
aspect-ratioは、画像の高さを先に予約してレイアウトのガタつき（CLS）を防ぐための、いまや定番のプロパティです。便利な一方で、「なぜか効かない」「値のメンテナンスが面倒…
続きを読む

MW WP Formで画像・PDFが添付されず送信完了する不具合の原因と対策｜0バイト/iCloud未取得ファイルを弾く

WordPress
MWWPFormで、「画像添付を必須にしているのに、画像が届かないまま送信が完了してしまう」という報告を受けた。調べてみると原因はフォームの設定ミスでもバグでもなく、iPhone特…
続きを読む

Rinkerが重い・面倒な人へ｜商品リンクをショートコード＋ブックマークレットで爆速で貼る方法

WordPress
WordPressで商品リンクを貼るとき、定番プラグイン「Rinker」を使っている人は多いと思います。ただ、実際に使ってみると「商品リンクを1つ貼るだけなのに、設定項目が多くて時…
続きを読む

WordPressのCLSが0.7→0に！パンくず・目次・プラグインが犯人だった話

WordPress
WordPressサイトのCLS（CumulativeLayoutShift）が0.704という壊滅的な値から、最終的に0まで改善できました。世の中のCLS改善記事に出てくる「画像…
続きを読む

WordPressのLCP・TBTをプラグインのJS/CSS整理で改善した施策

WordPress
WordPressのPageSpeedスコアが17というかなり厳しい状態から、プラグインのJS/CSSの整理だけで57まで改善できました。特にTBT（TotalBlockingTi…
続きを読む

Better Search Replace を複数ペア一括置換に拡張するパッチを公開しました

WordPress
WordPressのデータベース検索置換ツールとして定番のBetterSearchReplace（以下BSR）を、複数の検索/置換ペアを一度に実行できるよう拡張するパッチファイルを…
続きを読む

Claude Design を使ってみた（× Claude Code で、WordPressをリデザインしてみた）

AIでWebｺｰﾃﾞｨﾝｸﾞ
AnthropicLabsからリリースされたClaudeDesignを使って、TOPページをリデザインしてみました。ClaudeDesignでデザインを起こし、そのままClaude…
続きを読む

【SEO】WordPressの構造化データを <head> に自前実装する方法｜TechArticle・BreadcrumbList・SearchAction

WordPress
WordPressサイトのSEO改善をしようとすると、「とりあえずSEOプラグインを入れておけばいい」という判断をしがちです。実際、VKAllinOneExpansionUnit（…
続きを読む

カラフルボックスのアルファSSL購入・設定ガイド｜www問題とSAN対応の落とし穴

WEB制作・環境
クライアントサイトのSSL証明書を更新したところ、https://www.example.comでアクセスするとブラウザに「この接続ではプライバシーが保護されません」というエラーが…
続きを読む

チェックリストに頼らないWordPressサイト運用のポカヨケ設計

WordPress
サイトを本番公開したら、テスト環境と同じNoindex設定のままだった。大規模改修後にGoogleAnalyticsのタグが計測できていなかった。こういったミスは「次から気をつけよ…
続きを読む

GA4レポートを毎日メールで自動配信する方法【GASで異常値アラート付き】

アナリティクス
GA4を毎日チェックしたいけど、ログインが面倒…という方に向けて、GoogleAppsScript（GAS）を使ってGA4のアクセスレポートを毎朝自動でメール配信する仕組みを解説し…
続きを読む

【WordPress】画像URLにクエリパラメータを自動付与｜`content_save_pre`でDB保存時に書き込む方式が最適解

WordPress
WordPressでコンテンツを更新した際に、画像のキャッシュが原因で更新が反映されないことがあります。この問題を解決するため、画像URLに最終更新日時をクエリパラメータとして追加…
続きを読む

PCはタブパネル切り替え・SPはアンカーリンク——JavaScriptで実現するハイブリッドUIの実装解説

JavaScript
「PCではタブで切り替えたい、でもSPではページ内リンクで飛ばしたい」——レスポンシブサイトでよくある要件です。この記事では、そのハイブリッドなタブUI（invisible-tab…
続きを読む

WordPressサイトにレンタルサーバー『カラフルボックス』をおすすめする理由【2026年】

WordPress
レンタルサーバーを選ぶとき、多くの人はまずエックスサーバーやConoHaWINGを検討すると思います。有名で情報も多く、確かに悪い選択肢ではありません。ただ、実際にいくつかのサーバ…
続きを読む

Simple Membershipで会員限定サイトを作る完全手順 - WordPressで限定ページ/限定コンテンツを実装

WordPress
SimpleMembership（正式名称：SimpleWPMembership）は、WordPressサイトに会員機能を追加できる無料プラグインです。主な機能は次のとおりです。会…
続きを読む

WordPressテーマのFatal Errorとエラーの連鎖構造を直す【PHP7→PHP8移行】

WordPress
この記事では、プログラムが多くの止まるFatalErrorと、1つのエラーが別のエラーを引き起こす連鎖構造について解説します。最後に、テーマを複製して作った場合に起きやすい「更新漏…
続きを読む

PHP7→PHP8に上げたらerror.logが増えた。まず何をすべきか【WordPress】

WordPress
PHP7.4→PHP8.xへのバージョンアップ後、サーバーのerror.logに見たことのないWarningやFatalErrorが大量に出るようになった──という経験をした方も多…
続きを読む

PHP8移行でWordPressテーマに出るWarning 5パターンと修正コード【実例付き】

WordPress
前の記事では「PHP8で何が変わったか」と「error.logの読み方」を紹介しました。この記事では、実際に発生したWarning5パターンを、before/afterのコードつき…
続きを読む

WordPress対応の主要レンタルサーバー比較表【2026年7月最新版】

WEB制作・環境
WordPress対応の主要レンタルサーバー比較表【2026年7月最新版】WordPressを運用できる、主要な国内レンタルサーバー13プランを、「初期割引・キャンペーン価格を含ま…
続きを読む

WordPressの異常を早期発見する「検知」対策まとめ｜実際の感染事例から学ぶ手口と監視方法

WordPress
前回の記事では「侵入を防ぐ予防対策」を紹介しました。しかし現実には、予防だけで100%の防御は難しく、いかに早く異常に気づくかが被害の拡大を防ぐカギになります。この記事では、Wor…
続きを読む

WordPressへの侵入を防ぐ「予防」対策まとめ｜ログイン・権限・設定の3本柱

WordPress
前回の記事では.htaccessを使ったサーバーレベルのセキュリティ設定を紹介しました。今回はその続きとして、WordPressの設定・運用面からできる予防的な対策をまとめます。W…
続きを読む

WordPressセキュリティの第一歩｜.htaccessで今すぐできる7つの対策

WordPress
WordPressサイトが突然、知らないショッピングサイトにリダイレクトされる——。これは「SEOスパム攻撃」と呼ばれる典型的なハッキング手口のひとつです。Googleからのアクセ…
続きを読む

続・RSS×AIで情報収集を自動化！採点＆学習する自分好みの情報ポータルの作り方

AIコーディング
前回の記事で紹介した「RSSPortal」を実際に運用してみたところ、いくつかの課題が見つかりました。今回は、それらの改善とGitHubでのOSS公開についてまとめます。RSS×A…
続きを読む

RSS×AIで情報収集を自動化！採点＆学習する自分好みの情報ポータルの作り方

AIコーディング
エンジニアやWeb制作者にとって、技術情報のキャッチアップは避けて通れません。しかし、RSSリーダーを開くと未読が数百件…という状況に疲弊している方も多いのではないでしょうか。世の…
続きを読む

WordPressカスタムメニューをアコーディオンにするJavaScript【クリック/ホバー両対応】

JavaScript
WordPressのwp_nav_menu()で出力されるカスタムメニューには、サブメニューを持つ項目に.menu-item-has-childrenクラスが自動的に付与されます。…
続きを読む

WordPress管理画面の投稿一覧のカスタマイズ - カテゴリー・タグでソート可能にする方法

WordPress
「カテゴリーで絞り込んでから一括編集したいのに、できない…」WordPressのカテゴリーのドロップダウンで絞り込んだ状態では、一括操作でカテゴリーを変更できないという制限がありま…
続きを読む

WordPressプラグイン「Press This」が動かない？2025年版カスタマイズ方法

WordPress
WordPress4.9でコアから分離された「PressThis」プラグイン。久しぶりに使おうとしたら、ツール画面から取得したブックマークレットが動作しない…という問題に遭遇しまし…
続きを読む

WordPressメニュー編集が劇的に効率化！自作プラグイン「MenuItem Copy & Paste」の紹介

WordPress
WordPressでサイトを運営していると、メニューの編集作業に多くの時間を費やしていませんか？似たようなメニュー項目を何度も手作業で追加メニュー項目を削除するたびにアコーディオン…
続きを読む

CSS Layersの使い方と注意点 - 実際に使って分かった問題点

HTML/CSS
CSSLayersは2022年に主要なモダンブラウザでサポートされた機能で、CSSのカスケードを「レイヤー」という単位で管理できる仕組みです。理論的には詳細度の悩みを根本から解決し…
続きを読む

【WordPress】『Yoast Duplicate Post』で、予定日時になったら記事の内容を新しい内容に入れ替える

WordPress
WordPressで記事を運営していると、「朝8時に記事を更新してほしい」「営業時間外にお知らせを切り替えたい」といった要求を受けることがあります。通常なら指定時刻に出社して手動で…
続きを読む

【WordPress】未来の日付の投稿を公開状態にするカスタマイズ（「予約投稿」と併用）

WordPress
WordPressで投稿に未来の日付を設定すると、自動的に「予約投稿」となり、その日時まで非公開になります。しかし実際の運用では、「未来の日付だけど今すぐ公開したい」というニーズが…
続きを読む

【WPプラグイン】MTS Simple Booking 予約受付締切を前日の◯時までにするカスタマイズ

WordPress
MTSSimpleBookingは、WordPressで予約システムを構築できる便利なプラグインです。しかし、標準機能では予約受付締切を「◯日前」という日単位でしか設定できず、「前…
続きを読む

【ExUnit】SNSシェアボタンの表示場所を変更する方法

WordPress
WordPressの人気プラグイン「ExUnit（VKAllinOneExpantionUnit）」のSNSシェアボタンは、標準では記事本文の下部に表示されます。しかし、場合によっ…
続きを読む

内部リンク先のページを、モーダルで開くJavaScript

JavaScript
Webサイトで内部ページへのリンクをクリックした際、新しいページに遷移するのではなく、モーダル（ポップアップウィンドウ）で表示する仕組みを作成しました。WordPressのCont…
続きを読む

WordPress MCP Server でプラグイン開発を効率化する方法

AIコーディング
WordPressプラグイン開発において、公式ドキュメントの参照とサイト操作を効率化するModelContextProtocol（MCP）サーバーの導入方法と活用法について解説しま…
続きを読む

【WordPress】bodyのidにスラッグ名、body_classに任意のクラスを追加する方法

WordPress
WordPressでサイトを制作していると、ページごとに異なるCSSを適用したいケースがよくあります。そんな時に便利なのが、<body>タグにIDやクラスを追加する方法…
続きを読む

WP『MW WP Form』でのスパム対策：reCAPTCHA v3とNGワード設定で営業メールを撃退

WordPress
WordPressのお問い合わせフォームプラグイン「MWWPForm」を使っていると、スパムメールや営業メールに悩まされることがあります。実際に弊社でも、長文の営業メールが大量に送…
続きを読む

WordPressの「前の記事・次の記事」の作り方

WordPress
WordPressサイトで投稿記事の下部によく見かける「前の記事・次の記事」のナビゲーション。これがあることで、読者が関連する記事を簡単に見つけられ、サイトの回遊率向上にもつながり…
続きを読む

WordPressで突然出てくるWarningを非表示にする方法

WordPress
WordPressでサイトを運営していると、ある日突然画面の上部に「Warning」というエラーメッセージが表示されることがあります。特に何も変更していないのに急に出現するため、多…
続きを読む

特殊なWebサーバー環境でのWordPressのインストール：診断と解決のプロセス

WordPress
WordPressのインストールは通常、簡単な作業です。しかし、企業レベルのWebサーバー環境では、CDNやプロキシサーバーが絡むことで予想外の問題が発生することがあります。今回は…
続きを読む

【WordPress】URLからタイトル・サムネイル・抜粋文を取得してカスタムリンクボックスを作成するショートコード

WordPress
WordPressで外部サイトや内部ページへのリンクを紹介する際、単純なテキストリンクよりも視覚的に魅力的なリンクボックス（リンクカード）を表示したいことがありますよね。この記事で…
続きを読む

はじめてのWordPressプラグイン開発 - 申請・登録のやり方

WordPress
プラグインの開発が完了したら、次はWordPress.org公式ディレクトリに掲載する準備です。実際にプラグインの申請・承認・公開を通じて学んだ、申請から公開までの完全ガイドをお届…
続きを読む

はじめてのWordPressプラグイン開発 - 作成編

WordPress
WordPressプラグイン開発に興味はあるけれど、どこから始めれば良いかわからない...そんな方に向けて、実際に開発・公開した「CategoryColorPicker」プラグイン…
続きを読む

Vibe Codingのワークフロー 準備編1 - 要件定義・設計管理 -

AIコーディング
ClaudeCodeで効率的に開発を進めるために最も重要なのは「事前準備」です。AIに曖昧な指示を出すと、意図しない方向に進んでしまい、大量の修正が必要になります。この記事では、実…
続きを読む

【WPプラグイン】［MTS Simple Booking］予約品目の本文を表示させるカスタマイズ

WordPress
はじめにMTSSimpleBookingプラグインでは、デフォルトでは予約品目の本文（post_content）が予約フォームに表示されません。今回は、予約品目の本文を予約フォーム…
続きを読む

WP Mail SMTP設定ガイド｜WordPressのメールがGmailに届かない原因と対処法

WordPress
WordPressのお問い合わせフォームやメール配信システムから送信していたメールが、Gmail宛に届かなくなったというお問い合わせをいただくことがあります。特に以下のケースでトラ…
続きを読む

WordPressサイトでのPDFダウンロード追跡：GA4とサーバーサイドトラッキングの実装

バックエンド
こんにちは。今回は、WordPressサイトでPDFのダウンロードを追跡する方法について、実際の実装経験をもとにご紹介します。GoogleAnalytics4（GA4）とサーバーサ…
続きを読む

WordPressのPDF埋め込みプラグインを比較してみる

WordPress JavaScript
WordPressのPDFプラグインを比較してみます。望む条件は、デバイスが横向きの場合（@media(orientation:landscape)）は、PDFが見開き2ページ表示…
続きを読む