WordPress.com に数式を表示する

WordPress.com に数式を表示する方法についての覚え書きです。

\zeta(s) = \sum_{n=1}^\infty \frac{1}{n^s}

以下のツール 1 で適宜、数式を作成し、

mathURL
mathURL

WordPress.com に貼り付け、

投稿の編集 ‹ t demo — WordPress
 

それの前に「$latex 」、後ろに「 $」 2 を追記すると、

投稿の編集 ‹ t demo — WordPress-1
 

以下のような感じで数式が表示されます。

\zeta(s) = \sum_{n=1}^\infty \frac{1}{n^s}


その他、気づいた点についてのメモです。

Web 上のツールで画像化したものを貼り付けることもできる

以下のボタンをクリックして得られる短縮 URL のうしろに「.png」を追加することで数式を画像化できるので、

mathURL-2
mathURL

それを WordPress.com に貼り付けることもできます。

 

WordPress.com の機能でうまくいかなかったときなどに使えそうですが、上記のサービスが今後、存続し続けるかどうかわからないので、公共性の高い業務等での使用は避けたほうがいいかもしれません。

文字の大きさを調節するときには、末尾に「&s=2」等を追記するとよい

たとえば、以下のような記述にすると

新規投稿を追加 ‹ comemo — WordPress
 

こうなり、

\zeta(s) = \sum_{n=1}^\infty \frac{1}{n^s}

こんな感じにすると、

新規投稿を追加 ‹ comemo — WordPress-1
  

こうなります。

\zeta(s) = \sum_{n=1}^\infty \frac{1}{n^s}

最小は -4、最大は 4 です。

文字色や背景色の調節も文字の大きさの調整と似たような感じ

文字の大きさの調整と似たような感じで背景色や文字色の調整もできるようです。

たとえば、こんな感じに記述だと

新規投稿を追加 ‹ comemo — WordPress-2
 

こんな感じになります。

\zeta(s) = \sum_{n=1}^\infty \frac{1}{n^s}

詳しくはマニュアルをご参照ください。

数式のまわりに枠がついてしまう場合などの措置

テーマの仕様により数式のまわりに枠がついたりしてしまう場合には、例えば、以下のような CSS を追加すれば消えるかもしれません。テーマにより、うまくいく場合といかない場合があると思います。

img.latex {
     box-shadow: none;
     border: none;
     background-color: transparent;
 }

数式を生成する Web サービス

以下の記事に説明がありますが、当方では詳しい検証は行っておりません。

例えば、以下のツールは使いやすいなと思いました。

BrEdiMa I/O functions demo
BrEdiMa I/O functions demo

コメント欄でも使えます

コメント欄に数式を入力することも可能です。

latex | t demo

レンタルサーバ等でインストールして使うタイプの WordPress の場合

以下の記事によると、インストール型の WordPress には、latex の数式を表示するためのプラグインがいくつかあるようです。

  • WordPress の数式整形プラグイン | 永田 晴久|2013-11-28

その他トラブルシューティング的なこと

  • 日本語を含む数式はできない。 3
  • 2行以上の数式を表示する場合、latex 自体には等号記号のところ等で揃える機能があるようなのですが、WordPress.com の方ではそれはできない仕様のようです。
  • ショートコード「latex」を使っても数式を表示できるようですが、使い方等については未調査です。
参考

  1. Using LaTeX in WordPress|2011-12-23 
  2. 「$latex」の後ろは半角空白で空けること。末尾の「$」の前には半角空白があってもなくても表示されるようです。 
  3. 記事「日本語OKなWordPress数式プラグイン「Mathjax Latex」|ウェブシュフ」によると、インストール型の WordPress の場合は、プラグイン「Mathjax Latex」を使うと、日本語を含む数式を表示させることができるようです。 

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。