btmup Blog

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

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
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

WordPressのユニークな使い方48種

「WordPressはハイエンドなCMSではないけど、単なるブログでもないよ。こんなこともできるんだよ」ということを紹介している記事を発見。 ↓ 48 Unique Ways To Use WordP …

no image

WordPress 2.9 リリース! 画像編集や動画埋め込みが簡単に!

去る12月19日、WordPress 2.9 がリリースされました(されてました)。 2.8.6 へのアップデートもまだだというのに。 もっとやきもきさせるのかと思いきや、意外とあっさり出たような気が …

no image

WordPressで作業中「このページから移動します。よろしいですか?」というメッセージが表示される

最近、WordPressで作業しているときにこんなメッセージ(アラーム)が表示されることがあります。 確認 このページから移動します。よろしいですか? 他のページへ移動すると編集データは破棄されます。 …

no image

WordPress 2.6 で画像を挿入したら横幅が自動的に500pxになってしまう問題の解決方法。

ググればすぐ見つかるんですけど、一応メモ。 WordPress 2.6.5 の環境でアップロードした画像を投稿記事に挿入したところ、なぜか横幅の最大値が 500px になってしまうということがありまし …

no image

WordPress 2.7 へのアップデートを促すメッセージの件。

数日前からWordPress 2.7 へのアップデートを促すメッセージが表示されていますね。 リンク先はまだ英語版なので、日本語版がリリースされるのはしばらく先なんでしょうけど。 ただ、いくつか管理し …