開発やテストに便利なプラグイン
開発やカスタマイズに使えそうなプラグインを集めてみました。
テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQLのクエリを出力してくれるプラグインなどを使っています。
テストデータ
「ツール」→「インポート」からWordPressを有効化してインポートができます。
日本語版 theme-test-data-ja
英語版 theme-unit-test-data.xml
テンプレートファイル名を表示「Display Template Name」
現ページで使われている(テーマの)テンプレートファイル名をサイドバーに表示
Display Template Name
ライブサイトで開発「Theme Test Drive」
非ログインユーザには通常のテーマでページを表示。ログインユーザのみに開発中のテーマで表示することができます。
Theme Test Drive
サイトをプライベート化「Private Only」「Password Protected」
ログインユーザのみをサイト閲覧を可能にしてくれます。
Private Only Password Protected
カミングスーン「Ultimate Coming Soon Page」
ログインユーザのみ通常ページを表示させ、非ログインユーザに「Coming soon」ページを表示
Ultimate Coming Soon Page
実行SQLをログに出力「Query Recorder」
実行SQLクエリーをログに出力できます。
Query Recorder * SELECT以外のクエリーが出力が可能
実行SQLを表示「Query Monitor」「Debug Queries」
ログインユーザのみにSQLクエリーログをページ下部に表示してくれます。
Query Monitor
Debug Queries
関連記事
-
-
「続きを読む」(moreタグ)をカスタマイズ
WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、
-
-
Twenty Fourteen 「投稿日」や"先頭固定表示"を非表示
日付を表示する部分は、全てtwentyfourteen_posted_onに集約されています。該当部分をコメントアウトしたかたちで子テーマのfunctions.phpに追加して下さい。 「投稿日
-
-
jQueryをCDNから読み込む
WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0
-
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
-
ツールチップ実装プラグイン「WordPress Tooltip」
「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで
-
-
ナビゲーションメニューに検索フォームを追加
メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく
-
-
Twenty Ten カスタマイズ
Twenty Tenのカスタマイズについてのまとめです。 目次 コンテンツナビゲーション 非表示 「投稿日」を非表示 「作成者(投稿者)」を非表示 "コメントをどうぞ"("leave a
-
-
ログイン画面・機能をカスタマイズ
CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
- PREV
- カルーセル プラグイン
- NEXT
- 英文レジュメの参考サイト まとめ (IT業界)
Comment
**ブログ投稿 WordPressで開発やテストに便利なプラグイン まとめ http://t.co/lSD9Pc6e0s