WordPress

WordPressプラグイン『Crayon Syntax Highlighter』で記事中にソースコードを表示する

投稿日:2016年2月10日


1601150047

まれにMacの『ターミナル』アプリなどでCSSが、かなりの威力を発揮する場合があるのでプラグインの『Crayon』を導入しています。

使わな過ぎて忘れてしまうということもあり、最低限の添付方法を記載します。

20160127-004

『Crayon Syntax Highlighter』は記事中にソースコードを分かりやすく貼るためのプラグインです。そのカラフルさから『クレヨン』という名前が付いています。

便利なのは見た目もそうですが、そもそも記事はHTML形式などで書くので、本文とソースコードを分けて表示させるという部分で重宝します。



本文とソースコードを記事内に

このプラグインはインストール後、特に設定を行わなくても直ぐに使えます。

_2016-02-02-17.07.29

文中にソースコードを入力する際は、必ず『テキスト』形式を選択します。

上記画面の下段右側に『crayon』ボタンが現れました。

秩父市内,羊山公園

上部の『コード』へ任意のソースを入力します。
細かい設定もできるので、必要であれば行います。

『挿入』をクリックすれば完了です。

こんな感じで表示されました。

ちなみに『プレビュー』表示させないと、カラフルには見えません。
使う方には、かなり便利なプラグインだと思います。




-WordPress
-, , ,

Copyright© MiyabixPhoto , 2019 All Rights Reserved.