【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

関連記事

【デザイン】想像力を刺激するようなクリエイティブな本棚

今回は、タイトルの通り普通の本棚とは異なるアイディアにあふれたクリエイティブな本棚のデザインをまとめてみました。 “Bias of Thoughts” 目の錯覚を利用した不思議なデザインです。 Link:http://melbournea...続きを読む

2015.02.15インスピレーション

ChatGPTにCSSを書かせる前に、人が決めておくべきこと

ChatGPTにCSSを書かせると、 見た目としてはそれなりに整ったコードが、すぐに出てきます。 「とりあえず動く」「デザイン要件は満たしている」 ここまでは、特に問題を感じないかもしれません。 ただ、あとから少し修正しようとしたときに、 ...続きを読む

2026.01.10AI活用CSS生成AI

【緊急解説】なぜ多くのサイトがダウン? Cloudflare障害の原因とアクセスできない時の自己解決策

「サイトが見えない…」大規模障害発生 「急にサイトが動かない!(アクセスできなくなった)」「画像が消えた!」と、現在多くのインターネットユーザーやウェブサイト運営者の方が困惑されていることと思います。ご自身のパソコンやスマートフォンの問題ではありませんので、...続きを読む

2025.11.18

【WP】アップロードするメディアフォルダをカスタマイズする

wordpressでは画像などのメディアファイルを投稿すると初期設定では「投稿年」「投稿月」のフォルダが作られ、そのフォルダ内にデータがアップロードされます。 コーポレートサイトとして運用しカスタム投稿や固定ページを多く使用するような場合はカスタム投稿やページ毎に分けて...続きを読む

2015.03.13WordPress

CSSカウンター実用編:段落や図表番号に応用する

入門編では、リスト番号を自動で付ける方法を紹介しました。 今回はさらに一歩進んで、段落番号や図表番号を自動付与する実用テクニックを解説します。 マニュアル記事やレポート風コンテンツだけでなく、Webサイト制作でも大いに役立つ仕組みです。...続きを読む

2025.10.31CSSHTMLコーディング