営業していませんが一応FPの@web_shufuです。

FPらしいエントリには日本語入り分数式が必要ですが、これまでは面倒で避けていました。

ところが最近WordPressでの数式表示にうってつけのプラグインを発見したのでご紹介。

インストールと設定

そのうってつけのプラグインとはMathJax-LaTeX。

• WordPress › MathJax-LaTeX « WordPress Plugins

まずは管理画面左サイドバー「プラグイン」⇒「新規追加」からMathJax-LaTeXをインストール･有効化。

その後、「設定」⇒「Mathjax-Latex」と進んで設定をしますがデフォルトのままで問題全くありません。

投稿に数式を挿入するには

まず数式を挿入したい投稿の冒頭にショートコード[mathjax]を記入します。

あとは投稿を書きたい場所に、Latex記法で数式を書いていくだけです。以下のサイトがとても役立ちます。

• LaTeXコマンド集 - 空白・改行・改ページ

三角形の面積の公式を小学生向けに日本語入りで書いてみる

Mathjax Latexのすごいところは日本語入りの数式も問題なく表現できるところです。例えば

$$(三角形の面積)=\frac{(底辺)\times(高さ)}{2}$$

と書くと

$$(三角形の面積)=\frac{(底辺)\times(高さ)}{2}$$

と表示されます。

もちろん英数字のみの数式も問題なし

$$N=\frac{r(r+1)^{n} }{(r+1)^{n}-1}$$

と書くと

$$N=\frac{r(r+1)^{n}}{(r+1)^{n}-1}$$

と表示されます。

複分数もなんのその

分子や分母にさらに分数が含まれている複分数はWeb出の表現がとても面倒です。しかし、Mathjax Latexならとても簡単に表示できます。

$$ N=\frac{\frac{利子率}{\ \ 100\ \ }(\frac{利子率}{\ \ 100\ \ }+1)^{n} }{(\frac{利子率}{\ \ 100\ \ }+1)^{n}-1} $$

と書くと

$$ N=\frac{\frac{利子率}{\ \ 100\ \ }(\frac{利子率}{\ \ 100\ \ }+1)^{n} }{(\frac{利子率}{\ \ 100\ \ }+1)^{n}-1} $$

と表示されます。

高速化への配慮がうれしい

Mathjax Latexは、サイトの表示が遅くならないための配慮もされています。

[mathjax]が含まれているページでは、数式を表現するためのjavascript ファイルがこんなソースで読み込まれます。

<!-- MathJax Latex Plugin installed --><script type="text/javascript" src="………" id="mathjax"></script>

一方、数式を表示しないページでは、数式を表現するためのjavascriptファイルは読み込まれません。ソースはこんな感じになっています。

<!-- MathJax Latex Plugin installed: Disabled as no shortcodes on this page -->

markdown記法と併用する場合の注意

markdown記法とLatexを併用する場合は、バックスラッシュ（\）が原因で改行がうまくいかない場合があります。

その場合、本来バックスラッシュが1本でいいところにはバックスラッシュ2連打、本来2連打すべきところには3連打といった具合に、本来のLatex記法よりバックスラッシュの本数を1本増やすことで解決します。

教育・士業･公共機関のWordPressサイトに便利

教育・士業･公共機関のWordPressサイトでは、日本語の入った複雑な数式を表現する場面がチョコチョコあります。

そういったサイトではMathjax Latexはとても重宝すると思います。

数式を扱うサイト運営者にオススメのプラグインです。

こんな感じで色を付けた数式も書けます。

$$\color{red}{\bf (三角形の面積)=\frac{(底辺)\times(高さ)}{2}}$$
$$\color{blue}{\bf N=\frac{r(r+1)^{n}}{(r+1)^{n}-1}}$$
$$\color{green}{\bf N=\frac{\frac{利子率}{100}(\frac{利子率}{100}+1)^{n}}{(\frac{利子率}{100}+1)^{n}-1}}$$