差分

468 バイト追加 、 2022年1月23日 (日) 07:08
ルビを隠す機能追加
1行目: 1行目:  
<noinclude>
 
<noinclude>
ルビ振り用のテンプレートです。<code><nowiki>{{RB|漢字|カタカナ}}</nowiki></code> と書くと、'''{{RB|漢字|カタカナ}}'''のように表記されます。
+
ルビ振り用のテンプレートです。
   −
IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: 0px;">漢字<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="width: 0; display: inline-block; overflow-x: clip; opacity: 0;">(</span>カタカナ<span style="width: 0; display: inline-block; overflow-x: clip; opacity: 0;">)</span></small></rt></span>'''のように表記されます。
+
==== 表示形式 ====
 +
<code><nowiki>{{RB|漢字|カタカナ}}</nowiki></code> と書くと、'''{{RB|漢字|カタカナ}}'''のようにルビを振ることができます。
   −
記事のプレビュー・目次などルビが振れられない所には'''漢字(カタカナ)'''のように表記されます。
+
記事のプレビュー・目次などルビが振れられない所には'''漢字(カタカナ)'''とルビは後付きの括弧の中に入れて表示されます。
   −
なお、漢字とそのルビごとコピーした場合、コピーされるテキストは(ルビ対応かどうかにもかかわらず)'''漢字(カタカナ)'''となります。
+
IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: 0px;">漢字<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="font-size: 0;">(</span>カタカナ<span style="font-size: 0;">)</span></small></rt></span>'''とルビは上付き文字にして表示されます。
   −
読み上げソフトを使用した場合、閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。
+
==== ルビを隠す ====
 +
<code><nowiki>{{RB|漢字|カタカナ|hidden=1}}</nowiki></code> と書くと、'''{{RB|漢字|カタカナ|hidden=1}}'''のようにルビは表示されませんが、ルビが振られているかのようにコピーアンドペーストや読み上げソフトに反映されます。同一ページにてルビを振るのを統一するのを推奨しますが、ルビが多過ぎて閲覧に影響を与えた場合に一部を隠すことができます。
   −
編集時は <code><nowiki><includeonly></nowiki></code>〜<code><nowiki></includeonly></nowiki></code> を変更してください。
+
==== コピーアンドペーストについて ====
 +
漢字とそのルビごとコピーした場合、コピーされるテキストは'''漢字(カタカナ)'''となります。ルビの表示形式にはかかわっていません。
 +
 
 +
==== 読み上げについて ====
 +
閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。
    
[[Category:記事テンプレート]]
 
[[Category:記事テンプレート]]
</noinclude><includeonly><ruby style="text-indent: 0px;">{{{1}}}<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="width: 0; display: inline-block; overflow-x: clip; opacity: 0;">(</span>{{{2}}}<span style="width: 0; display: inline-block; overflow-x: clip; opacity: 0;">)</span></small></rt></ruby></includeonly>
+
</noinclude><includeonly><ruby style="text-indent: 0px;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0;">({{{2}}})</rt>|#default=<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="font-size: 0;">(</span>{{{2}}}<span style="font-size: 0;">)</span></small></rt>}}</ruby></includeonly>
649

回編集