コードの説明が必要。 そんなこーどを見やすく表示出来てしまうテクニックをご紹介。" />コードの説明が必要。 そんなこーどを見やすく表示出来てしまうテクニックをご紹介。" />

暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

記事にソースコードを綺麗に表示するテクニック

ブログのカスタマイズには
htmlやらcssと言ったコードの説明が必要。

そんなコードを見やすく表示出来てしまうテクニックをご紹介。

wordpressのプラグインは偉大だ

それがワードプレスのプラグイン、
『SyntaxHighlighter Evolved』です。

このプラグインはコードを表示させるにはもってこいのプラグイン。

例えば・・・

[html]
</br> 改行タグ
</br> 改行タグ
[/html]

のように表示が出来ます。

普通に記事にコードを書くと、
正しく表示されなかったりわかりにくいんですよね。

それでは導入していきましょう。

SyntaxHighlighter Evolvedをプラグインの検索で探します。
プラグイン
インストールして有効化します。

設定は特にしなくてokです。

コード表示の方法

とっても簡単です。

ソースコードとして表示させたい部分を
[html]と[/html]で囲みます。

cssの場合は[css]と[/css]になります。
要するにコードの種類に合わせましょうということ。

[]は半角なので注意してください。

カスタマイズなどの説明をする時にはかなり使えるので、
入れておいて損はしませんよ。

コメント0件

LEAVE A REPLY

*
*
* (公開されません)

Return Top