Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。

btmup Blog

WordPress

WordPress のビジュアルエディタで文字サイズを変更する方法。

投稿日:

なんか最近、ビジュアルエディタの話題ばっかりやなぁ。
……ま、いっか。
今回は、文字サイズの変更方法です。

WordPress 標準のビジュアルエディタには、文字の色を変えたり強調表示(<strong>タグ)したりするツールは含まれているのですが、何故か文字サイズを変更するツールはありません。
「フォーマット」の中にあるのは見出し(<hx>タグ)なので、意味が違います。

そこで例によってググってみたのですが、例によって情報はかなり少ない。
どうにか1つだけ見つかりましたので、ここではその方法をご紹介します。
ただ、もちろんこれで解決ということはないので、あくまで「こういう方法もあるよ」くらいに捉えてください。

文字サイズ変更ツールボタンを追加するプラグイン

今回見つかったのは WordPress.org のフォーラムでのトピックです。
»WordPress › フォーラム » リッチテキストエディターの利用で

WordPress のバージョンが 2.5.1 となっていますが、僕が導入した 2.6.5 でも動作しています。

導入方法

プラグインのコードが公開されているので、それを拝借(コピペ)して新規ファイルを作成してください。
あとは他のプラグインと同じように「plugins」フォルダへアップロードし、WordPress の管理画面から「使用する」を選択するだけ。
ビジュアルエディタのツール群に、「文字サイズ」のプルダウンが追加されているはずです。

使用方法

このプルダウンで選択できるサイズは7種類。
単位が「pt」なのでちょっとビックリしたのですが、実際には「<span style="font-size: medium;">○○○</span>」といった形でスタイルが適用されます。
その関係は以下の通り。

  • 1(8pt) → xx-small
  • 2(10pt) → x-small
  • 3(12pt) → (指定なし)
  • 4(14pt) → medium
  • 5(18pt) → large
  • 6(24pt) → x-large
  • 7(36pt) → xx-large

他のツールと同じように、全体に設定しているスタイルとの関連もあって、思った通りの結果にならないことも多々あります。
まぁ、そのあたりはビジュアルエディタだから、ということで。

きっと TinyMCE 自体をカスタマイズすれば、「x-small」を「85%」にしたりもできるんでしょうけどね。
一応調べてはみましたが、そこまではよく分かりません。




-WordPress
-, ,

Copyright© btmup Blog , 2024 All Rights Reserved Powered by AFFINGER5.