• このエントリーをはてなブックマークに追加
00

はじめに

1週間遅れての DeLLa.JS のエントリを書いているときに,WordPressの投稿テキストエリアのフォントサイズって大きすぎね? と常々思ってきたものが爆発したので,カッとなってブックマークレットを書きました.

カッとなっていたので先人様の調査とかはしていません.

ブックマークレットの概要

WordPress (2.7) の投稿テキストエリアのフォントサイズと行数を好きにできます.

行数については 「設定 / 投稿設定」 でも変更できますが,まぁついでに,ということで.

使い方

次のブックマークレットを適当な場所に登録します.

WordPress の投稿ページで登録したブックマークレットを実行すると,フォントサイズ(ピクセル値)

01

...とテキストエリアの行数

02

...をそれぞれ順に尋ねられるので,好みの値を入れてください.きっと変化が訪れます.

ソースコード

ブックマークレットのソースコードは次のとおり.

1
javascript:(function(ta,fsz,row){fsz=prompt('font-size in px?',12)||12;row=prompt('rows?',30)||30;ta.style.fontSize=fsz+'px';ta.rows=row;})(document.getElementById( 'editorcontainer' ).firstchild);

複数行にすると次のような感じになります.

1
2
3
4
5
6
(function( ta, fsz, row ) {
  fsz = prompt( 'font-size in px?', 12 )  ||  12;
  row = prompt( 'rows?', 30 )  ||  30;
  ta.style.fontSize = fsz + 'px';
  ta.rows = row;
})( document.getElementById( 'editorcontainer' ).firstchild );

なお...

「リッチじゃないエディタ」モードについては試していません.

エラー対策もしていません.

おわりに

以上,WordPressの投稿テキストエリアのフォントサイズを変更するブックマークレットをカッとなって作りました.

毎回クリックするのはメンドイけど,「小さい字」派な方にはちょこっとだけ便利かもです.

WordPress 2.7 のように別窓(タブ)にプレビューしてくれるのであれば(2.1 ~ 2.6 を知りませんが><),一度変更してしまえばページを移動しない限り状態を保てますしね.

(「『小さい字』派」とは,テキストエディタとかに設定しているフォントサイズが自分では普通のつもりが,他の人に「字,小さいね~」とか言われる人たちのことを指したり指さなかったり.)

では,DeLLa.JS のエントリに戻るとします.