Web制作

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

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やグロースハックとの親和性の高いデザインが求められてると感じています。

Archive

CONTACT

06-6537-9941
受付時間
9:00〜19:00
休日
土日祝日

株式会社ゼロワンアース
〒550-0012 大阪市西区立売堀2-5−41合田ビル6F

メールで問い合わせる

ホームページで成果をあげるには、
まず現状分析

反響のないホームページをあきらめていませんか?ホームページで成果をあげるためには、現状を分析し改善していく必要があります。大阪市西区の本社にて無料相談を受け付けておりますので、ホームページ制作のことでお悩みの方は上記CONTACTより、お問い合わせください。