40代独身無収入がなんとか生きていくブログ

お金がない!借金!まぁ、はっきり言ってほとんどSNEPで40代で無職のオレなんだけどね。無職ブログ40代!

ワードプレス

コードをカッコよく装飾する方法

投稿日:

テックサイトなどを見ていると、よくサイトに装飾されたコードが載っていますよね。

「Crayon Syntax Highlighter」というプラグインをワードプレスにインストールすることによって、カッコよく装飾したコードを記載することができるようです。

 

 

ただし、いろいろなサイトでも紹介されていますが、このプラグインは非常に重いとのこと。

そこで、

highlight.js

が早くて注目されています。

 

使用は簡単で、下記のコードをワードプレスのheader.phpのヘッダ部分に組み込むだけです。

 

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>

 

表示したいコードを<pre><code>、</code></pre>で囲みます。

ワードプレスのビジュアルモードではそのまま表示されてしまいますので、

テキストモードにて<pre><code>、</code></pre>の間に表示したいコードをコピペするようにします。

 

admax



admax



-ワードプレス

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

ワードプレスで改行をそのまま表示する方法

ワードプレスで記事を書いていると、自動的に改行間隔が均一に調整されてしまうことに気が付きました。 どうやら、ワードプレスの機能が勝手に改行を均等化してしまうようです。 それを、「TinyMCE Adv …

アドセンス広告をランダム表示するQuick Adsense

Quick Adsenseはアドセンス広告や通常の広告ランダムに表示したいときに使えるプラグインです。 ワードプレスのプラグイン⇒新規追加から「Quick Adsense」で検索します。   …

プロフィール

ノブオ:プロフィール

40代独身で実家暮らし。無収入、車なし、恋人なし、貯金もなし。借金あり。もう再起不能なのか?と思いつつ、なんとか頑張って稼いでいきたい。
ツイッター
https://twitter.com/arinomama46

スロットブログ
ジャグラーの勝ち方|ノブオのジャグラー攻略日記

PR

いつも見ています

いつも読んでいます

いきてまストーリー

ツイッター

2018年9月
« 8月    
 12
3456789
10111213141516
17181920212223
24252627282930

%d人のブロガーが「いいね」をつけました。