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をフォロー

プロフィール

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


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

週間人気記事ランキング

海に関する新要素満載のバージョン1.4(アクアティック アップデート) キタ━━━━(゚∀゚)━━━━!! 【マイクラBE(PE)】#163
え?溺死ゾンビ(ドラウンド)ってバージョン1.4に正式には実装されてないってホント?【マイクラBE(PE)】#170
スキル継承には元となる選手以外にコストはかからず!上書きできるのでやり直しも可能!【サカつくRTW】#32
眠りが浅い、疲れが取れない、起きるとだるい、そんな症状を改善!冷湿布睡眠法
作業台でクラフトできない!馬の捕獲に必要な「サドル」の入手方法【マイクラPE】#2
アクアティックアップデートの目玉の1つ!イルカを発見したよ!【マイクラBE(PE)】#165
全ポジションのスキルまとめ【サカつくRTW】#34
村人ゾンビを浄化するための弱化のポーションの作り方【マイクラPE】#91
ダークナイト・ライジングのロビン(ジョン・ブレイク)が、あの後どうなったのか予想してみる
バージョン1.4で水流式エレベーターは問題なく動作するのか?心配になったので経験値トラップに行って確認【マイクラBE(PE)】#168
監督の得意戦術、フォーメーションコンボ情報のまとめ【サカつくRTW】#9
インターナショナルカップに初参戦、代表モードの流れを確認【サカつくRTW】#47
初心者にオススメ!エンチャントテーブルがなくても可能!釣りと金床で最強の弓を作る方法!【マイクラPE】#30
圧倒的に足りない!不足する「覚醒特別コーチLv.1」を入手する4つの方法【サカつくRTW】#51
水中でダッシュ!でスイスイ泳げる!これはマイクラの新たな革命だ!【マイクラBE(PE)】#169

月別アーカイブ