Mathjaxの設定
WordPressで手っ取り早くLatex数式を使用したい場合は、プラグイン「MathJax-LaTeX」をインストールすればよいのだが、CDNから最新版のものを使用したいような場合の設定方法について説明する。
CDNを使用する場合、新たなプラグインをインストールし、WordPressテーマのヘッダにスクリプトを設定するため、不慣れな方は「MathJax-LaTeX」を使用する方が無難と思われる。
CDNの設定手順を以下に示す。
- 1. プラグインの確認とインストール
- WordPress管理画面の「プラグイン」>「新規追加」を開く。
- 検索窓に「WPCode」と入力する。
- WPCode Lite を「今すぐインストール」して「有効化」する。
- 2. ヘッダー(Header)へのコード挿入
- 有効化すると、管理画面の左メニューに「コード スニペット」という項目が追加される。
- 「コード スニペット」>「ヘッダーとフッター」 を選択する。
- 画面上部にある 「ヘッダー」 のテキストエリアに、読み込ませたいMathjaxのCDNコードを貼り付ける。貼り付けるコードは例を参照
- 画面右上にある 「変更を保存」 ボタンをクリックする。
【例】Mathjax CDN
|
1 2 3 4 |
<!-- Mathjax CDN --> <script id="MathJax-script" async="" src="https://cdn.jsdelivr.net/npm/mathjax@4.0.0/tex-mml-chtml.js"></script> |
Mathjax 記法
- インライン記法
12345数式を \(…..\) で囲むWhen \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
- ブロック記法
1数式を\[と\]で囲む1234567数式を\[と\]で囲む\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]または\[x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\]
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\] または
\[x = \frac{-b \pm \sqrt{b^2 – 4ac}}{2a}\]
互換性
CDNだけをヘッダに設定した場合、過去に\$(インライン)、\$\$(ブロック)使用していた数式が変換されなくなります。
この問題を解消するためには、前段で設定した Script タグの下に、次のコードを貼り付けます。
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> window.MathJax = { tex: { // 既存の \<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>\[, \\] や \\(, \\) に加え、\$, \$\$ も認識させる設定 inlineMath: [['$', '$'], ['\\(', '\\)']], displayMath: [['$$', '$$'], ['\\[', '\\]']] } }; </script> |
これにより、以前のコードそのままに数式を表示させることができます。
【使用例】
|
1 2 3 |
$$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$ |
$$x = \frac{-b \pm \sqrt{b^2 – 4ac}}{2a}$$


