WordPressで数式を使えるようにするために、少し調べてみました。
Googleで「WordPress 数式」と調べると色々と情報がでてきます。
その中から、MathJaxという方法があることを知りました。
なんでも、プラグインなしで数式が書けるようになるらしいです。
方法は、ブログ内に「カスタムHTML」に以下を挿入すれば数式を書けるようになるそうです。
ちなみに以下のコードはMathJaxさんのHPからコピペしてきたものです。
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>こうすることで、Texという形式のようなもので書けるようです。
あと上のコードだけの部分は「コード」というブロックで書きました。
文中に数式を表示させるためには\( 数式 \)と入力するようで、別行立ての数式には\[ 数式 \]と入力するようです。ちなみに、\( \)や\[ \]でくくると自動で数式表示になるようで、先ほどはそれを防ぐために「インラインコード」にして記述しました。
例えば次のように入力すると以下のように出力されます。
方程式 \(2x+1=0\) の解は \(x=-\frac{1}{2}\) である。方程式 \(2x+1=0\) の解は \(x=-\frac{1}{2}\) である。
方程式 \(ax^2+bx+c=0\) の解は
\[ x = \frac{-b^2 \pm \sqrt{b^2 -4ac}}{2a} \]方程式 \(ax^2+bx+c=0\) の解は
\[ x = \frac{-b^2 \pm \sqrt{b^2 -4ac}}{2a} \]
ここで、文字と数式の間に半角スペースを入れました。半角スペースがないと少し詰まっているように見えるので。また、windowsでは円マーク「\」で入力すればいいみたいですが、機種によってはバックスラッシュ「\(\verb|\|\)」で入力しないとうまく動かないかもです。あと、区切り線って「—」と入力してエンターキーで引けるようです。数式を確認するときは、「プレビュー」の「新しいタブでプレビュー」から数式表示が確認できます。
こんな感じでWordPress上で数式を表現できるようです。とてもキレイに出力されてビックリしました。また、初めて自分自身で手を動かしてブログ記事のようなものを書いてみたのですが、どんどん作られていく感じが、とっても楽しいですね。WordPressやMathJaxにも色々な機能があるようで他にも色々と試してみたいなって思いました。
