KYO

ワードプレスでソースコード書くなら Crayon Syntax Highlighter一択

2018年5月30日 ワードプレス ,

プログラム系のブログを書いていると、プログラムのソースコードを表示させたい場面があります。

しかし綺麗にソースコードを書くのは困難です。

 

ワードプレスでは記事編集モードで、ソースコードを入力しようとすると様々なトラブルが起こります(笑)

例えば、変な位置で改行されたりされなかったり、空白が消えたり、特殊文字に変換されたりと、対応しきれないんです。

そんな時はプラグインに頼ってしまう方が早いです。

 

プラグインを使えば楽に綺麗にソースコードを表示させることができます。

 

 

Crayon Syntax Highlighter一択の理由

ではどのプラグインがいいのか?

Crayon Syntax Highlighter

というプラグイン一択です

 

このプラグインを有効化するとエディタ上にコード入力ボタンが表示されますので
あとは、記載したコードを入力するだけでいいんです。

 

 

多数の言語にあった表示をしてくれるようです。

 

サンプルはこんな感じです

見てもらうとわかりますが、綺麗に表示されるだけでなくて、他にも機能があります

 

 

他にもソースコードを表示するプラグインはあるのですが

表示が崩れたり、変に特殊文字が変換されたりと不便です。

 

これならば無駄な改行や空白などの問題を意識することなく、綺麗にソースコードを表示することができますので、とてもおすすめです

 


関連記事

アフィリエイトに使えるワードプレスのテーマ

2018年5月13日

アフィリエイトに強く自由度の高い、ワードプレスのテーマを作りました。 ダウンロード   修正履歴 2018/05/25 記事本文がはみ出す現象を修正しました   テーマの名前はメリーラです。意味は特にありません。 アフィリエイトサイトに特化したテーマになっています。稼げるサイト作りに役立てて頂ければと思います。 &nb...

ワードプレスのアクションフックの基本

2018年5月26日

先日、フィルターフックについて書きましたが、今回はアクションフックについて書きます。 ワードプレスのフィルターフックの基本を理解する   アクションフックを使いこなすと、高度なプラグインとかが作成できるようになりそうですね。 ワードプレスのアクションに関連して関数を呼び出せるようになります。   具体的には、記事を投稿...

ワードプレスの設定画面に項目を追加し独自の値を保存する

2018年5月27日

ワードプレスのバージョン 4.6.1です   前回アクションフックについて触れました ワードプレスのアクションフックの基本   アクションフックはワードプレスのコアのコアな部分の設定に手を入れることができる機能でした。 設定画面に項目を追加するにも、アクションフックというものが必須でした     今...

ワードプレスの管理画面に設定項目を追加する

2018年7月16日

今、新しいテーマを作っているのですが、管理画面に値を設定させるフィールドを用意しています。そんなわけで管理画面で独自の値を設定する方法を本投稿で書いていきます。これができると、カスタマイズの幅が広がります。ここはクライアントが入力した値を使いたい!という場面で役に立ちます。 以前も似たような記事を書いたのですが ワードプレスの設定画面に項...

ワードプレス関連の記事

2018年5月14日

関連記事に表示されます。

ワードプレスのカスタムウィジェットでSNSシェアリンクを作る方法

2018年5月24日

環境:WordPress 4.6.1   ワードプレスで自作テーマを作っていると、ウィジェットを自作すればもっと開発効率が上がるのにな。と思うことがあると思います。 ワードプレスにはウィジェットエリアという便利な機能があるので、これを使いこなすことは自由度が高く、カスタマイズ力のあるテーマを作ることが可能になります。  ...