ワードプレス(WordPress)プラグイン「MathJax-LaTeX」 【数式の表示方法とコード集】

Wordpress
Hitoshi
Hitoshi

ワードプレスで美しく数式を表示させる方法を紹介します。コードをコピペして使ってください。

ブログの記事作成時に数式を記事の中に記載したいと考えたことはありませんか?Wordpressでは、「MathJax-LaTeX」という便利なプラグインがあります。

MathJaxは、LaTeXという学術で使われる書式をウェブサイトで数式表現を可能とするプラグインです。このサイトでは、各自が数式を記載する手間を省くために、コピペで使えるサンプルコードを紹介します。

ぜひ、貴方のサイトに数式を掲載した場合のテンプレートとして利用してください。

執筆者
hitoshi

神奈川在住 自動車関連の仕事をしている新しいもの好きのサラリーマン
・Web職TVを参考にサイト運営しています。
・2020年7月 G検定合格しました。
・英会話を勉強中です。
cluster ID : @Hitoshi77 ←フレンドになりましょう

管理サイト
得情報発信 | OToKuGET.net
G検定完全攻略サイト
特化ブログの作り方まとめ

hitoshiをフォローする

MathJax とは

MathJaxとは、LaTeXで記述された数式のコードをウェブブラウザーで表示させることができるライブラリです。この機能をWordpressで利用するためのプラグインが「MathJax-LaTeX」です。

最適なMathJaxプラグインの初期設定

一番上のForce Loadにチェックを入れることをおすすめします。ショートコードを記載せずにMathjax-Latexをアクティベートできるようになります。

MathJax-LaTeXの利用方法

基本的に数式の挿入の方法は二種類ありますので場合に応じて使い分けてください。本サイトでは、便宜的に「$」を2つ並べたディスプレイ方式でのコードを掲載しています。

  • 「\」のタグで挟む
  • 「$」を2つ並べて挟む
Hitoshi
Hitoshi

「/」スラッシュと、「\」バックスラッシュの混同に注意してください。

インライン表示とディスプレイ表示の違い

インライン表示(行内)とディスプレイ表示(別行立て)のどちらの表示にするかはHTMLコードの違いによって使い分けることができます。

\(ax^2+bx+c=0\space (a\ne0)\)
\(ax^2+bx+c=0\space (a\ne0)\)
$$ax^2+bx+c=0\space (a\ne0)$$
$$ax^2+bx+c=0\space (a\ne0)$$

演算子の記述方法

基本的な演算子の記述コードについて説明します。次の記述コードでブラウザーで演算子を表示することができます。

演算子記述コード表示の仕方
$$+$$
$$-$$
×\times$$ \times $$
÷\div$$ \div $$
±\pm$$ \pm $$
x^2x^2$$x^2$$

数式テンプレート

二次方程式の解の公式(その1)

$$ax^2+bx+c=0\space (a\ne0)$$
$$ax^2+bx+c=0\space (a\ne0)$$
$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$
$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

二次方程式の解の公式(その2)

$$ax^2+2bx+c=0\space(a\ne0)$$
$$ax^2+2bx+c=0\space(a\ne0)$$

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

忘却曲線の近似関数

$$b=100+\frac{1.84}{\left(\log_{10}{t}\right)^{1.25}+1.84}$$
$$b=100+\frac{1.84}{\left(\log_{10}{t}\right)^{1.25}+1.84}$$

ソフトマックス関数(Softmax function)

 $$p_i=\frac{exp(y_i)}{\displaystyle\sum_{j=1}^C{exp(y_j)}}$$
$$p_i=\frac{exp(y_i)}{\displaystyle\sum_{j=1}^C{exp(y_j)}}$$

オイラーの等式

$$e^{\pi i} = -1$$
$$e^{\pi i} = -1$$

和の公式1

$$\displaystyle\sum_{k=1}^{n}k=\frac{1}{2}n(n+1)$$
$$\displaystyle\sum_{k=1}^{n}k=\frac{1}{2}n(n+1)$$

和の公式2

$$\displaystyle\sum_{k=1}^{n}k^2=\frac{1}{6}n(n+1)(2n+1)$$
$$\displaystyle\sum_{k=1}^{n}k^2=\frac{1}{6}n(n+1)(2n+1)$$

和の公式3

$$\displaystyle\sum_{k=1}^{n}k^3=\left\{\frac{1}{2}n(n+1)\right\}^2$$
$$\displaystyle\sum_{k=1}^{n}k^3=\left\{\frac{1}{2}n(n+1)\right\}^2$$

総和

$$\displaystyle \sum_{i=1}^\infty x_i = x_1+x_2+x_3+ \cdots$$
$$\displaystyle \sum_{i=1}^\infty x_i = x_1+x_2+x_3+ \cdots$$

まとめ

本記事では、ワードプレスで使えるプラグイン「MathJax-LaTeX」の使い方の概要と、テンプレートを紹介しました。ぜひ、テンプレートをコピペしていただいて貴方のサイトの記事作成に役立ててください。

このブログでは、特化型ブログ作成のための情報を提供しています。サイト運営している方にはぜひ参考にしてください。

ブログアフィリエイトの始め方 特化型ブログ制作方法を解説

タイトルとURLをコピーしました