【cocoon】サイトタイトルの文字サイズを変更

HTMLの画像 勉強

WordPressの「cocoon」テーマでブログを始めたけど、

  • 「サイトタイトルの大きさがデフォルトだと小さい」
  • 「サイトタイトルを変更したい」

という悩みをもったあなた向けに、
今回はcocoonのサイトタイトルの文字サイズを変更する方法を紹介します。

簡単に設定を変更できるので、ぜひ参考にしてみてください。

cocoonでサイトタイトルの文字サイズを変更する方法

まず、WordPressの設定画面を開きます。

cocoonのフォント設定画面

1.「外観」にカーソルを合わせて、「テーマエディター」をクリックする。

cocoon-fonts

2. 「テーマエディター」をクリック後、「Cocoon Child: スタイルシート (style.css)」が開く。
3. その右側の「テーマファイル」の「スタイルシート」をクリックする。
4. 「Cocoon Child: スタイルシート (style.css)」の下にスクロースすると「子テーマ用のスタイルを書く」とい記述が現れる。

cocoonのフォント設定3

5. 下記のHTMLをコピペして、「/*サブタイトル*/」の下に貼り付ける。
6. 「ファイルを更新」をクリックして完了。

.site-name-text-link {
font-size: 40px;
}

これで[wordpressのテーマ【cocoon】でサイトタイトルのサイズを変更する方法』の解説は終了です。

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