[WordPress]MathJax-LaTeXの数式が反映されない場合の対処方法

WordPress内で数式を書けるようにするため「MathJax-LaTeX」を導入しました.
しかし、この環境だとなぜか動作しないためプラグインを導入せずスクリプトとして読み込むことができたのでその方法をまとめます.

WordPressのバージョンは現在5.5.1で、エディターは「Gutenberg」を使用しています.

プラグインを検索してインストールします.
その後、有効化して設定を行った上で投稿画面に移動.
以下のようにショートコードに[mathjax]と入力、カスタムHTMLに数式を入力してみましたがうまくいかないです.

そのまま表示されてしまいます.

次に数式と同じ場所(カスタムHTML内)にスクリプトで埋め込んでみました.

<script async="" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML"></script>

1	<script async="" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML"></script>

するとうまく表示されました.

「MathJax-LaTeX」を無効化し、テーマのヘッダーにスクリプトを埋め込んでみます.
「外観」＞「テーマエディター」で「テーマヘッダー」を選択.

<head>タグ内に以下のようにスクリプトを記述します.

結果だけ述べるとうまくいきませんでした.
そもそも全ての投稿で使うわけではないのでこのためにテーマのヘッダーいじるのもあんまり好きじゃないですね.

ということで以下のように投稿の最初にスクリプトを埋め込む方法に落ち着きました.
コピペするだけなので面倒は感じないのでこれでいきます.

シグマの計算を表示してみました.