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

関連記事

wp_upgrade_icon

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

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

記事を読む

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

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

記事を読む

wordpress アイコン

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

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

記事を読む

wordpress アイコン

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

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

記事を読む

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

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

記事を読む

blockquote icon

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

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

記事を読む

feedly_icon

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

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

記事を読む

違う、そうじゃない

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

PC

Message

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

PC

英語検定1級 アイコン
将来につながる資格、英検1級のレベルと試験内容、合格に向けた英語の勉強方法

英検(実用英語技能検定)は、1963年に始まったもっとも有名な

【英語学習法】 英検3級はTOEIC何点のレベル? 合格までの勉強方法をご紹介

東京オリンピックが開催予定の日本では、外国人旅行者の数が増加傾

ビットコイン アイコン
【仮想通貨】 ビットコインが流行ってるらしいけどよくわからないのでしくみを調べてみた

あけましておめでとうございます、しんこー(@yakudatsu

いしだ壱成
【クギズケ】 いしだ壱成離婚の原因のひとつとされる「7種類のドレッシング」がテレビ番組で明らかとなる

こんにちは、しんこー(@yakudatsujoho)です。

コナン ニヤけ アイコン
【名探偵コナン】 原作より先にアニメでネタバレした回3つ

今やサザエさん、ドラえもん、ポケモンなどと並んで国民的作品とな

→もっと見る

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

  • follow us in feedly





    Macintosh ブログランキングへ

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

PAGE TOP ↑