WordPress

ソースコードを下記のようにハイライトさせる import datetime today = datetime.datetime.today() l_duedate = [] # 本日から3日 リストに格納 for i in range(0,3): l_duedate.append((today + datetime.timedelta(days = i)).strftime("%Y/%m/%d")) print l_duedat シナリオ WordPress（テーマ: yStandard）にhighlight.jsを適用する。highlight.jsはCDN版ではなくダウンロード版を使用する。ハイライトのテーマはvs2015とする。テーマはここで確認できる。 １．ダウンロード https://highlightjs.org/ Get version ボタンをクリック Custom packageでハイライトしたい言語を選択しDownload ２．テーマの直下にhighlightディレクトリを作成し解凍した２ファイル（highlight.pack.jsとStyleフォルダ内のvs2015.css）をコピー ※この例ではテーマの直下にフォルダを作成しているがテーマが更新されると消えることがあるので 異なる場所でも良い ３．header.phpの&lt;head>&lt;/head>の間に下記コードを記述 （参考）WP管理画面＞外観＞テーマエディター＞テーマヘッダーでも編集可能 &lt;head>ここに&lt;/head>下記コードをコピー。保管場所が異なる場合はhref=とsrc=のパスを適宜変更する。 &lt;link rel="stylesheet" href="./wp-content/themes/ystandard/highlight/vs2015.css"> &lt;script src="./wp-content/themes/ystandard/highlight/highlight.pack.js">&lt;/script> &lt;script>hljs.initHighlightingOnLoad();&lt;/script> 使用方法 ブロックエディタのコード内に記述する ※クラシックエディタではこのように記述する &lt;pre&gt;&lt;code&gt;ここにコードを記述&lt;/code&gt;&lt;/pre&gt; 言語指定なし 自動でハイライトする import datetime today = datetime.datetime.today() l_duedate = [] # 本日から3日 リストに格納 for i in range(0,3): l_duedate.append((today + datetime.timedelta(days = i)).strftime("%Y/%m/%d")) print l_duedate Python指定 編集モードをHTMLとして編集にして codeタグにclass="python"を追加する &lt;code class="python"&gt; import datetime today = datetime.datetime.today() l_duedate = [] 本日から3日 リストに格納 for i in range(0,3): l_duedate.append((today + datetime.timedelta(days = i)).strftime("%Y/%m/%d")) print l_duedate プレーンテキストを指定した場合 &lt;code class="plaintext"&gt; import datetime today = datetime.datetime.today() l_duedate = [] # 本日から3日 リストに格納 for i in range(0,3): l_duedate.append((today + datetime.timedelta(days = i)).strftime("%Y/%m/%d")) print l_duedate

WordPress（テーマ: yStandard）でシンタックスハイライト