グローバルメニューを縦書きにしたい…
今回は、WordPressテーマ:SWELLでメニューを縦書き表示にする追加CSSをご紹介します。
目次
メニューの縦書き
サイトを作成する際に、メニューの文字を縦書きにすると和風な感じになりますよね。
メニューを縦書きにする追加CSS
「外観」→「カスタマイズ」→「追加CSS」に下記CSSを追加してください。
そのままコピペOK!
/*メニューを縦書き*/
.c-gnav>.menu-item>a .ttl {
writing-mode: vertical-lr;
padding: 20px;
}
.c-gnav>.menu-item>a {
justify-content: normal;
}
以上で、メニューの縦書き設定は完了です。
まとめ
今回は、WordPressテーマ:SWELLでのメニューの縦書き表示設定の方法をご紹介させていただきました。
様々なカスタマイズをして、サイトの雰囲気をお好みに変更してみてください!
~本日も最後までお読みいただき、ありがとうございました!~