WordPressでMarkdownを活用して執筆ワークフローを改善する方法

Markdownは、プレーンテキストに最小限の手間で書式設定を施せるシンプルなマークアップ言語です。WordPressではHTMLやビジュアルエディターで記事を整形している方も多いでしょうが、Markdownを使えばフォーマット作業が格段に楽になり、HTMLをはじめとするさまざまな形式へ書き出すことも可能です。

WordPressは標準ではMarkdownに対応していませんが、プラグインを導入すれば簡単にこの機能を追加できます。

このチュートリアルでは、人気の「WP-Markdown」プラグインを使って、WordPressサイトにMarkdown対応を追加する手順をご紹介します。

プラグインのインストール

管理画面の「プラグイン」→「新規追加」を開き、検索ボックスに「wp-markdown」と入力します。一覧の先頭に該当プラグインが表示されるので、「今すぐインストール」をクリックしてインストールし、その後有効化してください。

初期設定

プラグインをインストールして有効化したら、メニューから「設定」→「投稿設定」を開き、ページ下部にあるMarkdownセクションまでスクロールします。

ここでは、投稿・固定ページ・コメントそれぞれに対してMarkdownサポートを個別に有効化できます。また、投稿エディターやコメント欄にヘルプバーを表示するオプションもあり、Markdownの構文を学び始めたばかりの方には特に便利です。

ブログ記事にコードスニペットを掲載する場合は、「Prettify syntax highlighter(シンタックスハイライト)」オプションを有効にしておくと、コードが自動的に色分け表示され、ぐっと読みやすくなります。

設定内容に問題がなければ、「変更を保存」をクリックして完了です。

Markdownで記事を書く

サイトでMarkdownサポートを有効化したら、すぐに使い始められます。

「投稿」→「新規追加」から新しい記事を作成すると、デフォルトのビジュアルエディターとテキストエディターがMarkdownエディターに置き換わっているのがわかります。

設定でMarkdownヘルプバーを有効にしていない場合、整形後のライブプレビューは表示されません。ただし、構文さえ正しく記述していれば、保存または公開のタイミングでMarkdownは自動的に有効なHTMLへ変換されます。

一方、Markdown初心者の方でライブプレビューが重要な場合は、設定画面に戻ってヘルプバーオプションを有効にしましょう。記事編集画面の下部にプレビューエリアが表示されるようになり、さらに上部にはMarkdown構文をワンクリックで挿入できるボタンも並びます。入力と確認を同時に行えるため、執筆効率が大きく向上します。

まとめ

ご覧のとおり、WordPressサイトにMarkdown対応を追加するのはとても簡単で、所要時間はわずか数分程度です。Markdownが初めてという方は、構文を網羅的にまとめたMarkdownチートシートも併せて参考にすると、よりスムーズに習得できますよ。