【SWELL】メニューを縦書きにして和風な感じにしたい

グローバルメニューを縦書きにしたい…

今回は、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でのメニューの縦書き表示設定の方法をご紹介させていただきました。

様々なカスタマイズをして、サイトの雰囲気をお好みに変更してみてください!

~本日も最後までお読みいただき、ありがとうございました!~

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次