[WordPress] 爆速でブログを書くために必要なプラグイン3つ

タイムライン

[WordPress] 爆速でブログを書くために必要なプラグイン3つ

ブラウザの拡張を充実させたり、ブックマークレットを使ったり、DashAlfredを導入したりと、快適なブログ執筆に向けていろんな施策を試しております。

が、

正直、ストレスを減らして気持ち良くブログを書くために必要なプラグインは下の3つ。

「Jetpack」、「WP Emmet」、「Drag & Drop Featured Image」。

詳しくは折り込みます。

マークダウン & Emmet is 最強

h2やh3のヘッドラインの装飾にDashTextExpanderのスニペットツールを導入している人もいると思いますが、ブログで楽にhtmlを書くならばマークダウンが最強です。

良く使うh2ul li のマークアップは一瞬で終わります。

## シャープ2つがh2に

<h2>シャープ2つがh2に</h2>

### 3つだとh3に

<h3>3つだとh3に</h3>

- りすとの
- マークアップは
- ダッシュだけ

<ul>
<li>リストの</li>
<li>マークアップは</li>
<li>ダッシュだけ</li>
</ul>

1. 数字付きも
2. これだけで
3. こうなる

<ol>
<li>数字付きも</li>
<li>これだけで</li>
<li>こうなる</li>
</ol>

Qiita – Markdown記法 チートシート – Qiita

コードの挿入や強調も楽になります。

で、

WordPressのエディタでマークダウンを導入するには

Jetpack

ご存じjetpack。

重いだ、必要ないのが多いだ、無駄なコードが入るだぁいわれてますが、僕の場合はなんなら一番最初に入れるプラグインがこれです。

  • 不正なログインを防いでくれる
  • 結構しっかりしたアクセス解析ができる
  • OGPタグを差し込んでくれる(使ってない)
  • 画像のCDN配信が簡単。
  • モバイル用のテーマもついてくる(使ってない)
  • サイトが落ちた時に教えてくれる
  • 記事公開時のSNSシェアが簡単。(使ってない)
  • シェアボタンも簡単取り付け。(使ってない)
  • マークダウンで記事が書ける

その他モリモリ。

と、WordPressがよくわからない人でもとりあえずおすすめできるプラグインです。要:wordpress.comのアカウント

Jetpack 設定 ‹ prasm — WordPress 2015-06-19 09-51-15

僕が使ってるのは、いっぱいある中のこれだけ。でも、プラグイン入れる価値あり。

マークダウンで書いた記事はプラグインを外すと大変なコトになるので、注意してくださいね。

マークダウンで対応出来ないコードはEmmetでかく

正直もうEmmetのない環境では仕事できないくらいの依存度。

ul>li*3>a

これを展開すると

<ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
</ul>

こうなる。

ぶっちゃけブログの場合リストのマークアップはマークダウンでやるので、Emmet使わないんですけども、ちょっと複雑な記事を書くときに

.hogehoge

を展開して

<div class="hogehoge"></div>

になるの便利。

a

これで

<a href=""></a>

こうなって泣ける。

Emmetに関しては他のツールで代用がきかないし、コードを打つ物量が劇的に減って助かります。

さらにはEmmet用のコードをDashに登録してさらに時短と夢が広がって仕方ない感じです。

で、WordPressのエディタにEmmetを導入するには

WP Emmet

このプラグインを挿せば、Emmet導入完了です。

面倒なアイキャッチ登録をショートカット

Auto Post Thumbnail」を使えば投稿内の画像からアイキャッチを自動設定出来るのですが、投稿内の画像とアイキャッチは別にしておきたいので、毎回アイキャッチを自力登録してます。

が、めんどい。クリック数が多い。

ってことで、ドラッグアンドドロップでアイキャッチを登録。

Drag & Drop Featured Image

このプラグインを使えば

投稿の編集 ‹ prasm — WordPress 2015-06-19 10-14-45

投稿画面のアイキャッチ部分が、こういう感じに変わります。ここにドラッグアンドドロップで、さくっとアイキャッチ登録。クリックなし!

ついでに画像を圧縮してリサイズもしちゃうなら

上のどちらか都合のいい方を使えば捗ります。

ついつい必要以上に大きな写真を記事に使っちゃう人は、「Imsanity」のリサイズ機能が便利ですね。

もちろんブラウザ拡張やアプリやブックマークレットも組み合わせるよ

リンク取得系はブックマークレット、ブラウザ拡張が便利ですよね。

アイキャッチ作成には画像のエディタを使うし、文字の多い記事には下書き用のアプリも用意します。

何回も使い回す言い回しやコードはスニペット系のアシストが捗ります。

ああああ、面倒だなぁと思うことが多いとブログ書くのがだんだん億劫になるのですが、WordPressだとさくっと使いたい機能が足せて、楽ですね。

気になったのがあれば是非試してみてくださいね。

ではでは。

WordPressブログのデザインや機能を一歩先に進化させるカスタマイズ記事まとめ脱デフォルトでブログのPVアップにつながるWordPressの設定・プラグインまとめブログ更新が捗って仕方がないリソースプラグインまとめ!ドヤ顔で晒してしまう私のブログ更新術の全ての裏側

文:シンタロヲフレッシュ

一緒に読んで欲しい記事

前の記事(Previous)
[WordPress] アイコンフォントのFont Awesomeをプラグインでサッと読み込む
次の記事(Next)
[WordPress] アイキャッチ画像をfaviconに設定してくれるプラグイン、「Featured Favicons」が素敵