Python(パイソン)のコードをWordPressに表示させるには?

うまく表示されない?

<pre><code class="prettyprint linenums"><!-- ここにソースコードを貼り付ける --></code></pre>

<pre><code class="prettyprint linenums"> <!-- ここにソースコードを貼り付ける --> </code> </pre>

わかったこと

The THORのcssとソースコードの表示プラグインの相性が悪いみたいです。

cryosのcss

cryos-numのpaddingを変更したりすることとで無理あり合わせることはできけど。。。

<pre><code class="language-pascal">var i: Integer;begini := 1;end.</code></pre>
<strong>ニホンカワウソ</strong> かつては日本全国に生息していましたが、 今や<em>特別天然記念物</em>です。 既に絶滅している可能性も指摘されている

<h2>わかったこと</h2>
The THORのcssとソースコードの表示プラグインの相性が悪いみたいです。
<h2>cryosのcss</h2>

GithubのGistを利用したソースコードの表示

調査の結果、Githubにソースコードを張り付けられる機能があったのでそれを利用するのが一番きれいに簡単にできるようだ。

Gistはどこに?

Githubの自分のプロフィールの横にある+のマークをクリック。

コードを記入後、Create Gistを押す

すると次の<script>タグが出てくる。

最後に張り付ける

例)<script src=”https://gist.github.com/Dorahei/fcca3590fd5c4bc2b6de4474458c3377.js”></script>

GithubのGistで生成したscriptファイルを<>(HTML挿入)でやってみる。

このサイトはザ・トール(THE THOR)を使用しています。
THE THOR リンク
https://fit-theme.com/the-thor/
 
DORAHEI
めっちゃ、きれいにデザインできるよ!
最新情報をチェックしよう!
■広告|スポンサードリンク| Google AdSense ■