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

公開日: : 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に大量のコメントスパムが届くのでAkismetプラグインを有効化してみた

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

記事を読む

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

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

記事を読む

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

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

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

記事を読む

wp_upgrade_icon

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

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

記事を読む

blockquote icon

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

違う、そうじゃない

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

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

記事を読む

feedly_icon

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

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

記事を読む

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

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

記事を読む

PC

Message

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

PC

法改正
働き方改革って何? 働き方改革関連法案をふまえて労使が取り組むべき5つのポイント

2019年4月1日から働き方が変わります。 2018年6

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

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

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

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

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

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

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

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

→もっと見る

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