【WP】開発者向け便利ツールプラグイン

wordpress-tools-for-development

WordPressで開発を行う場合、デバッグやテストなどをサポートしてくれる便利なプラグインをご紹介します。

Debug Bar

「Debug Bar」プラグインはインストールするとサーバの性能(PHP、SQLのバージョン、使用メモリ-)、クエリの応答速度などを確認することができます。またデバッグモードを有効した状態にするとWarningsやNoticesの情報も表示されます。

debug-bar-01

「Debug Bar」の拡張プラグイン「Debug-Bar-Extender」をさらにインストールすると「Profiler」の項目が追加されページが表示されるまでに処理される内容を追うことができます。ページが表示されるまでに応答が遅い箇所を確認するなどWordPressのチューニングにも役立ちます。

debug-bar-02

インストールと利用方法

「Debug Bar」をインストール後に「Debug-Bar-Extender」インストールします。

「Debug Bar」をインストールすると管理バーに「Debug」のメニューが追加されます。表示されるページで「Debug」ボタンを押すと「Debug」画面をみることができます。

Theme Check

名前の通りWordPressのテーマファイルをチェックしてくれるプラグインです。

theme-check-02

インストールと利用方法

「theme-check」をインストールすると、管理画面の「外観」メニュー内に「Theme Check」の項目が追加されます。

theme-check-01

関連記事

【CSS】JavaScript不要!CSSだけで実装トグル式アコーディオンの作り方

WEBサイトで「アコーディオン」といえば、クリックするとパネルが開閉するUIの定番パターンですね。 多くの場合、JavaScriptと組み合わせて実装することがほとんどだと思います。 でも、CSSだけでもシンプルなアコーディオンを実装できるのをご存じですか? 今回は、CSS...続きを読む

2025.07.29CSSHTMLコーディング

【Win10】ファイルを削除する前に確認メッセージを表示する

Windows10でファイルやフォルダーを削除したい場合、エクスプローラーのメニューやツールバーで表示される【削除】や、マウスの右クリックで表示される【削除】を実行する方法や、キーボードの【Delete】キーを押すことで、ファイルやフォルダーを削除(ファイルやフォルダーをゴミ箱に...続きを読む

2019.07.06Windows10パソコンの使い方

「動くけど、採用できない」AIコードの見分け方

「動くけど、採用できない」AIコードはどこで見分ければいいのか? AIで生成したコード、エラーは出ていない。 画面も想定どおりに表示されている。 それなのに、実務に組み込もうとすると手が止まる。 「このまま入れて大丈夫だろうか」 「あとで直す...続きを読む

2026.01.06AI活用HTMLHTMLコーディング生成AI

カノンってなに?古代ギリシャが定めた“美しさの論理”

「なんかバランス悪いかも」…そんなときに立ち返りたい考え方 デザインしていると、こんな感覚に陥ることはありませんか? 全体のバランスが悪いような気がする どう配置してもしっくりこない “整ってる感じ”がうまく作れない 私もよくあります。 特に、要素をたくさ...続きを読む

2025.07.19カノンデザイン論古代ギリシャ

【JavaScript】横にスライドするレスポンシブメニューを実装するライブラリ『mmenu』

スマートフォンやタブレットのアプリなどでボタンを押すとメニューが横から展開するインターフェイスをみることがあります。今回はそのような横にスライドするメニューを実装することができるJavaScriptライブラリ『mmenu』を紹介します。 『mmenu』 ダウン...続きを読む

2015.03.04HTMLコーディング