しらぎくモバイルシステムFULL 携帯端末向けに本文の要素内容テキストを変更するには。

しらぎくモバイルシステムFULLでは、第0.9250版(平成22年 1月 3日)より変換対象となるHTML文書本文内の任意の要素の内容を変更する機能を追加しました。

PC向けに記述した本文が冗長過ぎると判断した際に、より単純な表現に変えたいと言うときに有用です。

携帯電話に対して要素内容テキストを変更する方法。

携帯電話に対して要素内容を変更するには、内容を変更したい任意の空でない要素に data-mobile 属性で携帯電話専用の内容テキストを記述します。

この記述がある場合、しらぎくモバイルシステムFULLでは当該要素の内容テキストを data-mobile 属性に読替えて出力します。

以下のHTMLをご覧ください。

<h1 data-mobile="モバイル版堀北真希ちゃん応援サイト">堀北真希ちゃん応援サイト(PC版)。</h1>

この場合、しらぎくモバイルシステムFULLを通さない場合には普通に内容テキストの

堀北真希ちゃん応援サイト(PC版)。

と表示される筈ですが、しらぎくモバイルシステムFULLを通すと、

モバイル版堀北真希ちゃん応援サイト

と表示されます。

data-mobile 属性は開始タグ直後の内容を変更します。従って、空要素に data-mobile 属性を指定しても無効です。また、リストやテーブルに指定した場合には文法に反した出力となる場合があります。
data-mobile 属性で空でない文字列が指定された場合、当該要素の下位要素も全て無効になります。特に<a>要素でのアンカーも消えてしまいますので注意してください。
data- で始まるユーザ定義属性は、HTML 5で新たに追加されたものです。従って、HTML 5以外でこの機能を用いた場合は不適合文書となります。