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>