Luxeritas Wordpress

ルクセリタスでプログラムをきれいに見せたい!投稿画面にソースコードを埋め込む方法とは

 

Luxeritas(ルクセリタス)等ワードプレスを利用している際のプログラムに関する悩み。

 

悩む女性1

  • 投稿画面にソースコード(プログラム)をきれいに記述して表示したい。
  • でも、そのまま記述すると、見栄えが悪い。

と感じた経験はありませんか?

管理者

 

そこで、投稿画面にプログムのソースコードを埋め込んで、きれに表示する方法をご紹介していきましょう。

 

「Crayon Syntax Highlighter」とは

自分が作ったサイトをきれいに見せるためのプログラム。

そんなプログラムもただ投稿画面に記述しているだけでは、とても見づらいですし、なんだか見栄えがかっこわるいんですね。。。

そんなときに便利なプラグインがこの「Crayon Syntax Highlighter。そこで、このプラグインについてご紹介していきましょう。

 

ポイント

Crayon Syntax Highlighterとは・・・

ソースコードを投稿画面に表示される際、下記のように枠線の内部に囲って、ソースコードを行ごとに表示し、見栄え良く表示することができるプラグインです。

 

何よりソースコードを表示する際に直接投稿画面に入力すると、見栄えが悪くなってしいますが、このプラグインによって、この枠線内に表示ができるため、とてもかっこよく見せることができるメリットがあります。

 

表示例

 

こんな感じで表示されます。

 

ソースコードのインストール方法

それでは、プラグインを使って、容易にプログラムソースコードを埋め込む「Crayon Syntax Highlighter」のインストールを行っていきましょう。

プラグインインストールの操作画面

 

プラグインからキーワード入力項目に、「Crayon Syntax Highlighter」と入力しましょう。Crayonだけでも問題なく検索されると思います。表示されたら、選択して、インストールしましょう。

 

ソースコードを埋め込むプラグインを使ってみよう!

それでは、実際に「Crayon Syntax Highlighter」の使ってみましょう。

 

1.設定画面アイコン選択

 

2.ソースコード埋め込み

 

表示画面について

それでは、実際の表示画面について解説していきましょう。

1.投稿中の表示画面について

このように、投稿中の表示画面に関しては、すごくシンプルで、枠線に囲まれただけになっています。

 

 

2.実際の表示画面

先頭列に数字の行数が表示されます。また内容ソースコードもコピーすることができるので、このサイトを訪問していただいた方にも役に立つ情報を提供することが可能です。

 

 

まとめ

このように、ソースコードをただサイトに掲載するだけでなく、見栄え良く、表示することができる。プラグイン「Crayon Syntax Highlighter」なのです。

自分のサイトを上手にカスタマイズして、有益な情報を提供できるようにしていきましょう。

 

合わせて読む
LuxeritasでPV数ランキング順で表示する方法とは【新機能】

続きを見る

 

<検索エンジンで上位を狙えるAFFINGER6について>

ブログやサイト構築の中でどんなに記事を書き続けていても、中々上位表示されないとお悩みの方も少なくないかと思います。

無料のWordpressテーマでもキーワードによっては上位が狙えても、競合が多いキーワードでは、有料のWordpressテーマの利用者に負けてしまうことが多いです。同キーワードで記事を投下しても中々上位表示できないこともあります。しかし、私自身もそうした問題を懸念し、AFFINGER6にWordpressテーマを変えた途端に、数記事で上位表示されてしまうキーワードが多数出てきました。その詳細を下記記事で記載しています。

AFFINGER6での上位表示の詳細について

私も無料のWordpressテーマで何度も上位を落としてきたことがあり、その経験から皆様にも早くお伝えしておくべきと感じた次第です。特に、AFFINGER6はSEO最適化及び的確に上位表示を狙っていくのに最適のWordpressテーマの一つです。

SEOで的確に上位表示を狙い、収益化に繋げることを目標にされている方は、記事を投下すると後からの記事変更や記事再修正に時間が掛かり二度手間になりますので、変更するのであれば早い方が効率的ですので、ぜひ利用を検討してみて下さい。

また上位表示させるためのテクニックを下記にて安価で公開しておりますので、ぜひ参考にしてみて下さい。

上位表示と収益化が格段に加速する!12のブログ戦略ノウハウ

 

\AFFINGER6を購入する/

AFFINGERER6の購入はこちら

 

 


→当ブログをフォローして頂けると励みになります。 


大人気自宅飲み放題!多彩なビールをご自宅で楽しめる【DREAM BEER】

楽天おすすめ商品はこちら

  • この記事を書いた人
  • 最新記事

みやさん

【サイト運営者・著者】みやさん 【実績】ライター歴7年 ブログ歴3年⇒2万PV推移中 【実務】現役プログラマー|【発信内容】▶副業やブログの始め方 ▶ライターとしてのノウハウ ▶生活の有益情報を発信しています。皆様の生活改善にご利用ください。

Copyright© 副業ケアネット , 2022 All Rights Reserved Powered by AFFINGER5.