この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
今回はマークダウン記法の書き方を必須項目に絞って解説します。
マークダウン記法が何かをまだ知らない方にもわかるように解説していきます。
マークダウン記法は便利
みなさんWordPressブログの原稿を書く時はどうやって書いていますか？
私は主にスマホで原稿を書いているので、下記のような書き方が思いつきます。
- メモアプリに下書きしてから、ブラウザのWordPressに貼り付ける
- ブラウザのWordPress投稿画面に直接書く
両方試しましたが、結局「2.のWordPressの投稿画面に直接書く」で書いていました。
最近、マークダウン記法を知って試したら、非常に快適に書けることに気づきました。
まずはマークダウン記法とは何か？解説していきます。
マークダウン記法とは？
概要
ホームページを作る際に、HTMLタグを打たずに、#などの「記号」で見出しなどを表現することができる書き方です。
マークダウン記法により、原稿の書きやすさ、書くスピードが向上するように思います。
書き方については後述します。
WordPressのビジュアルエディタとどう違う？
そこで、WordPressのビジュアルエディタで書くのとどう違うの？と思うかもしれません。
ビジュアルエディタには下記のようなデメリットがあります。
- ブラウザのWordPressビジュアルエディタでは、カーソル移動などの操作がしづらい。
- 見出しなどを表現する操作が煩雑。
マークダウン記法はこのようなデメリットを解決してくれます。見出しを表現するのに文字入力（#など）以外の操作が必要ないからです。
マークダウン記法の基本
マークダウン記法では、決まった記号の後に半角スペースを入れてから、文章を書きます。
h1タグを例にして、説明します。
h1タグをHTMLで書こうと思えば、
<h1>見出し</h1>のように記述するかと思います。
これをマークダウン記法で表現すると、
# 見出し（#2個の後に半角スペース見出し）となります。
マークダウン記法の書き方（必須項目を厳選して紹介）
ブログの原稿を書くくらいであれば下記の3つの書き方を覚えておけば大丈夫かと思います。
見出し
見出しを表現するには見出しレベルに応じて、#を繰り返して、「半角スペース」を入れます。
記述例
# h1## h2### h3リスト（箇条書き）
リスト（箇条書き）を表現するには-の後に「半角スペース」を入れます。
番号付きリストの場合は1.の後に「半角スペース」です。その際は1.の後に2.のようにせず、連続した番号付きリストの先頭の番号は1.の繰り返しで大丈夫です。
記述例
リスト
- ジョナサン
- ジョセフ
- 承太郎
- 仗助
- ジョルノ番号付きリスト
1. 坂本
1. 松本哲
1. 小笠原
1. ラミレス
1. 阿部リンク
ハイパーリンクを表現するには、リンクテキストを[]で囲み、その後に半角スペースを入れずにURLを()で囲みます。
記述例
[クローバーweb](https://clover-weblog.com/)WordPressへの貼り付け方
マークダウン記法でブログの原稿を書けたら、WordPressの投稿ページに貼り付けてみましょう。
貼り付け方
マークダウン記法の文章をコピーして、WordPressの投稿画面にペーストするだけです。
ちなみに、後述のおすすめアプリを使って、マークダウンの文章を書いてWordPressにペーストすることをおすすめします。
文章をWordPressにペーストしたら自動的に見出しなどが設定された状態になります。
画像などはパソコンで
画像や引用など他の表現は最終的にパソコンで整えましょう。
文章などの原稿はスマホで、画像加工などが必要であればパソコンで調整するよう使いわけした方がいいかと思います。
マークダウン記法を書きやすいエディタ（iPhoneアプリ）
最後にマークダウン記法を書きやすいiPhoneアプリを紹介します。
マークダウンでブログの原稿を書こうと思っても、#や-をキーボードで打つのに時間がかかったら、あまりマークダウンのスピード感を活かせません。
マークダウン記法を使って原稿を書く時に効率よく書くことができるiPhoneアプリを見つけました。
#Typeの良いところは、マークダウンの記号ボタンが用意されていて、文章を入力する際にキーボードを記号表示に切り替えることなく入力することができるところです。
また、入力画面とプレビュー画面の遷移がスワイプで簡単に行えることも良いです。
まとめ
今回はマークダウン記法の基本について解説しました。
マークダウンの便利さが伝われば嬉しいです。
ではまた/〜
