WordPressの投稿をプラグインで時間短縮!リアルタイムプレビューが凄い!

追記:2015年10月13日 現時点では、以下で紹介しているプラグインは私の環境ではサイト表示がおかしくなる等、不具合が発生する為、使用はおすすめできません。

WordPressであなたが記事を投稿する直前、必ずと言って良いくらい使う機能は何ですか?恐らく『プレビュー』ボタンではないでしょうか?

ほとんどの人は投稿記事が実際のサイトでどのように見えるかプレビューボタンを使って確認を取ると思います。

【スポンサーリンク】

 

プレビューは私にとっても必須の機能なのですが、ただ、プレビューボタンを押した後、いつも少々イライラさせられます。なぜか?サーバーの反応が遅いんです。

プレビューボタンを押した瞬間にプレビューが見れたら良いのですが、サーバーが処理をするのに少し時間がかかってしまうんですよね。私が使っているサーバーは高速と言われるWordpress専用サーバー『wpX』なのですが、それでも遅いと思います。

投稿前に記事をプレビューで確かめ、手直ししてはまたプレビュー、こんな事を何回も繰り返していると結構な時間が経過してしまいます。時間はお金です。こんな事に多くの時間を費やすのは本当にもったいないと思います。

という事で、プレビュー機能がもっと快適に使えるようになるプラグインはないかと探していた所、とても便利なプラグインを見つけました。「Active Preview」というプラグインです。

このプラグインで出来る事は、リアルタイムでプレビューを見れる事。記事を書きながら実際のサイトがどのように見えるのかをリアルタイムでプレビューできてしまうのです。

凄いですよね!

ただ、このプラグイン、最終更新が5年前と非常に古いんです。最新バージョンのWordpressを使ってテストされていないと表示されています。

更新されていない古いプラグインは何かと問題が発生する事も多々ありますので、最新バージョンのWordpressでテスト済みの、同じような事ができるプラグインはないかと探してみました。

そして見つけたのが、PrettyPressというプラグインです。

このプラグイン、凄いですよ!

PrettyPressで何ができるの!?

PrettyPressで出来る事は、

1.リアルタイムでプレビューが見れる。⇒PrettyPressの実際の動きを見てみる。

2.デスクトップ、タブレット、スマホ、それぞれの端末でどのように見えるか切り替えができる。

3.ショートコードもリアルタイムでプレビューできる。(有料)

【Ads by 忍者AdMax】

PrettyPressのインストールの仕方!

PrettyPressのインストールの仕方は他のプラグインと同じで特に変わった事はありません。

管理画面で、プラグインの『新規追加』のページから『PrettyPress』を検索し、インストールして『有効』にするだけです。設定も問題が起きなければ特にいじる必要はありません。

一応、設定について説明して置きますと、設定は『Enable the PrettyPress editing screen?』と『Enable the Markdown editor?』の2つの項目をいじる事ができます。

PrettyPressの編集画面を使用可能にするのか不可能にするのか、また、マークダウン編集を可能にするのか不可能にするのかの選択です。

なぜ使用不可能にするかですが、可能にすると不具合のでる場合があるんだそうです。そういう時のためにこの項目があるようです。

実際、私が使っているサイトのテンプレート(テーマ)は、このプラグインを有効にしたら少しサイト表示がおかしくなりました。『Enable the PrettyPress editing screen?』を『Disabled』にすると治ります。

しかし、ログインした状態でサイトを見た時に多少崩れるだけで、ログインせずに見た時は何の問題もなくサイトが表示されていますので、今の所、私は設定をいじっていません。

他にはキャッシュ系のプラグインとの相性が問題になる事もあるかもしれません。その時は一度キャッシュを削除したら治りました。便利なプラグインですが、問題に対処できなさそうと思われる方は使うのはやめておいた方が無難かもしれません。

マークダウンというのは簡易言語の1つで、手軽に書いた文章からHTMLを作成してくれるものです。VISUALモードが使えるので特に必要ないと思います。

PrettyPressの使い方!

PrettyPressの使い方は非常に簡単です。いつものように投稿画面で記事のタイトルを入力したら、一旦、『下書きとして保存』をクリックします。

そして、『Launch PrettyPress(PrettyPressを起動する)』ボタンをクリックします。

PrettyPressの使い方0

 

すると、PrettyPressの画面が出て来るので、後はリアルタイムでプレビューを見ながら記事を書くだけです。

以下はPrettyPressでリアルタイムプレビュー(スマホ画面)を見ながらこの記事を作成している時の画像です。

PrettyPressの使い方1

 

プレビューするスクリーンは以下のようにして変更可能です。以下のプレビュー画面はデスクトップサイズです。

PrettyPressの使い方2

 

以下のプレビュー画面はタブレットサイズです。

PrettyPressの使い方3

 

プレビュー画面は自分の好きなサイズに変更する事も可能です。以下のようにプレビュー画面の端をドラッグしてサイズを変更します。

PrettyPressの使い方4

 

投稿は以下の『Publish』ボタンをクリックで行えます。(カテゴリーやタグの記入漏れ・間違い等がないかどうかの確認のためにも投稿はデフォルト画面から行った方が良いと思います。)

PrettyPressの使い方5

もう、何度も『プレビュー』ボタンを押したり手直ししたりする必要がなくなる為、本当に記事投稿の時間短縮に繋がります。

環境は自分で整える!ハードブロガーのあなたへ、この記事がお役に立てますように。

By

※いいねと感じたら『いいね』や『ツイート』、また『コメント』等も頂けると嬉しいです。

 

コメントを残す

※掲載基準 批評:○ 根拠のない誹謗中傷:×

【Ads by 忍者AdMax】

【楽天市場デイリー総合ランキングトップ商品】
555円(送料込)
2016日本雑穀アワード最高金賞!日本のスーパーフード雑穀\大麦&もち麦も配合/
レビュー平均:4.43
レビュー件数:59915
ショップオブザイヤー受賞
自然の都【タマチャンショップ】
5979円(送料込)
\ポイント最大7倍!/当店人気No.1【化粧箱包装】[かにしゃぶ/カニしゃぶ/むき身/かに鍋/鍋/福袋/ますよね/御歳暮/ABSB2016]2015/12/30総合1位!
レビュー平均:4.4
レビュー件数:35861
越前かに問屋「ますよね」
1512円(送料込)
≪天然植物成分90%以上で優しいボタニカルシャンプー&トリートメント≫
レビュー平均:4.31
レビュー件数:28093
ショップオブザイヤー受賞
SALONIAオフィシャルサイト

サブコンテンツ

スポンサーリンク

スポンサーリンク

Ads by Criteo(or AdStir)

このブログのQRコード

このページの先頭へ