WordPressの投稿にLaTexで数式を入れる方法

2015年9月22日火曜日

Web

t f B! P L
WordPressで数式を表示したい時には、MathJaxが便利です。MathJaxを使うとLaTexで数式を記述できます。MS Wordの数式エディタのようにGUIで記述できる訳ではありあませんが、慣れるとGUIよりも手軽に数式を扱えるようになります。

MathJaxの準備

WordPressでMathJaxのプラグインを検索してインストールするか、もしくはヘッドタグ(<head></head>)などに、次のコードを埋め込むだけで準備完了です。
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script async="" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"><script>

ある投稿だけでMathJaxを使いたいときは、投稿の編集でテキストタブの先頭に、コードを埋め込んでも動作します。 以前はcdn.mathjax.orgを参照していましたが、変更されたようです。
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

数式の書き方

WordPressの"投稿の編集"でテキストタブにLaTexで数式を書くだけです。 LaTexのコマンドを調べるのは、以下のサイトが便利です。
  LaTeXコマンド集 http://www.latex-cmd.com/

数式を文章の中に記載したい(インラインで書く)場合には、LaTexのコマンドを\( \)または\[ \]で囲みます。独立した一行として数式を書く場合は、$$ $$で囲みます。

インライン表示の例

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script async="" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"><script>
これは微分 \( \frac{df(t)}{dt} \)です
WordPressのビジュアルタブでは、数式は表示されません。プレビューを行うと次のように表示されます。 これは微分 \( \frac{df(t)}{dt} \)です

独立行表示の例

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script async="" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"><script>

$$ G= 20log_{10} \frac{Vo}{Vi} = 20log_{10}21 \approx 26.4 dB $$
プレビューを行うと次のように表示されます。 $$ G= 20log_{10} \frac{Vo}{Vi} = 20log_{10}21 \approx 26.4 dB $$

このブログを検索

QooQ