成長因子 育毛薬

WordPressでソースコードを表示させるプラグイン【Crayon Syntax Highlighter】の使い方

WordPressのサイトで下記のような表示をみられたことはないですか?

 

 

これはWordpress上でソースコードを表示する定番の方法なんですが
この表示方法をgoogle検索で調べようと思うと
WordPress ソースコード 表示 プラグイン

 

この辺のキーワードを検索窓に入れることができれば
たどり着くでしょう。

 

昨今ではgoogleで調べれない方が少ない位ですが
万能にみえるgoogleでさえ検索窓に適切なキーワードを
入れることができなければ希望に応じた
答えを得ることができません。

 

WordPressでソースコードを表示させるとき
Crayon Syntax Highlighterという
プラグインを使用します。

 

最初にプラグインの追加よりCrayon Syntax Highlighterを有効にします。

 

 

 

 

表示したいソースコードがあればテキストモードにしてcrayonをクリックします。

 

 

 

 

 

下記のような画面になりますので
codeの所に表記したいソースコードを貼り付けます。

貼り付ければ右上のAddをクリックします。

 

 

 

貼り付けてもWordpress上では下記のような表記になります。

 

 

 

 

これをプレビュー表示しますと

 

 

 

 

このようにソースコードがCrayon Syntax Highlighterプラグイン
によって正確に表示されています。

 

 

 

 

Affiliate AZ club(AAC)無料メルマガ

メルマガの詳細を確認する

コメントを残す

サブコンテンツ

管理人について

ヒロです。兵庫県でアフィリエイトしています。
長年不動産の仕事をしていました。
ネットビジネスで迷える人
の最後の砦になりたい
と思っています

 

詳しいプロフィールはこちら

無料メルマガ配信中

再現性の高いノウハウと 実践手順を示したメルマガを始めました。

 

 

体験したい方は下記から

 

 

Affiliate AZ club(AAC)

 

お問い合わせフォーム

質問・相談困ったこと
いつでもお気軽にご連絡ください。

迅速に返信させて頂きます。

お問い合わせ


このページの先頭へ

%d人のブロガーが「いいね」をつけました。
pocket line hatebu image gallery audio video category tag chat quote googleplus facebook instagram twitter rss search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status