WordPressの記事にソースコードをきれいに貼り付ける方法

2018年12月30日2019年2月23日WordPress, プラグイン

ソースコードをWordPressの記事に乗せるのであればきれいに載せたいですよね．

今回はこんな以下のような感じで

function echo(x) {
    return x;
}

echo(1); // => 1
echo(); // => undefined

function echo(x) {

return x;

}

echo(1); // => 1

echo(); // => undefined

ソースコードをきれいに見せることができるプラグインを紹介します．

導入方法

ダッシュボードからプラグインをクリックします．

新規追加」をクリックします．

画面右側にあるキーワード欄に「Crayon Syntax Highlighter」と入力し，検索します．

記事の投稿画面から「<>」ボタンをクリックします．

AddCodeダイアログが開きます．

記事の投稿画面では以下のようにハイライトされていませんが，記事のプレビューをしてみるとしっかりハイライトされています．

この例ではNodejsコードを記載しています．

function echo(x) {
    return x;
}

echo(1); // => 1
echo(); // => undefined

function echo(x) {

return x;

}

echo(1); // => 1

echo(); // => undefined

2018年12月30日2019年2月23日WordPress, プラグイン