Quantcast
Viewing all articles
Browse latest Browse all 17

WordPressの投稿画面にてリアルタイムプレビュー付きでMarkdownが使用できるプラグインSplitdownが鬼便利

Image may be NSFW.
Clik here to view.
Splitdown

ブログを書くのにMarkdownを利用しているのですが、一回htmlに起こして貼り付けるという作業がだんだんめんどくさくなっていました。直接Markdown貼り付けたい。

そんな悩みを抱えていたところ、@ryomatsu さんのWordPress の投稿画面を Ghost みたいに Markdown 対応且つリアルタイムプレビュー化する Splitdownと言う記事で素晴らしいプラグインを教えていただきました。

Necrotex/Splitdown

Image may be NSFW.
Clik here to view.
導入画面

導入するとこんな感じでWordPress管理画面にてMarkdownがリアルタイムプレビュー付きで使用できるようになります。Cool。

導入手順

まずは必要なプラグイン、jsライブラリである以下をDLしましょう。
(Download ZIPをクリックしてダウンロードできます)

DLできましたらそれぞれを解凍。

Image may be NSFW.
Clik here to view.
フォルダにjsを格納

そして
/Splitdown/js/html2markdown/ と /Splitdown/js/showdown/
に、html2markdownとshowdownフォルダの中身を全て入れちゃいます。

それができたら、ftpクライアントなどでwp-content/pluginsへSplitdownフォルダをアップロード。
無事アップロードできたらプラグインを有効化します。

Image may be NSFW.
Clik here to view.
投稿設定

あとは設定→投稿設定のSplitdown Settingsからpostとpageを選択して変更を保存するだけ。twitter.jsを選択すればtwitter公式のコードを埋め込めばそいつもプレビューしてくれます。table使うならtable.jsもONにしましょう。

Image may be NSFW.
Clik here to view.
投稿画面

あとは投稿画面でMarkdownを書き込むだけ!投稿もこのままできちゃうぜ!

そんなわけでWordPress投稿画面にてMarkdownが使用でき、リアルタイムプレビューもできるプラグインSplitdownのご紹介でした。Markdownerの方は是非試してみてください。

こんな記事もオススメです

Viewing all articles
Browse latest Browse all 17