エグウェブ.JP@福岡/WEBセミナー・分析・WEBサイト制作

皆様の人生に最良のファーストステップを。福岡でWEB分析やホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Adobe Photshop・illustrator、Excel等の講座やセミナーを開催。

【WordPress】Crayon Syntax Highlighter<プラグイン>|投稿の記事内にソースコードを表示させる

time 2017/10/14

Crayon Syntax Highlighter

 

まずはプラグインをインストールして有効化します。

 

「メニュー」>「設定」に「Crayon」というタブが追加されています。

 

好みのTHEMEを選びます。

 

なんとなくDark系が好みなのでMm Dark Blueを選択。

 

常に表示させておきたいので、Toolbar > Always に変更

 

 

 

なんかそれっぽいアイコンが出てきたので、範囲を選択して押してみます。

 

 

Language > XHTML に変更します。

 

Codeの中身を少し変えてみて、最後に「Add」を押します。

 

 

すると、こんな感じになりました。↓

 

おぉ、見やすい…!

こんな見やすい表示がプラグイン一発。なんて便利なんだろう…!

投稿内でCodeの紹介をする際はぜひ活用してみて下さい★

おすすめ記事

プロフィール

EGUWEB

EGUWEB

WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー

人気の投稿(全期間)

★今週の1冊★