頑張らない!でも諦めない!必死にならずにええかげん

22.Beautiful Math-Jetpack by WordPress.com

      2014/11/22

wordpressを利用していて一番利用されているプラグインが、
このwordpress.comが提供しているJetPackではないでしょうか。
JetPackプラグインは機能が多いのですが、
ここでは「LATEX Makes Beautiful Math」の機能についてご紹介します。

はじめに

Jetpack by WordPress.comのすべての機能を使っているでしょうか。
私はこれまで必要なものだけを使って、ほかの機能はあまり気にしていない状態でした。

ざっと全体の機能を確認しましたので、ご紹介しておきます。

LATEX Makes Beautiful Math

LATEX Makes Beautiful Math

LATEX は、複雑な方程式や数式を入力するのに適したパワフルなマークアップ言語です。

LATEX を含めるには、$latex 【ここにコードを記入】$ または [latex]【ここにコードを記入】[/latex] という書式をコメントや投稿内でご利用ください。 各種オプションが用意されています。

01_JetPack Beautiful Math詳細

JetPack Beautiful Math詳細

使用方法

LaTeXはJetPackから有効化することによって、投稿内やコメント欄などで利用することができます。

投稿に対してLaTeXを含むには投稿の本文に対して、ショートコードを記載します。

02_投稿内へのLATEXコード挿入

投稿内へのLATEXコード挿入

投稿を公開すると(プレビューでは確認できません)以下のように表示されます。

03_投稿の表示

投稿の表示

またコメント欄に対してもLaTeXショートコードを含むことができます。

04_コメントへのLATEXコード挿入

コメントへのLATEXコード挿入

コメントの一覧に対しても、LaTeX表示されます。

05_コメントの承認

コメントの承認

コメントを承認すると、LaTeX表示されます。尚、JetPackコメントを併用することも可能です。
JetPackコメントの機能については以下でご紹介しています。
04.Jetpack コメント-Jetpack by WordPress.com

06_コメントの表示

コメントの表示

記載方法

記載方法については、WordPress.comのヘルプに記載されている通りではありますが、
以下のようなショートコードを利用します。

またWordPressのショートコード形式でも記載ができます。

ヘルプそのまんまで紹介させて頂くと、
投稿エリアやコメントエリアに対して以下のようなショートコードを記載します。

試しにLaTeXにて記載してみます。(サイズは4の最大を指定しています)

実際に表示すると以下のように表示されます。
以下は画像にリンクしています。

博士の愛した数式

LaTeX変換されて表示されている画像は、以下のようなURLにて提供されます。
http://s0.wp.com/latex.php?latex=e%5E%7Bi%5Cpi%7D%2B1%3D0&bg=ffffff&fg=000&s=0

サイズの変更

表示サイズの変更も指定できます。

LaTeXコードの最後に「&s=n」(nは数値)と相対的な数値指定を行います。
数値指定が可能な範囲は、-4~0~4のの整数値で指定します。

「&s=4」の部分がサイズ指定を行っているところです。

実際に表示すると以下のように表示されます。
以下は画像にリンクしています。

博士の愛した数式

LaTeX変換されて表示されている画像は、以下のようなURLにて提供されます。
http://s0.wp.com/latex.php?latex=e%5E%7Bi%5Cpi%7D%2B1%3D0&bg=ffffff&fg=000&s=4

サイズ指定 プレビュー
 &s=-4
-4指定
 &s=-3
-3指定
 &s=-2
-2指定
 &s=-1
-1指定
 &s=0または指定なし
0または指定なし
 &s=1
1指定
 &s=2
2指定
 &s=3
3指定
 &s=4
4指定

色指定

LaTeX表記にさらに色を指定することができます。

LaTeXコードの後に「&bg=XXXXXXX」(XXXXXXは16進数色指定)で文字背景色を指定します。
「&fg=XXXXXXX」で文字色を指定します。

色のコードに関しては、色見本サイトなどで確認ができます。
WEB色見本 原色大辞典 – HTML Color Names

「&bg=ffcccc&fg=cc00ff」の部分が色指定を行っているところです。

実際に表示すると以下のように表示されます。
以下は画像にリンクしています。

色指定

余談

LaTeXで何かサンプル式を・・・と思って、思い出した数式がこれでした。
久しぶりにまたビデオでも借りてこようかな。

amazon Promotion

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

あまり数式をWeb上で記載することがあまりないのですが、
学校の先生などでテストの答案を作ってる人はこれを駆使してるのか?
もっといいGUIツールを使っているのかわかりませんが、
こうした記述方法はある意味プログラミングよりも難しいなと感じました。

尚、上記のように一度ショートコードで生成した画像は、
画像のURLを取得することで、別の場所にURL参照で貼り付けることもできますね。

参考

LaTeX — Support — WordPress.com


WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - jetpack, WordPress , ,

  関連記事

eye_wordpress
18.タイルギャラリー-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
Jetpackのwordpress.com連携でエラーは競合が原因だった

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_gravatar
Gravatar™プロフィールウィジェットをJetpackを利用して表示する

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_automattic
Jetpack by WordPress.comのメール投稿時に利用可能なオプション

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressでTOPに固定ページ、リンク先に最新投稿を表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WP jQuery Lightboxで特定の投稿のみスライドショーが動かない場合の対処法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_jetpack
JetPack統計情報は復旧できる!見えていないだけだから大丈夫

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
wordpress投稿のタグ一括編集にSimple Tags_v2.2-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_automattic
VaultPress™オンラインバックアップサービスの利用登録

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressのサイドバーにサイト内検索フィールド(ボックス)を設置する方法(標準)

Google or AdMax Promotion(it) 禁断の機能がau公式 …