【記事を追加しました。】WordpressでLaTeXを使ってみる。時代の最後尾を往くWebサイト。【記事を追加しました。】WordPressでLaTeXを使ってみる。数式の全部を黒以外の色で表示してみる。数式の一部を黒以外の色で表示してみる。latexタグをクイックタグに追加してみる。まとめスポンサーリンクLaTeXの表示方法についてのお知らせサーバの処理パフォーマンスを改善するため、2018年9月をもちましてWP-QuickLaTeXプラグインの使用を終了し、MathJax(+MathJax-LaTeXプラグイン)に移行しました。本移行作業に伴い、本文中に記述されている数式のレンダリング処理はMathJaxで行われているため、本文中の記述内容と実際に表示されている数式の間に相違が生じている可能性があります。この点につきましては、修正作業を行っておりますので、ご理解のほどよろしくお願いいたします。はじめにMediaWikiだとMathプラグインなどを使用すると、LaTeXを使って数式を出力できますが、それがWordpressでもできないものかと思い、適当にぐぐってみると...それなりにあるみたいですね。その中から、もっとも機能が豊富そうで、かつメンテナンス状況が良さそう(2017年4月現在)なWP-QuickLaTeXをインストールしてみることにしました。インストールの手順インストールの手順は以下の通りです。本サイトの環境では管理画面からのインストールができないので、シェルプロンプトを用いてインストールや必要なディレクトリの作成を行っている。Wordpressは/usr/share/wordpressの下にインストールされている前提で記述しているので、これとは異なるディレクトリにインストールしている場合には適宜読み替えてください。wordpress.orgのサイトからwp-quicklatex-3.8.4.zipをダウンロードします。ダウンロードしてきたZIPファイルを展開します。wp-quicklatexというディレクトリができますので、適当なユーザ権限で以下のコマンドを実行してwordpressのpluginディレクトリの下に移動します。QuickLaTeXプラグインを有効化します。root権限で以下のコマンドを実行後、キャッシュ用のディレクトリを作成し、アクセスモードを適切に設定します。このディレクトリのownerはhttpdを実行するユーザと一致させておきます。3行目はSELinuxを有効にしている場合に限り実行します。/usr/share/wordpress/wp-content/ql-cache管理画面に「QuickLaTeX」メニューが追加されていますので、これを選択し、画面上部にエラーメッセージが表示されていなければ、インストールに成功している(はずです)。\]記事の途中で以下のような数式を表示させることができます。\sqrt{\pi}\]数式の全部を黒以外の色で表示してみる。color=”00ff00′′]数式[/latex]のような形式で指定すると、以下のように表示できます。CSSで対応する方法になります。\sqrt{\pi}}\]数式の一部を黒以外の色で表示してみる。数式の一部を黒色以外の色で表示したい場合にはLaTeX実行時に対応する処理を行う必要がありますが、WP-QuickLaTeXはデフォルトの設定ではLaTeXのパッケージをそれほど多くは読み込んでくれません。色付きで表示するためのパッケージ(colorパッケージ)もデフォルトの設定では読み込みの対象になっていないので、明示的に読み込む必要があります。それではどのようにすればよいかといいますと、数式全体を[latex]及び[/latex]で囲んだ上で、以下のように読み込みたいパッケージの設定をpreambleタグで囲んだ上で[latex]タグの直後に挿入する必要があります。[latex][+preamble]\usepackage{color}[/preamble]数式[/latex]すると、以下のように表示できます。\sqrt{\pi}\]数式を記述する以外の部分のLaTeXの構文が理解できていないと難しいところですが、その分黒色以外の色を2色以上使うことができますので、小回りは効くと思います。latexタグをクイックタグに追加してみる。スポンサーリンク以下のようなコードをfunctions.phpに追加しておくと、latexタグをクイックタグとして追加できます。{?><script>QTags.addButton(‘LaTeX’,’LaTeX’,’[latex]’,’[/latex]’);</script><?php}}endif;add_action(‘admin_print_footer_scripts’,’add_quicktags_to_text_editor’);また、Wordpressのテキストエディタの上部に”LaTeX”ボタン(下図の赤矢印)が表示されます。このボタンを押すとクイックタグが表示されるので、数式の入力がはかどるかもしれません。スポンサーリンクまとめ本記事ではWordpressでLaTeXを使用するために必要なパッケージと、そのインストールの方法について書きました。最後にWordpressのテキストエディタにおいて入力のための作業効率を高めるための方法として、”LaTeX”ボタンを追加する方法についても書きました。数式を色分けした方がよい場面はいまいち思いつかないのですが、説明などが込み入ったグラフで表示するとき等に使うとわかりやすくなったりして便利なのかもしれません。Plugin)を使ってみる。Plugin)をカスタマイズする。Inkscape(0.92.3)で書いた線分の一部のスタイルを変更する方法。【作例を追加しました。】Inkscapeで文字の影を描画する時に、文字の描画範囲からはみ出た影がクリッピングされるのを防ぐ方法のメモ書き。このウィジェットの背景が黒くなってしまうことがある理由についてはこちらをクリック。AviUtlgimp-2.10.sikuliGIMP-2.10を使ってスクリーンショットを取得するためのSikuliXのスクリプト。SikuliX-2.0.1+GIMP-2.10.10の組み合わせでのみ動作確認を行っています。SolrのDataImportHandlerで7-zipで圧縮されたファイルのインポートをサポートするためのJARファイル。struts2ajaxtestStruts2でAjaxを使用するWebアプリケーションのサンプル。LANを発行するためのスクリプトのサンプル(Fedora用)。8用のNEologd入りkuromojiをビルドするためのパッチ。8.1→10にアップグレードしてみたところ、途中で電池が切れて復旧に手間取った件。APIを呼び出し、Bitcoinの価格を取得するPython3のプログラムを書いてみた。httpからhttpsへのリダイレクトを削減するためのnginxの設定。YouTube↓のボタンを押していただくとチャンネルを登録できます。見解等とは一切関係ありません。