WordPressのプレビューをショートカットできるブックマークレットを作ってみた

Wordpresプレビューショートカット

どうも、なっち(@Nacchi)です。

WordPressって便利なんですけど、プレビューボタンが右上にしかないので不便だと感じたこと無いですか?

書き始めなら特に気になりませんが、長文の終盤に差し掛かってくると、いちいちページ上部までスクロールしないとプレビューができないってどういう仕様なんですか・・・

というわけで、プレビューボタンの代わりになるブックマークレットを作ってみました。

WordPressプレビュー用ブックマークレットの設定方法と使い方

実施のコードがこちら↓↓

javascript:(function(){document.getElementById("post-preview").click();})();

ブックマークレットと言っても、単にプレビューボタンをクリックするJavascriptを1行書いただけですw

ブックマークレットの登録方法

基本的にコピペで利用できるようになるので、難しい設定は不要ですが、ブックマークを使ったことがない人のために簡単に登録方法を紹介します。

登録方法はこちらの2パターン。

  1. 上記のスクリプトをブックマークに登録
  2. 下のリンクをブックマークバーにドラッグ&ドロップする
パターン1の登録方法

パターン1の登録方法

パターン2の登録方法

パターン2の登録方法

\WordPressプレビュー用ブックマークレット/

ブックマークレットのの使い方

WPプレビューブックマークレットの使い方

WPプレビューブックマークレットの使い方

使い方はとても簡単で、プレビューしたいときに登録したブックマークをクリックするだけ。

ボタンを押したときと同様に、プレビューページが表示されます。

ChromeとSafariで動作確認しましたが、他のブラウザで動くかはわかりません。(恐らく大丈夫ですが・・・)

まとめ

今回は、WordPressのプレビューを簡単にするブックマークレットの登録&使い方を紹介しました。

調べてみると、[tab]×2と[Enter]でも同様のことができるとのこと。

【作業効率化】ワードプレスのプレビューボタン押すのめんどくさくない?

なのでもしかしたら需要はあまりないかもしれませんが、その方法だとたまに画面がスクロールアップして邪魔くさかったので、個人的にはこっちの方法が好み。

長文を書いていてプレビューが面倒だと感じていた人は、ぜひ使ってみてください。

関連記事

Wordpresプレビューショートカット

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ABOUTこの記事をかいた人

2014年10月〜2016年6月末までオーストラリアでワーキングホリデーを経験。外資系企業に務めながら、副業でブログやサイトを運営し、今後は地元沖縄を拠点にビジネス展開できるように計画中。 ダーツ、カメラ、写真、散歩、ブレイクダンスとやたらと多趣味の変わった人。