ブログで数式を表示させる方法

Mathjax を使って 数式を書くための設定方法 を WordPress の場合とそれ以外のブログについて説明します。

WordPress の設定方法

WordPress の場合は「Simple Mathjax」というプラグインを入れるのが、最も簡単です。

WordPress の場合も</head>の直前に Mathjax のコードを記述して使用することもできます。

WordPress にコードを記述する場合は「子テーマ」に入れてください。

ブログに数式を表示する設定方法

設定方法に従って Mathjax のコードをヘッダー内に設置すれば、ブログに数式を表示できるようになります。

パソコンによっては ブラウザの表示で [\(\backslash\)]バックスラッシュが [¥]円マークにまたは  [¥]円マークが [\(\backslash\)]バックスラッシュに変わるものがあります。
変わる場合は同じもの(記号)と考えてください。

ブログなどの「テーマヘッダー(header.php)」内の</head>の直前に、次のコードを記述することで数式が表示できます。

<!-- MathJaxを使うための記述開始 -->
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
</script>
<script type="text/javascript"
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML">
</script>
<meta http-equiv="X-UA-Compatible" CONTENT="IE=EmulateIE7" />
<!-- MathJaxを使うための記述終わり-->

数式が表示されるかを確認する方法

次のサンプルコードをコピーしてブログにペーストして、ブラウザで数式が表示されるのを確認してください。

サンプルコード

ブラウザ表示
\(E = mc^2\)

以上で「ブログで数式を表示させる方法」の説明を終わります。