縦書きモード-Volar2

縦書きモード-Volar2

SIRIUS2テンプレート【Volar2】では和風の印象を高める縦書きモードを搭載してます
 

アイキャッチ画像

【Volar2】には和風サイトでよく見かける<縦書きモード>機能を搭載してます。(※PC&タブレット表示時のみ)


基本設計

【Volar2】で用意している2個の縦書き用モジュールを挿入します。

そのエリア内に記されたテキストだけが縦書きで表示されます。

(テキストは普通に横書きでの編集で問題なし)

 

キャプチャ画像

 

  • デフォルトでは①半角英数字は横書きになりますが、②全角英数字はそのまま縦書きでの表示になります。
  • ただし縦書き用スタイルの1ヵ所を修正するだけで④半角英数字も縦書きでの表示に変更できます。
  • 縦中横たてちゅうよこの設定を付加した英数字は縦横モードに限らず必ず縦書きになります。
  • スマホでは横書きに自動変換されます。

縦中横

縦書きの中で英数字を1文字分の高さで横書きに配置すること。

キャプチャ画像

上の画像のスマホでのキャプチャ画像ですが、テキストは(縦書き表示と同じ)見た目通りの改行になってます。

しかしながら通常は(スマホでは)改行が外れて改行されずに続けて表示されます。

 

キャプチャした画像は”スマホでも改行”の設定を付けてるので画像のようなレイアウトになってます。(念のため)

 

デモが『テンプレート(和モダン)再現』サイトでご覧いただけます。(※スマホでは横書き表示です)