2016年10月16日

ソースコードを記事上に簡単に表示できるプラグイン「Crayon Syntax Highlighter」を入れてみました【WordPress】


WordPress

ブログに技術的な事も書いていこうと考えると、どうしても記事上にソースコードを記載する必要性が出てきます。

しかしソースコードを正しく表記するには変換しないといけないので手間がかかります。

そこで簡単にソースコードを記事内に貼り付けられるWordPressのプラグインを導入する事にしました。

スポンサードリンク

Crayon Syntax Highlighter

今回私がインストールしたプラグインは「Crayon Syntax Highlighter」。殆どの言語に対応しているようです。

インストール方法

WordPressの管理画面 > プラグイン > 新規追加

に移動し、キーワードに「Crayon Syntax Highlighter」を入力し検索。インストール後、有効化をクリックすればインストール完了です。

設定管理画面

このプラグインの管理画面はこちらになります。

WordPressの管理画面 > 設定 > Crayon

ただ個人的には管理画面をいじる必要性は特になく、有効化してすぐに使って問題ありませんでした。

ソースコードの挿入方法

WordPressの管理画面 > 投稿 > 新規投稿

で記事の入力方法を「ビジュアル」ではなく「テキスト」を選択すると、編集エディタに「Crayon」というボタンがあるので、それをクリックします。

挿入画面が出てくるので「コード」の部分にソースコードを入力して「挿入」ボタンを押せば記事への入力が完了します。

こんな感じです。

ソースにカーソルを持っていくと上部左側にメニューが出てきて、コピーも簡単です。

複雑な設定も可能なようですが、インストール後そのままサクッと使えてしまうのはありがたいですね。


この記事はいかがでしたか?

ゴマダレを気に入った方は是非Twitter、facebook、feedly のいずれかをフォローしてください。最新の更新情報を受け取る事ができます。

読者の方が増えると、さらにやる気が出てきます。これからも頑張っていきますのでどうぞよろしくお願いいたします。

Twitterをフォロー
facebookをフォロー
feedlyをフォロー

プロフィール

サムリ
  • サムリ
  • 埼玉県三郷市在住。フリーランス。小4と小1の男の子の父。ミニチュアダックス(10才)のモカを溺愛
  • 2016年10月現在月間12万PVの地域情報ブログ「三郷ぐらし」の編集長
個人アカウント


ブログ更新通知アカウント

週間人気記事ランキング

眠りが浅い、疲れが取れない、起きるとだるい、そんな症状を改善!冷湿布睡眠法
作業台でクラフトできない!馬の捕獲に必要な「サドル」の入手方法【マイクラPE】#2
防具立てのポーズを変えられる事を長男から教えてもらった【マイクラPE】#95
初心者にオススメ!エンチャントテーブルがなくても可能!釣りと金床で最強の弓を作る方法!【マイクラPE】#30
製図家さんと交易して海洋探検家の地図と森林探検家の地図をゲット!これで森の洋館と海底神殿への道が開けた!【マイクラBE(PE)】#139
名札と金床を使って愛馬に名前をつける!これで貴様は真の黒王号だ!【マイクラPE】#6
村にアイアンゴーレムが召喚できない!なぜ!【マイクラPE】#106
村人ゾンビを浄化するための弱化のポーションの作り方【マイクラPE】#91
エンチャントテーブルの効果を最大限にする為の本棚の作り方と置き方【マイクラPE】#48
マイクラ初心者が洞窟や廃坑などのダンジョン探索で迷子にならないための7つの方法【マイクラPE】#13
牛、豚、ニワトリ用の家畜小屋が完成しました【マイクラPE】#79
ダークナイト・ライジングのロビン(ジョン・ブレイク)が、あの後どうなったのか予想してみる
簡単に村人を増やす方法【マイクラ】#107
突然「村」を作ると言い出した長男、作るってどういう事?【マイクラPE】#60
道具屋さんに続いて武器鍛冶屋さんが誕生!ダイヤモンドの剣にダイヤモンドの斧が交易で手に入るように!【マイクラBE(PE)】#138

月別アーカイブ

リンク