ワードプレス

【MathJaxの設定方法】ワードプレスで数式を挿入しきれいに表示する方法を解説!

本記事では、ワードプレスで数式をきれいに表示する方法を紹介します。

「Mathjax-LaTex」のプラグイン追加の方法から設定、実際の使い方まで一部画像を使いながら説明しています。

ワードプレスで数式をきれいに表示する方法

「MathJax-LaTex」のプラグイン追加方法

ワードプレスで数式をきれいに表示するには「MathJax-LaTex」を使用します。

まずは「MathJax-LaTex」プラグインを追加してください。

プラグイン追加の方法は、「プラグイン」→「新規追加」→キーワード検索で「MathJax-LaTex」と検索→「今すぐインストール」→「有効化」です。

 

有効化できたら、次は設定です。設定は簡単ですぐに終わります。

「MathJax-LaTex」の設定方法

「設定」→「MathJax-LaTex」→「Default 「latex」 syntax attribute」を「Display」に変更→「Save Changes」で設定は終わりです。

数式の入力方法

前提条件

記事の一番最初に、[ mathjax ]と入力しておく。(空白は取り除いてください)

これは、実際にページが表示されるときには表示されないので、どこに書いておいてもOKです。このページでも一番最初に入力していますが、皆さんには見えないようになっていると思います。

編集画面

実際に表示されるページ

足し算

数式を入力するときには以下のように入力します。

$$ 挿入したい数式 $$

例えば、a+b=cをきれいに表示させたいと思ったら、

$$ a+b=c $$

と入力します。そうすると、

$$a+b=c$$

このように表示されます。

分数

分数は以下のように入力します。

$$ \frac{1}{6}+\frac{3}{5}*2 $$

ここのバックスラッシュは「\」でも同じです。「¥」でも「バックスラッシュ」でもどちらでもOKなことを覚えておきましょう!

例えば、このように入力すると、下のように出力されます。

$$ \frac{1}{6}+\frac{3}{5}*2 $$

$$ \frac{分子}{分母} $$

とすることで分数が表示できます。

日本語でもOK

数式に日本語が入力されていても問題なく表示されます。

$$ \frac{分子}{分母} $$

上記のように入力すると、下のように出力されます。

$$ \frac{分子}{分母} $$

 

まとめ

ワードプレスで数式を挿入するときには「MathJax-LaTex」を使ってきれいに表示させましょう!