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

query_posts() を設定すると「WP-PageNavi」プラグインが正常に動作しなくなる件の解決法

アーカイブページが複数に分割されているとき、WordPress 標準の機能だけでは「次のページへ»」とか「«Prev」と表示するくらいしかできません。 しかし、「WP-Page …

no image

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

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

no image

WordPress で投稿の添付画像を取得・表示するためにテンプレートに書くプログラムなど。

以前、とある案件で WordPress を導入したとき、投稿の添付画像を表示する機能を導入しました。 ヒーヒー言いながら作ったことを思い出しますね……。 で、今回また別の案件で使うことになったので、そ …

no image

ファーストサーバにWordPressをインストールする方法(というか準備)

マニュアルに載っているような一般的な内容は省略して、「文字化け対策」とその周辺の情報に焦点を絞ってまとめてみます。 »WordPressのインストール方法 諸々のバージョンやら WordP …

no image

WordPress のビジュアルエディタにテーブル(表組み)の追加・編集機能を付ける方法。

WordPress に標準で付いているビジュアルエディタには、テーブルの編集機能はありません。 既存のテーブルをいじったりすることはもちろん、新規に追加することすら不可。 HTML でガシガシ組める人 …