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

関連記事

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

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

記事を読む

blockquote icon

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

【WordPress】 データベース バックアップ用プラグイン「WP-DBManager」使用方法

WordPressで使用するデータベースを簡単にバックアップしてくれるプラグイン「WP-DBMana

記事を読む

1周年記念アイコン

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

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

記事を読む

wordpress アイコン

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

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

記事を読む

PC

Message

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

PC

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

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

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

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

ポテトチップス パクチー味
【実食レポート】 ポテトチップス パクチー味を食べてみた

これまでもみかん味やフォアグラ味、牛乳味など、ネタとも取れるさまざまな

映画ドラえもん のび太の南極カチコチ大冒険
【映画ドラえもん のび太の南極カチコチ大冒険 感想】 約20年ぶりにドラえもんの映画を観に行ってきました

こんにちは。自他共に認めるドラえもんオタク、しんこー(@yak

コールセンター 素材
もういい加減「テレアポ」なんていう原始的な営業活動やめませんか?

毎度、昨日は久々に仕事中、外部の人間にキレそうになったしんこー

→もっと見る

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

  • follow us in feedly





    Macintosh ブログランキングへ

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

PAGE TOP ↑