Elementorで文字を縦書きにする方法

Elementorで文字を縦書きにする方法

Elementorを使っていて文字を縦書きにしたいと思ったことはありませんか?
実はかなり簡単にこれを実装できるんです。

Elementorのウィジェットを縦書きにするCSSを挿入

まずは次のCSSをサイトにいれてください。ElementorのサイトにCSSを入れる方法は6つあります。

.tategaki {
    writing-mode: vertical-rl;
}

見出しウィジェットにCSSクラスを追加

見出しウィジェットの高度な設定タブを開きます。

高度な設定タブをスクロールして、このCSS クラスのところに先ほどコピーしたtategakiをいれます。

Elementorで文字を縦書きにする方法

そうするとこのように文字が縦書きになります。

Naomi Suzuki

このサイトを運営してるナオミです。エンジニア歴13年、海外在住歴20年。
WordPressの情報やハッキングを防ぐ脆弱性の情報と自分の海外での生活の一部を無料のメルマガで配信しています。

目次

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通