WordPress縦書き

WordPress

■参照先

h2vR.js - WordPressへの設置 - チュートリアル - tategaki.info

■使い方

<div class="h2vr_15" style="font-size:25px; line-height:1.8em;background:pink">
一行あたり十文字の設定です。<br />
縦書き領域の横幅をスタイルシートで200ピクセルに設定しています。<br />
クラス h2vr_singleが追加設定されているので、縦書き変換後の文字列がこの<ruby><rb>新垣結衣</rb><rt>あらがきゆい</rt></ruby>横幅を超える場合にはスクロールバーが表示されます。
</div>
一行あたり十文字の設定です。
縦書き領域の横幅をスタイルシートで200ピクセルに設定しています。
クラス h2vr_singleが追加設定されているので、縦書き変換後の文字列がこの新垣結衣あらがきゆい横幅を超える場合にはスクロールバーが表示されます。

いろいろな表現

h2vR.js - いろいろな表現 - チュートリアル - tategaki.info
WordPressの記事を縦書き表示するプラグイン!小説同人サイトに便利なh2vRを設置する方法! | 自作PCテクニカルセンター
小説や同人サイトを構築するには絶好のプラグインだと思います。ショートコードには少しだけ設定を実装しているので、比較的簡単に「縦書き」表示が可能になっています。機能としてはheadタグ内にh2vRのjsとcssを追記させて、記事内に専用のショートコードを記述するだけで使用可能です。

コメント

タイトルとURLをコピーしました