WordPressでHTMLをMarkDownって何よ

WordPressでHTMLを簡単に書く方法

MarsEditは肌に合わず…

どうも、酢飯です。

前からこのWordpressのブログを更新する時に、いかに効率よく記事を書けるかってのをやりましたね。ええ、MarsEditとか高いやつをわざわざ買って試してみたのでした。

これがまた巷の噂通りとはいかず、正直自分には合ってないってことが判明。やっぱアマゾンのレビューでも言えることですが、人のレビューというか評価は当てにならないことも多いですね。

その後もこの「効率の良い記事の作成方法」を模索していたのですが、なんとなくいいものが見つかりました。今回はなんと無料でその環境が手に入ります。

MarsEditは大失敗だったの巻

[WordPress] ランボー 怒りのMarsEdit

2017.06.01
にゃんこ
バカだよね
メリ
言い過ぎよ

Markdownってのがあるらしいぞ

色々調べていく中でたまにMarkdownって言葉があることに気がつきました。あまり気に留めていなかったのですが、ちょくちょく見るのでナンジャラホイ的に調べてみることに。

Markdown(マークダウン)は、文書を記述するための軽量マークアップ言語のひとつである。本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。しかし、現在ではHTMLのほかパワーポイント形式やLATEX形式のファイルへ変換するソフトウェア(コンバータ)も開発されている。各コンバータの開発者によって多様な拡張が施されるため、各種の方言が存在する。

wiki

あ、これは。

所謂、HTMLを簡潔に書ける代替コードみたいなものなんですね。こりゃ試してみる価値ありそうですね。

スポンサーリンク


WordPressでMarkDownを使うには

Jetpackが対応しています

まず、MarkDownの記述を使うにはWordPressにそれに対応できるプラグインをインストールしなければなりません。これはこのブログにはインストールしてあった「JetPack」を使います。これはWordPressを使っている人なら大体の人がインストールしているであろうプラグインです。

その設定項目の以下の部分をチェックします。これでOKです。

ここをチェック!!

ここをチェック!!

でも、WordPress標準のエディタじゃなあ

ATOMがあるじゃないか

これでWordPressのプレーンテキストエディタ上でMarkDown記法が使用できます。でも、このエディタじゃプレビューするのもいちいち下書き保存して、そしてプレビューしなきゃいけないという煩わしさがあります。

結局これが面倒臭いから効率の良い、オフラインでも快適に記事作成できるものを探していたんだからWordPress標準のエディタを使っていたら意味ありませんね。

そこで、出てくるのがプログラマーの間では割と有名な「ATOM」です。これはAdobeが開発しているフリーのエディタです。様々な言語に対応していますが、今回調べたところこの「MarkDown」にも対応しているとのことで、これを使うことにしました。

ATOM、フリーです

ATOM、フリーです

なんとMarkDownのプレビューにも対応している優れものです。これでオフラインでも記事作成が効率的に書けそうです。

これがATOM エディタ

これがATOM エディタ

左が編集画面、右がプレビューです。

このATOMでMarkDown記法で書いたものをそのままWordPressのプレーンテキスト編集画面にコピペするだけで、あら簡単にHTMLが書けましたね。こりゃいいですね。

ちなみにこの記事から上記方法で作成してます。画像挿入と吹き出しとかはWordPress上でやる必要がありますけど、それはこのWordPressテーマの「Humming Bird」を使っている上での特別なコードなので仕方ないです。



MarkDown書き方

簡単に書けます。

Hタグ

まず見出しは「#」で書けます。H1タグだったら「#」、H2タグだったら「##」です。「#」の数で決まるわけですね。

Listタグ

箇条書きです。これは数字なしと数字ありがあります。

数字なし

  • リスト1
    • ネストも可能
    • ネストでし
  • リスト2

数字あり

  1. リスト1
  2. リスト2

引用

他サイトの文章を引用する際のもの

引用です。
引用です。
引用です。

とまあ、こんな感じで簡単に書けてしまうわけですね。他にも色々ありますがHTMLをゴリゴリ書いてブログ記事を書いていた人はこれによってかなりスピードアップできるのではないでしょうか。

にゃんこ
これはこれで覚える必要があるわけね

ま、そうなんですけどね…。でもこの方が楽そうじゃん。

コメントを残す

メールアドレスが公開されることはありません。