KYO

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

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

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

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

 

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

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

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

 

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

 

 

Crayon Syntax Highlighter一択の理由

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

Crayon Syntax Highlighter

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

 

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

 

 

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

 

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

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

 

 

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

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

 

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

 


関連記事

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

2018年5月13日

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

ワードプレス関連の記事

2018年5月14日

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

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

2018年5月24日

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

ワードプレスの記事投稿画面のエディタにボタンを追加する

2018年7月15日

ワードプレスのテーマを作っていると、記事投稿画面で便利な機能を追加したいと思う時があります。プラグインを追加すれば簡単にできるのでしょうが、今回は自作で作っていきます。ちなみにこのブログテーマは自作テーマ(KYO)なのですが、数種類のボタンを自作しています。 ビジュアルエディタにボタンを追加する functions.phpに以下のように書...

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

2018年5月27日

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

ワードプレスのフィルターフックの基本を理解する

2018年5月25日

ワードプレスでテーマを作っているとフックという言葉を見かけます。 私はよくわからずにスルーしていましたが、勉強したので備忘録的にまとめます。     ワードプレスで自作テーマを作っていると、この機能のこれが邪魔だな!と思うことがあったりして、知らず知らずのうちにフィルターフックを使っていることがあります。 例えば、記事...