【Wordpress】プラグイン無しでMathjaxを使う【LATEX】

概要

WordPressにおけるMathjaxの導入をプラグインを使わずに行います。これによりブログでLATEX仕様のきれいな数式を書くことができます。急に数式が表示されなくなるトラブルについても補足します。テーマエディタからheader.phpをまずは探しましょう。

ブログで数式を使う場合、Latexの仕様で書きたいものです。そのためにはまず「ダッシボード」＞「外観」＞「テーマエディタ」と開きます。

上の状態で右のリストにある「header.php」をクリックします。

ごちゃごちゃしたコードが左に現れますので、その中に <head> と </head> があるか探しましょう。

下のコードをコピーします。

HTML

	<script type="text/x-mathjax-config">
  		MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
	</script>
	<script type="text/javascript"
  		src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML">
	</script>
	<meta http-equiv="X-UA-Compatible" CONTENT="IE=EmulateIE7" />

</head>のすぐ上に貼り付けます。

同じページの下のほうに「ファイルを更新」ボタンがあるのでクリックして準備完了です。

あとは投稿で数式を書いてみましょう。

\begin{equation}\zeta(2)=\frac{\pi^2}{6}\tag{1}\end{equation}

出力結果は\begin{equation}\zeta(2)=\frac{\pi^2}{6}\tag{1}\end{equation}となります。\begin{equation}によって数式モードとなるのですが、今の場合はデフォルトで式番号がつきません。なので\tag{1}としています。コピペしていただいたコードにもいろいろバリエーションがあるようで、式番号を自動で振ってページ内リンクまでつけてくれるものもあるのですが、Wordpressでは動きませんでした（Bloggerではできました）。

テーマが更新されると無効になることも

今回の方法では「テーマエディタ」をいじることでMathjaxを導入したので、テーマを変更したり最新バージョンに更新したりするとコードが消えることがあります。そのときは再度上記の手順をやってみてください。私もついこの間にSANGOが更新された後で数式が表示されなくなり、原因がはじめ分からなかったのですが、これをやり直すことでできるようになりました。子テーマのほうでいじればこの問題は生じません。

応援のおねがい

Please support me!

まめしば

記事を気に入って下さった方、「応援してあげてもいいよ」という方がいらっしゃったら15円から可能なので支援していただければ幸いです。情報発信を継続していくため、サーバー維持費などに充てさせていただきます。

ご支援いただいた方は、こちらで確認できます。

◎ Amazonギフトの場合、
Amazonギフト券- Eメールタイプ – Amazonベーシック
より、金額は空白欄に適当に(15円から)書きこんで下さい。受取人は「mamekebiamazonあっとgmail.com」です（あっとは@に置き換えてください）。贈り主は「匿名」等でOKです。全額がクリエイターに届きます。

◎ OFUSEは登録不要で、100円から寄付できます。金額の90%がクリエイターに届きます。

OFUSEで応援を送る

◎ codocは登録不要で、100円から寄付できます。金額の85%がクリエイターに届きます。