みなさんこんにちは。ベクトルのいしかわでございます。
WordPressから公式のブラウザ拡張機能 「WordPress Browser Extension」 がリリースされました。
Google ChromeなどのChromium系ブラウザと、macOSのSafariで利用できます。
早速使ってみたのですが、これが意外と便利だったのでサクッと紹介します。
管理バーの非表示
実際の見た目を確認したい時 / スクリーンショットを撮る時 など管理バーが邪魔な場合にいちいちログアウトしたり、シークレットモードで別で開くのは面倒ですよね。そんな時に非表示にできるのでとっても便利。
ページ編集画面 / WordPress 管理画面へのリンク
サイト編集している時は管理バーからそのページの編集画面に移動したり、新規ページの作成をする事が多いと思いますが、管理バーを非表示にしているとそのアクセス経路がなくなってしまいます。
そこで、このブラウザ拡張には「ページを編集する」「WordPress 管理画面」「新規」のメニューが用意されており、管理バーからの操作同様に使う事ができます。
ブロックを強調表示
「ブロックを強調表示する」をオンにすると、ページ上で WordPress のブロックが使われている場合にブロック構造を視覚的に確認できます。
これ面白いのは、ログインしているサイトに限らないので、自分以外の WordPress のサイトでも表示する事ができます。
モバイルプレビュー
現在表示しているページをモバイルサイズで確認できます。
もちろんChromeの開発者ツールでも同じような確認はできますが、ブラウザ拡張からサクッと表示できるのがポイント。
ちょっとスマホ表示を確認したいだけなら、こっちの方が手軽。
ページキャッシュをバイパス
サイトを調整しているとスーパーリロードしても「変更したはずなのに表示が変わらない…」という場面に結構出くわすと思います。
「ページキャッシュをバイパスする」を使うと、URLにパラメーターをつけて再読み込みをするので、新しいページとしてキャッシュを避けてページを読み込めます。
サイトデータを消去
そのサイトに保存されている Cookie などのサイトデータを削除できます。
例えばポップアップバナーで一度閉じるとブラウザを再起動するまで再度表示しない設定にすると調整中に確認が面倒ですが、この WordPress のブラウザ拡張から削除すれば再度確認などの作業がしやすいです。
削除してもログイン状態は維持したままなので、再ログインの手間はありません。
自分のWordPressサイトにもすぐ移動できる
ログインしたWordPressサイトは「マイサイト」に記録され、別のサイトを見ている時でもブラウザ拡張からアクセスできます。
業務でやっている方は特に複数のWordPressサイトを管理するので便利ですが…配信中やクライアントとの打ち合わせの際などにうっかりクリックするとどこのサイトを管理してるか情報漏えいしてしまうので注意が必要です。
※このサイト一覧や設定などはブラウザ内に保存され、WordPress.orgなど外部へ送信される仕組みではないようです。
派手ではないけど意外と便利
正直なところ、「これがないとWordPressが使えない！」というような機能ではありませんが、
- 管理バーを一時的に非表示にする
- 編集画面や管理画面を開く
- ブロックの構造を確認する
- スマホ表示を確認する
- キャッシュを回避する
- サイトデータをリセットする
など、WordPressでサイト制作しているとちょくちょくやる操作がブラウザ側からすぐできるのは地味に捗るポイントかなと思います。
特に複数のWordPressサイトを触るウェブ制作者には相性が良さそうなので、ChromeやSafariを使っている方は一度試してみてください。
実際の動作については動画で紹介していますので、そちらもどうぞ！
この記事を書いた人
- 代表取締役
- 名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本（共著）
・現場でかならず使われているWordPressデザインのメソッド（共著）
[ 最近のWordPressコミュニティでの活動 ]
WordCamp Tokoy 2023 セッションスピーカー
WordCamp Asia 2023 セッションスピーカー（LT）
WordCamp Niigata 2019 セッションスピーカー
WordCamp Haneda 2019 セッションスピーカー
WordCamp Osaka 2018 セッションスピーカー
WordCamp Kyoto 2017 セッションスピーカー
他
を購入して
特典をゲットしよう！
特典A
X-T9 工務店
（ ナチュラル ）
19,800円 (税込)
0円に！
特典B
Lightning ビジネス
（Evergreen）
9,900円 (税込)
0円に！
特典C
Lightning 工務店
（ ナチュラル ）
19,800円(税込)
0円に！
今なら！
Vektor Passport の
有効期間中、上記の
デモサイトデータを
何度でも素早くまるごと
インポートできます！
爆速!!１分でデモサイトと同じ
ホームページができる
選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。
フルサイト編集対応ブロックテーマ
WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。
パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを500以上公開中！コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる
VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。