2015.10.02

2017.05.25

ホームページ制作関連

マークダウンでサクサク原稿作成

マークダウンって?

ブログ更新に何気に使われているWYSIWYGはHTMLを意識しなくても記事が投稿できる便利なやつなんですが、思ったよりも融通が利かなかったり、ソースレベルではカオスなことになってたりします。

ソースも維持できてタグ打ち程は手間が掛からないイカした入力方法は無いものかとアンテナをはっていたところ気になったのが「マークダウン」です。

マークダウンとは

マークダウンは手軽なマークアップ言語です。ダウンだけどマークアップです。とりあえず例を・・・

#h1見出しが入ります。

と入力すれば

<h1>見出しが入ります。</h1>

へと変換できます。

<p>テキストが入ります。テキストが入ります。テキストが入ります。</p>
<p>テキストが入ります。テキストが入ります。</p>

ってマークアップとかだったら

テキストが入ります。テキストが入ります。テキストが入ります。
 
テキストが入ります。テキストが入ります。
 

と入力すればOK

##h2見出しが入ります。

<h2>h2見出しが入ります。</h2>

に変換されます。

なにこれ!すげー便利なんですけど! タグ入力にくらべて断然楽です!

ほかにも*や-や+を入力して半スペ又はタブでリストが入力できます。

* リストが入ります。
* リストが入ります。
* リストが入ります。
* リストが入ります。

HTMLの出力

<ul>
  <li>リストが入ります。</li>
  <li>リストが入ります。</li>
  <li>リストが入ります。</li>
  <li>リストが入ります。</li>
</ul>

数字とカンマ+半スペで数字のリストになります。

1. リストが入ります。
2. リストが入ります。
3. リストが入ります。
4. リストが入ります。

HTMLの出力

<ol>
  <li>リストが入ります。</li>
  <li>リストが入ります。</li>
  <li>リストが入ります。</li>
  <li>リストが入ります。</li>
</ol>

このような簡単な入力規則でタグに変換してくれます。

マークダウン対応のWordPressのプラグインもあるよ!

マークダウン対応のプラグインもあるので、WYSIWYGは使いにくいけどタグ打はちょっと・・・・って方は導入を検討してみてもよいかもしれません。

構造的な文章構造にマークダウンは向いている

ブログもビジネス用途に使うなら構造的な文章のほうが、ユーザーにも検索エンジンにもわかりやすいですし、 構造的な文章を記述しやすいマークダウンは個人的にはありだと思います。

情報も豊富ですし、ググればチートシートもすぐ見つかります。

SHARE

この記事の筆者

デザイナー 若井 徳彦

デザイナー 若井 徳彦

ターゲットに合わせたUIやUX、目的を達成させるためのデザインをモットーに取り組んでいます。SEOやグロースハックとの親和性の高いデザインが求められてると感じています。

WEBSITE DESIGN REQUEST

ホームページ制作・リニューアルの
ご相談はお気軽に

TEL 06-6537-9941 平日 9:00〜19:00

〒550-0012 大阪府大阪市西区立売堀2-5−41

ホームページ制作を相談する