Python WordPress

WordPress (Stinger)にPythonのソースコードを貼るには

投稿日:

こちらを読むと

  • WordPress(Stingerテンプレート)でのPythonのソースコードの貼り方が分かります
  • WordPressのhtmlの編集方法が分かります

やりたいこと

当ブログでは、WordPressでStingerテンプレートを使っているのですが、Pythonのソースコードを、開発環境の見た目のまま貼り付けたいと思い、調べました。

手順

  1. Jupyter NotebookにてPythonのソースコードを作成
  2. ソースファイルをGistにアップロードしリンクを取得
  3. WordPressをモードで開き、リンクを貼る

Gistとは

GitHubが提供している、ソースコードをアップロードして他サイトなどで共有できるサービスです。
https://gist.github.com/

GitHubにアカウントがあることを前提として、上記のURLにアクセスします。
Gist descriptionには記事のタイトルを記載し、下記の①の部分にファイルをドラッグ&ドロップ、右下の”Create public gist”をクリックしてページを作成します。

すると、以下のようなページに移動するので、矢印の部分をクリックして、リンクをコピーします。これはスクリプトのコードになっています。

WordPressの記事投稿ページの右上のボタンを押して、
エディターをコードエディターに切り替える
上記のようにコードが表示されるので、
Gistでコピーしたリンクを、コードを挿入したい場所に貼り付けます
結果はこんな感じに。
Jupyter Notebookの表示と全く変わらない形で貼り付けできています。便利!

まとめ

  • WordPress(Stingerテンプレート)でのPythonのソースコードの貼り方が分かりました
  • WordPressのhtmlの編集方法が分かりました

PythonソースコードをJupyter Notebook形式で貼れるようになったので、技術記事をどんどん書いていきたいと思います!



-Python, WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

アイキャッチ画像の作成!

やりたいこと 前回のブログで、アイキャッチ画像を設定してみたのですが、 ペイントでフリーハンドで描いたものなので、クオリティが低すぎですw もっと格好良い画像が作れないかな? と思って、今回のブログを …

Stinger ヘッダー画像の追加

やりたいこと 現在のトップページ、ヘッダー部分が少し寂しい印象です。何かカスタマイズできないでしょうか?調べてみた所、ヘッダー画像の追加ができるようです。 こういうやつですね。 ヘッダー画像の追加 W …

WordPressのアップデート②

やりたいこと 先日に引き続き、WordPressのアップデートです。 前回でバックアップが取れたので、実際にアップデートしていきます! アップデート開始 日本語版を更新すればよいはず。 なので、Wor …

Pythonでイカサマサイコロの検定を行う

こちらを読むと Pythonでの統計検定方法の例が分かります二項分布を用いた検定の方法が分かります やりたいこと 先日作成した以下のサイコロを用いて、このサイコロが普通のサイコロかどうかを調べたいと思 …

WordPressで文中に数式を書くには

[mathjax] こちらを読むと WordPressで文中に数式を書く方法が分かります WordPressで文中に数式を書く方法 WordPressのプラグイン、Mathjax-Latexをインスト …