[WordPress] 美しい数式表示

⌛️ < 1 min.

WordPress で数式をきれいに表示する方法を説明します。

Sponsor Link

環境＆対象

以下の環境で動作確認を行なっています。

y = ax^2 + bx + c と書いてもわかりますが、やはり $y=ax^2+bx+c$ と書いてあった方がきれいですし、なにより読みやすいです。

もう少し複雑になってくると、テキスト表示では、括弧の嵐になってしまい、破綻し始めます。

MathJax という JavaScript できれいな数式を表示できる機能が開発されていて、それを WordPress 上で使えるようにしてくれるプラグインがあります。

MathJax-LaTeX というプラグインです。

上記は、GitHub のリンクですが、WordPress のプラグイン設定から、”MathJax-LaTeX” というキーワードで新規プラグイン検索しても見つかります。

インストールは、”インストール”ボタンでインストールして、プラグイン設定から有効化するだけです。

数式を＄＄で括って記述します。式そのものは、LaTeX での記述方法と同じです。￥frac で分数だったりです。

例えば解の公式は、 x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} と書くことできれいに表示されます。（＄＄で括ります）

$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

私の環境では、複数のプラグインをインストールしているせいか、＄＄x＝… と表示されてしまい、うまく動作しませんでした。

プラグイン設定の “Force Load” をチェックすることで、動作するようになりました。

＃この設定は、全てのページで MathJax JavaScript をロードするので、重くなってしまうかもしれません。

WordPress で数式をきれいに表示する方法

説明は以上です。
不明な点やおかしな点ありましたら、こちらまで。

Sponsor Link