【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

関連記事

美容室グランディール様WEBサイトのリニューアル

富士宮市にある『美容室グランディール』様のWEBサイトのデザインをリニューアルいたしました。上質な空間を演出できるように、よりナチュラルな印象に、おしゃれで可愛らしい雰囲気のデザインに仕上がりました。 インスタグラムでの投稿と連携して、写真が表示されるようになっております。...続きを読む

2018.02.06WEBサイト制作リニューアル美容室

ウェブサイトの制作を頼むときに知っておきたい専門用語

お店や会社のホームページを持ちたいと思うとき、制作できる方や制作会社を探しますが、説明される内容や掲載されている内容に専門用語が多く、難しいと思う方もいらっしゃると思います。今回は、ホームページの制作でよく出てくる専門用語を解説したいと思います。 ウェブサイトの制作は実際の...続きを読む

2018.02.09WEBサイト制作レンタルサーバ

Bootstrapのグリッドレイアウトを生成AIで書き直すべきか?

近年のフロントエンド開発では、 CSS Gridを前提にレイアウトを考えるケースが増えています。 CSS Gridは、2017年前後に主要モダンブラウザで本格対応が揃い、 現在ではIEを考慮しないプロジェクトであれば、実務上の制限はほぼありません。 ...続きを読む

2026.01.08AI活用BootstrapCSS生成AI

藤枝市の事業主が知るべきAI基礎|今さら聞けない5つの疑問

「AI、気になるけれど…正直よくわからない。」 藤枝市の事業主の方から、そんな声を聞くことが本当に増えました。 便利だと聞くけれど、難しそう。導入は大変そう。どこから手をつければいいのかもわからない…。 そんな“モヤモヤ”を抱えたまま、時間だ...続きを読む

2025.11.17AI活用パソコンの使い方作業効率化生成AI藤枝

AI時代でも陳腐化しないCSS設計の本質とは

生成AIを使ったHTML/CSSコーディングが当たり前になり、 「コードを書くスピード」そのものは、以前よりも確実に上がりました。 一方で、こんな感覚はありませんか? ・その場では便利だったはずのCSSが、あとから触れなくなる ・生成A...続きを読む

2026.01.16AI活用CSS生成AI