どうも、なっち（@Nacchi）です。
WordPressって便利なんですけど、プレビューボタンが右上にしかないので不便だと感じたこと無いですか？
書き始めなら特に気になりませんが、長文の終盤に差し掛かってくると、いちいちページ上部までスクロールしないとプレビューができないってどういう仕様なんですか・・・
というわけで、プレビューボタンの代わりになるブックマークレットを作ってみました。
WordPressプレビュー用ブックマークレットの設定方法と使い方
実施のコードがこちら↓↓
javascript:(function(){document.getElementById("post-preview").click();})();
ブックマークレットと言っても、単にプレビューボタンをクリックするJavascriptを1行書いただけですｗ
ブックマークレットの登録方法
基本的にコピペで利用できるようになるので、難しい設定は不要ですが、ブックマークを使ったことがない人のために簡単に登録方法を紹介します。
登録方法はこちらの2パターン。
- 上記のスクリプトをブックマークに登録
- 下のリンクをブックマークバーにドラッグ＆ドロップする
パターン1の登録方法
パターン2の登録方法
＼WordPressプレビュー用ブックマークレット／
ブックマークレットのの使い方
WPプレビューブックマークレットの使い方
使い方はとても簡単で、プレビューしたいときに登録したブックマークをクリックするだけ。
ボタンを押したときと同様に、プレビューページが表示されます。
ポイント
ChromeとSafariで動作確認しましたが、他のブラウザで動くかはわかりません。（恐らく大丈夫ですが・・・）
まとめ
今回は、WordPressのプレビューを簡単にするブックマークレットの登録＆使い方を紹介しました。
調べてみると、[tab]×2と[Enter]でも同様のことができるとのこと。
なのでもしかしたら需要はあまりないかもしれませんが、その方法だとたまに画面がスクロールアップして邪魔くさかったので、個人的にはこっちの方法が好み。
長文を書いていてプレビューが面倒だと感じていた人は、ぜひ使ってみてください。
