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

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

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

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



関連記事



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

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

関連記事

【WordPress】.htaccessを使ってURLをwwwありに統一する方法と注意点

WordPressで構築したサイトのURLを「wwwあり」に統一する方法と注意点についてまとめました

記事を読む

wordpress アイコン

【STINGER3】WordPress記事本文中にアドセンスを表示させる最も簡単な方法

コード(タグ)を貼りつけるだけでそのページの内容にマッチした広告を自動的に配信してくれるアドセンス。

記事を読む

Google Analytics簡易結果表示プラグイン「G Analytics」の設定方法と使い方

Google Analytics(GA)は非常に便利なアクセス解析ツールですが、当然のことながら管理

記事を読む

blockquote icon

【WordPress】 STINGER3のblockquote(引用タグ)の背景を変えてみた

ブログで記事を書くときによそのページの本文やニュース記事の一部を引用することがあります。その場合はb

記事を読む

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

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

記事を読む

wp_upgrade_icon

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

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

記事を読む

違う、そうじゃない

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

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

記事を読む

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

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

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

記事を読む

【STINGER3】 Excel to HTMLでテーブルがきれいに表示されるようcssを編集してみた

先日下記の記事をリライトしました。 蛍光灯が点きにくくなったらグローランプを交換しよう その

記事を読む

feedly_icon

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

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

記事を読む

PC

Message

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

PC

キャンパスライフ
採用担当者からアドバイス、楽しい大学生活を送るために必要な11のこと

こんにちは、しんこー(@yakudatsujoho)と申します

社会人になった今だから断言できる、大学生におすすめのアルバイト12選

こんにちは、社会人○○目のしんこー(@yakudatsujoh

もしもし ポリスメン
【最大報酬10万円】 身バレもなく安心、警察への匿名タレコミができる「匿名通報ダイヤル」

犯罪もしくは犯罪の可能性がありそうなシーンに出くわしたが、逆恨みが怖く

公的保障 アイコン
【公的保障】 取りっぱぐれは大損! 届け出をするだけでもらえるお金

自治体によっては届け出だけでもらえるお見舞い金や支援金などが存

【情報流出リスク】 フラグを立てられたら終わり? プライバシーを守るためには「物理的破壊」をするしかない

LINE流出はまさに新時代的事件 一昨年1月に「まだやるか!

→もっと見る

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