プラグインを使わず、PHPも不要な、WordPressのカスタマイズ方法
ソースコードをカラーリングするコピペスニペット

ソースコードをカラーリングするコピペスニペット

WordPressでソースコードを記述する時に「コード」ブロックにコードを記載します。

そのコードブロックに書かれたソースコードを美しくカラーリング(シンタックスハイライト)してくれるのがnopwop-syntax-highlightです。

特徴

コードブロックの右上に「コピペ」ボタンも表示します。読者が、コピペボタンを押すと、そのコードブロックのソースコードがクリップボードにコピーされます。

コピペするコード

nopwop-syntax-highlightを使うには、カスタムHTMLブロックに以下のコードをコピペします。

サイト全体で使う場合は、上のビデオのように、外観 > ウィジェット からカスタムHTMLをヘッダに入れると良いと思います。

<script src='https://cdn.jsdelivr.net/gh/nopwop/nopwop@0.1/dist/nopwop-syntax-highlight.min.js'></script>

コメントを残す

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