経験知ロゴ

WordPressで日本語混じりの複雑な数式を表示できるプラグイン「MathJax-LaTeX」


MathJax

ブログを書いていると、分数やべき乗など複雑な数式を書きたいことがありますが、既存のままでは表現できません。

文字を組み合わせて表示させるシステムにLATEXというシステムがあります。このシステムはWindowsやMac、LinuxなどのOSで使うことができ、数学を多用する論文などに使われています。

このLATEXをブラウザ上で使えるようにしたJavaScriptライブラリがMathJaxで、MathJaxをWordPressで使えるようにしたプラグインが「MathJax-LaTeX」です。

このページでは「MathJax-LaTeX」の使い方を紹介します。

インストール

WordPressの管理画面から「MathJax-LaTeX」をインストールし有効化する。
関連:「WordPressのプラグインをインストールする方法 | 経験知

使い方

「MathJax-LaTeX」を使いたい記事内で、下記ショートコードを追加。

[mathjax]

追加する場所は記事の最初でも最後でもどこでも良い。

このショートコードを記事内に書くと、フッターに「MathJax」のJavaScriptを読み込むコードが追加され「MathJax」を使えるようになる。

<script type='text/javascript' src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default'></script>

あとはLatex記法を「$$」で囲めばOK。

$$直接利回り=\frac{表面利率}{購入価格}\times100$$

上記コードはこのように表示される。
$$直接利回り=\frac{表面利率}{購入価格}\times100$$

LaTeXコマンドはこちらで

関連:「LaTeXコマンド集

フォントや中央寄せを変更する

中央寄せを左寄せにしたり、フォントを変更するにはCSSで変更できる。

style.cssに


.MathJax_Display {
  text-align: left !important;
  font-family: sans-serif !important;
}

のように書く。「font-family」はお好みで。

フリーランス向けの高額案件紹介

仕事を請け負っても、単価が安くて売上が伸びず複数案件をこなさなければならない。

ということありませんか?

エンジニアファクトリーは高単価案件を持ち、エンド直請けの仕組みにより高額案件を実現しています。

無料で登録できますので、どのような高額案件があるか確認してみてください。

おわりに

Webで数式を表示するのはめんどくさいですが、「MathJax-LaTeX」を使えば比較的簡単に使用することができます。

画像で数式を作るのもよいですが、手間がかかりますよね。

▼役に立ったらシェアをお願いします