フォントサイズ変更プラグイン
多くのサイトで見られる「フォントサイズ切り替え」ボタン。ユーザビリティ向上のためにいまや欠かせない手法となりましたね。早速このブログでも設置しました。 「フォントサイズ変更」や「文字サイズ変更」でググると、色々とスクリプトが紹介されていますが、今回は『WP-chgFontSize Wordpress plugin』というプラグインを使用してみました。 例のごとく、ダウンロードしたフォルダごとpluginsディレクトリにアップロードした後、有効化し設定を行います。あとはボタンを表示させたい部分に以下の一文を記述するだけ。
<?php chgfontsize_display_options(); ?>
ボタンに画像を使う場合も、最初からボタン画像が同梱されているので、何もしなくても使えますが、せっかくなので新たに画像を作ってCSSでカスタマイズしました。 設定画面については以下の通りです。
- DIV Base Element： サイズ変更の対象となるdivを指定（container・contentsなど）
- Font Size： 最小サイズ、最大サイズ、変更の間隔を単位なしで入力
- Units： 「Font Size」で入力した数値の単位を選択（ems / % / pixels）
- Default Font Size： フォントサイズの初期値
- Display Font Size Values as： テキスト表示か画像表示かを選択
- Display Restore Default Font Size ： 「Default（フォントサイズ初期化）」を表示する場合はチェック
今さらですが、プラグインって便利ですね。とってもラクチンでした。
WordPress2.7.1のWordPress Defaultテーマに設置しました。設定記述についてご質問ですが、このページであれば DIV Base Element：？ ？部分に何を記述されているのですか？また全てのページへ反映させる方法は？よろしくお願いいたします。
@tabata
このページでは、div#contentを対象にしているので、DIV Base Element：contentと入力しています。
「全てのページへ反映させる方法」の文意がいまひとつ分からないのですが、「ページ内全てのテキストに反映させたい」という意味であれば、もっとも外側のdiv#containerを対象にすれば良いのではないかと思います。借り物なので、私もあまり詳しくは分かりません、というのが正直なところですが。
Jayさん
tabataです。ご回答ありがとうございました。