From 7dee977ea64885119d43eeb98c05ecb34ad414a0 Mon Sep 17 00:00:00 2001 From: Takahashi Fumiki Date: Tue, 31 Jan 2012 04:08:45 +0900 Subject: [PATCH] =?UTF-8?q?ruby=E3=82=92=E3=82=B5=E3=83=9D=E3=83=BC?= =?UTF-8?q?=E3=83=88=E3=81=97=E3=81=AA=E3=81=84=E3=83=96=E3=83=A9=E3=82=A6?= =?UTF-8?q?=E3=82=B6=E5=AF=BE=E5=BF=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit rubyをサポートしないブラウザ向けにno-rubyクラスを出力。忘れてた。 --- readme.txt | 4 ++-- wp-yomigana.php | 27 ++++++++++++++++++++++++--- 2 files changed, 26 insertions(+), 5 deletions(-) diff --git a/readme.txt b/readme.txt index c7ede56..65dc69d 100644 --- a/readme.txt +++ b/readme.txt @@ -3,7 +3,7 @@ Contributors: Takahashi_Fumiki Tags: wysiwyg, formatting, tinymce, write, edit, post Requires at least: 3.0 Tested up to: 3.2.1 -Stable tag: 1.0 +Stable tag: 1.1 == Description == @@ -11,7 +11,7 @@ Stable tag: 1.0 = Some of the features added by this plugin = -* ルビをサポートしないブラウザ向けにスタイルを変更します。デフォルトでは、ルビ文字の前後に括弧を挿入します。ルビ文字であるrtタグの見栄えをカスタマイズしたい場合は、利用しているテーマフォルダにnoruby.cssを追加し、ruby,rb,rtタグのスタイルを設定してください。 +* ルビをサポートしないブラウザ向けにbodyタグにno-rubyクラスを追加します。スタリングの詳細は管理画面を見てください。 * ついでにインライン引用(qタグ)、注釈(smallタグ)、定義リスト(DL)も入力できるようになります。 == Installation == diff --git a/wp-yomigana.php b/wp-yomigana.php index 7ae5dbb..126ffe1 100644 --- a/wp-yomigana.php +++ b/wp-yomigana.php @@ -3,7 +3,7 @@ Plugin Name: WP-Yomigana Plugin URI: http://github.com/fumikito/WP-Yomigana Description: TinyMCEでルビを入力できるようにします。 -Version: 1.0 +Version: 1.1 Author: Takahashi Fumiki Author URI: http://takahashifumiki.com @@ -22,7 +22,7 @@ class WP_Yomigana{ /** * @var string */ - const VERSION = '1.0'; + const VERSION = '1.1'; /** * @var array @@ -52,7 +52,7 @@ public function __construct(){ //TinyMCEの設定 add_action('init', array($this, 'init')); //各種フィルター - add_filter('', array($this, 'body_class')); + add_filter('body_class', array($this, 'body_class')); } /** @@ -138,6 +138,16 @@ public function menu_page(){ +

ルビをサポートしないブラウザに対して

+

ルビをサポートしないブラウザ(Opera, Firefox)に対してはbodyタグにno-rubyクラスを付与します。お使いのテーマのstyle.cssに下記のコードを記入すれば、インラインで表示されることを防げます。

+
+			.no-ruby rt:before{
+				content: '(';
+			}
+			.no-ruby rt:after{
+				content: ')';
+			}
+		
is_ruby_disabled()){ + $classes[] = 'no-ruby'; + } + return $classes; + } /** * ルビタグをサポートしないブラウザ(Opera, FF)か否か