【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

関連記事

【デザイン】ウエディングパーティーのエスコートカード

ウエディングパーティーなど来客者をテーブルに案内するときは座席表やエスコートカードが登場しますね。今回は、クリエイティブなエスコートカードの参考事例をご紹介します。 Malibu Calamigos Ranch wedding 可愛らしいミニチュアサイズの鉢植えでお出...続きを読む

2015.03.25インスピレーション

【デザイン】フォトグラファーポートフォリオサイト

今回は、フォトグラファーのポートフォリオサイトを集めてみました。サイトごと写真の見せ方に工夫がありますね。 http://www.vivienneballa.com/ Link:http://www.vivienneballa.com/ http://w...続きを読む

2015.02.15インスピレーション

HTML文章の歴史を振り返る

WEBサイトの制作において基礎となるのは、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)略称をHTML(エイチティーエムエル)と呼ばれる、拡張子が.htmlや.htmなどであらわされる文章ファイルです。 WEBサイトの制作に...続きを読む

2015.01.14HTMLコーディング

【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法

前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換(コンパイル)してCSSとして書き出してWEBサイトに組み込むことを...続きを読む

2019.05.16HTMLコーディング

【WP】管理画面で操作をしていたらForbiddenが表示された

さくらインターネットのレンタルサーバで、WordPressを用いてWEBサイト(ホームページ)やブログを開設し、WordPressの管理画面を操作中に「Forbidden」が表示されたことありませんか? Forbidden The server refuse to...続きを読む

2018.08.02WordPressさくらインターネットレンタルサーバ