MathJaxというJavaScriptでLATEXのような数式表現ができるライブラリを使えば簡単です
WordPressの場合はプラグインを使えば簡単です
JavaScriptを使用する方法
MathJaxを使用するにはheadタグ内に
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script> MathJax = { tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] }, svg: { fontCache: 'global' } }; </script> <script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"> </script> |
を記述するだけです
初期設定では数式を改行して大きく表示するときは「\( \)」を使用しますが、今回は 数式を「$$」も使用できるようになっています
英語などでは$が文中に使われることも多いらしく、最初からは使用できないようになっていますが日本語の場合は「$$」の方が個人的には分かりやすくて好きです
使用例
分数を表示してみます
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html> <head> <title>MathJaxサンプル</title> <script> MathJax = { tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] }, svg: { fontCache: 'global' } }; </script> <script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"> </script> </head> <body> 一次方程式$ax+b=0$の解を文中で表示すると$x=-\frac{b}{a}$です<br> 改行して大きく表示するためには"\$\$"で囲うと$$x=-\frac{b}{a}$$次の文字も改行されます </body> </html> |
$で囲むと文中に数式を挿入し、$$で囲むと改行して大きく表示されます
また、ドル記号は\$のようにエスケープすることで文中で使用できます
WordPressでプラグインを使用する方法
WordPressで数式表示をしたい場合は「MathJax-LaTeX」というプラグインを使用すれば簡単です
こちらのサイトにやり方が載っています
最後までお読みいただきありがとうございました
参考:https://docs.mathjax.org/en/latest/web/configuration.html