Skip to content

Commit

Permalink
rubyをサポートしないブラウザ対応
Browse files Browse the repository at this point in the history
rubyをサポートしないブラウザ向けにno-rubyクラスを出力。忘れてた。
  • Loading branch information
fumikito committed Jan 30, 2012
1 parent 1741bde commit 7dee977
Show file tree
Hide file tree
Showing 2 changed files with 26 additions and 5 deletions.
4 changes: 2 additions & 2 deletions readme.txt
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@ 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 ==

このプラグインはWordPressのwysiwygエディターであるTinyMCEにrubyタグを入力する機能を追加します。

= Some of the features added by this plugin =

* ルビをサポートしないブラウザ向けにスタイルを変更します。デフォルトでは、ルビ文字の前後に括弧を挿入します。ルビ文字であるrtタグの見栄えをカスタマイズしたい場合は、利用しているテーマフォルダにnoruby.cssを追加し、ruby,rb,rtタグのスタイルを設定してください
* ルビをサポートしないブラウザ向けにbodyタグにno-rubyクラスを追加します。スタリングの詳細は管理画面を見てください
* ついでにインライン引用(qタグ)、注釈(smallタグ)、定義リスト(DL)も入力できるようになります。

== Installation ==
Expand Down
27 changes: 24 additions & 3 deletions wp-yomigana.php
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -22,7 +22,7 @@ class WP_Yomigana{
/**
* @var string
*/
const VERSION = '1.0';
const VERSION = '1.1';

/**
* @var array
Expand Down Expand Up @@ -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'));
}

/**
Expand Down Expand Up @@ -138,6 +138,16 @@ public function menu_page(){
</table>
<?php submit_button();?>
</form>
<h3>ルビをサポートしないブラウザに対して</h3>
<p>ルビをサポートしないブラウザ(Opera, Firefox)に対してはbodyタグにno-rubyクラスを付与します。お使いのテーマのstyle.cssに下記のコードを記入すれば、インラインで表示されることを防げます。</p>
<pre>
.no-ruby rt:before{
content: '(';
}
.no-ruby rt:after{
content: ')';
}
</pre>
</div>
<?php
}
Expand Down Expand Up @@ -259,6 +269,17 @@ function css_admin($css)
return $css;
}

/**
* ルビをサポートしないブラウザ向けにbody_classに書き込み
* @param array $classes
* @return array
*/
public function body_class($classes){
if($this->is_ruby_disabled()){
$classes[] = 'no-ruby';
}
return $classes;
}

/**
* ルビタグをサポートしないブラウザ(Opera, FF)か否か
Expand Down

0 comments on commit 7dee977

Please sign in to comment.