WordPress記事内にソースコードを表示させるプラグイン [Crayon Syntax Highlighter]使用方法

公開日: : 最終更新日:2015/07/03 WordPress

Crayon Syntax Highlighterは、WordPress記事内にhtmlやcssなどのソースコードを表示させることができるプラグインです。様々なhowtoを紹介する記事を書かれる方に便利かと思います。

Crayon Syntax Highlighterのインストール方法

管理画面の左ナビゲーションメニューから[プラグイン]画面を開く
Crayon Syntax Highlighter

画面上部[新規追加]ボタンをクリック
Crayon Syntax Highlighter

画面右側の検索フォームに[Crayon Syntax Highlighter]で検索
Crayon Syntax Highlighter

左上に[Crayon Syntax Highlighter]が表示されるので[いますぐインストール]ボタンをクリック
Crayon Syntax Highlighter

プラグインを有効化させる
Crayon Syntax Highlighter

Crayon Syntax Highlighterの使用方法

使い方はとても簡単です。プラグインをインストールすると、記事の編集エディタにボタンが追加されます。
Crayon Syntax Highlighter

そのボタンをクリックするとソースの挿入画面が展開するので、記事内にさせたいコードを登録します。
Crayon Syntax Highlighter

Crayon Syntax Highlighterの表示例

このように記事内に表示されます。
Crayon Syntax Highlighter

とても簡単なのでぜひお試しください。

 

参照
http://netaone.com/wp/crayon-syntax-highlighter/
http://webmemo.biz/wp/crayon
http://blog.s-giken.net/87.html

PC

最後までお読みいただきありがとうございます。

お手数でなければ記事のご紹介をしていただけると嬉しいです。

ブログの情報はこちらでも配信しています。



follow us in feedly








関連記事



個人的に撮影した写真を公開しています。

旅行先や街中で気になったものを撮影・公開しています。
ダウンロード無料、商用利用OKです。写真AC

関連記事

違う、そうじゃない

Akismetプラグインを有効化したところスパムコメントが全く来なくなった件

8月の下旬にWordPressのスパム対策プラグイン「Akismet」を有効化し、 WordPre

記事を読む

wordpress アイコン

WordPressのfunctions.phpがある場所について

WordPressをカスタマイズする際『functions.phpに追記』することがよくあるかと思い

記事を読む

feedly_icon

今更だけどWordPress4.0にfeedlyのRSS登録用ボタンを設置してみた

基本めんどくさいことは後回しの男、transamです。 本当に今更ですが、当ブログにf

記事を読む

構造化データエラー 解消 アイコン

WordPressテーマ「Stinger3」の構造化データエラーを解消(マークアップ)する方法

ENJILOGさんの記事で知り自身のウェブマスターツールでも確認したところ、同様のエラーが表示されて

記事を読む

WordPressにTwitterのフォローボタンを設置する方法

本当に今更ですが、Twitterを始めることにしました。 ブログ記事はもちろんのこと「かゆいところ

記事を読む

WordPress用アクセス解析設置プラグイン「Ultimate Google Analytics」

WordPressのプラグイン「Ultimate Google Analytics」は簡単にGAのア

記事を読む

WordPressに大量のコメントスパムが届くのでAkismetプラグインを有効化してみた

ブログを開設してから9ヶ月が経過し、更新頻度は低いもののおかげさまで少しずつアクセスも伸びてきま

記事を読む

wordpress アイコン

【WordPress・備忘録】 記事内の文字の色や大きさを変えるときに使うタグをまとめました

こんにちは、しんこー(@yakudatsujoho)です。 このブログがWordPressで構築さ

記事を読む

1周年記念アイコン

[いつかバズる日を夢見て] ブログリニューアルから1年で月6000PV・ユーザー数4000に到達。個人のブログとしては良い方じゃないでしょうか

おかげさまで本ブログ『役立つ情報.com』がリニューアル(※後述)して1年が経ちました。 これ

記事を読む

wp_upgrade_icon

WordPressを最新のバージョンに更新(アップグレード)する方法

WordPressはセキュリティの改善などの理由から、高頻度でバージョンアップが行われていま

記事を読む

PC

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PC

WITTAMER(ヴィタメール) ビアゼリー アイコン
ベルギー王室御用達チョコレートブランド、ヴィタメールの限定商品「ビアゼリー」を食べてみた

どーもこんにちは。限定という言葉にめっぽう弱いしんこー(@yakuda

キリンビール神戸工場
【キリンビール工場見学】 発売前の神戸づくりを一足先に試飲してきたよ

今回が2度目の訪問となる、キリンビール 神戸工場へ見学に行ってきました

じゃがいも不足 アイコン
(17/05/10追記)【ポテトチップス 生産中止】 2016年の台風が原因の深刻なじゃがいも不足が発生

※2017年5月10日 追記 こんにちは。おっさんのくせにスナッ

EVANGELION STORE OSAKA
【LUCUA 1100 ルクア イーレ】 エヴァンゲリオンストア 大阪に行ってきた

今日は西暦2017年4月2日ですが、2年前の2015年には使徒襲来もな

ぎゅっと搾って 瞬間パック 厳選みかん ストレートジュース
【濃縮還元とストレートジュースの違い】 関西スーパーに売ってる「瞬間パック 厳選みかん」がうますぎる件

普段はフルーツジュースはほとんど飲まないのですが、近所の関西スーパーで

→もっと見る

  • 名前:しんこー
    仕事:WEB関連を10年ほど。デザインからコーディング、広告出稿、サイト分析、SEOなど幅広く手掛けている為、社内では「何やってる人?」と思われている。俺もわからん。

  • follow us in feedly





    Macintosh ブログランキングへ

    ブログランキング・にほんブログ村へ

PAGE TOP ↑