【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

関連記事

【デザイン】室内の壁をクリエイティブに飾るデザインワーク

店舗やオフィスなど単調な壁面、インテリアや照明がないと少し寂しい雰囲気にもなります。 そのような室内の壁をクリエイティブに飾るアートワークをまとめてみました。 Smartdeco - Wall decoration design: asterisco*l...続きを読む

2015.02.14インスピレーション

フリーランス独立前に準備すべき5つのこと

会社員デザイナーが感じる「このままでいいのか?」の葛藤 都内の制作会社で働く30歳のWebデザイナー。入社7年目、社内では「頼れる存在」とされているものの、その裏では本人にしか分からない苦労が積み重なっていました。 朝は満員電車に1時間半揺られて出勤。昼は営業が取って...続きを読む

2025.09.25フリーランス独立経営起業

【WP】ウェブサイトのパフォーマンスを高めるためのプラグイン

Googleよりウェブサイトの制作・管理を行うウェブマスター向けのガイドラインが告知されております。このガイドラインの目的は「ガイドラインに沿ってサイトを作成すると、Google がサイトを認識し、インデックスに登録し、ランク付けをするプロセスをスムーズにおこなう手助けとなります...続きを読む

2015.03.23WordPress

Micro hair saron様WEBサイトのデザイン提案

Micro hair saron様WEBサイトのデザイン提案。店内のインテリアやお店の雰囲気、「シンプル」でありながら心地よさを感じられるようなデザインを心掛けました。お店のコンセプトである「髪だけでなく 時間と空間をデザインして 五感で満足していただくこと。」木の温もりと、...続きを読む

2019.04.24WEBデザイン美容室

【CSS】Googleマップの埋め込み用HTMLコードをレスポンシブに対応させる

Googleマップで、埋め込み用HTMLコードを発行して、ブログやサイトに貼り付けて使うことがよくあると思います。 サイトがレスポンシブ対応の場合、本文中のGoogleマップが、要素からはみ出して見栄えが崩れたり、案内したい所在地のポインタが表示されないということがあります...続きを読む

2015.02.08CSSHTMLコーディング