■ 当メディアの記事は、広告による収益を得ています。

cocoonでヘッダーのタイトル文字サイズ変更が簡単にできる!

ナミさん
はぁ~、cocoonでヘッダーの文字サイズを変えたいな…。でも、やり方わからないからおしえてasuhare!

 
asuhare
了解、ナミさん。
今回は、「cocoonでヘッダー文字サイズ変更の簡単なやり方」を詳しく説明するね!

ナミさん
頼りにしてる!

 
asuhare
まかせて!それじゃ始めるね。
この記事でわかること
  • cocoonでタイトルをカスタマイズ
  • ヘッダーの文字サイズ変更やり方
  • cocoonタイトルフォント変更

上記を学べるから、参考にしてね!

悩み解決!

初心者の方でも簡単にできますので、安心してくださいね。

関連記事

ナミさん 『cocoonでヘッダーのタイトルを非表示できないの?』     asuhare 簡単にできちゃうよ!wordpressテーマのcocoonカスタマイズで「ヘッダータイトル非表示のやり方」紹介するね。   […]

この記事を書いているぼくは、

こんな人です。

こんなひとです。

それではぜひじっくりと、最後までご覧ください。

『cocoonでヘッダーの文字サイズ変更のやり方』を説明していきます。

cocoonでヘッダーのタイトル文字サイズ変更方法|手順

cocoonカスタマイズ|タイトルのフォントサイズ変更のやり方

それでは、

cocoonでヘッダーのタイトルの文字サイズ変更のやり方をはじめますね。

cocoonでヘッダーのタイトル文字サイズ変更方法 STEP1|wordpress(ワードプレス)のダッシュボード画面を表示

  1. 【外観】にカーソルを合わせる。
  2. 【テーマエディター】をクリック
cocoonカスタマイズ|wordpress(ワードプレス)のダッシュボード画面を表示
 
 

cocoonでヘッダーのタイトル文字サイズ変更方法 STEP2|テーマ編集画面に移動【Cocoon Child: スタイルシート (style.css)】が現れます。

  1. 右側の【スタイルシート】をクリック
  2. 【Cocoon Child: スタイルシート (style.css)】が表示される
  3. 下にスクロースすると【子テーマ用のスタイルを書く】が現れる
cocoonカスタマイズ|テーマ編集画面に移動【Cocoon Child: スタイルシート (style.css)】が現れます。
 
 

cocoonでヘッダーのタイトル文字サイズ変更方法 STEP3|CSSをコピペ

/*サイトタイトルここから*/
.site-name-text-link {
font-size: 40px;
}
/*サイトタイトルここまで*/
  1. 上記のCSSをコピー
  2. 【子テーマ用のスタイルを書く】のすぐ下にペースト
  3. 最後に【ファイルを更新】をクリック
cocoonカスタマイズ|CSSをコピペ


 
asuhare
cocoonカスタマイズでタイトルのフォントサイズ変更のやり方は終わりです。カンタンでしょ^^

ナミさん
とっても簡単ね!asuhareありがと!さっそくやってみるね^^

 

 
asuhare
うん、挑戦してみて!ところでナミさん、ブログ運営してるならプロフィール画像やアイコンはどうしてる?コメント
 
 
ナミさん
うん、、、、そこまで出来てないっていうか…。まだそんな感じなのだ。
 
 
asuhare
そっかそっか、ヒマできたらちょっと下の記事でものぞいてみて。プロフィール画像やアイコン作りの参考になるかもよ。それじゃまた^^;



関連記事

知りたい人 インスタやTwitterのプロフィールで使える画像やアイコン教えてよ。   asuhare 了解!ここで紹介するのは、SNSで利用可能なアイコンや画像なので安心して!もちろん無料で、商用利用可能。アイコンの[…]


ナミさん
そうね!あとで、見てみるね。asuhare今回もありがとでした^^

cocoonでヘッダーのタイトル文字サイズ変更が簡単にできる! まとめ

cocoonでヘッダー文字サイズ変更 まとめ

今回は、「cocoonでヘッダーのタイトル文字サイズ変更の簡単なやり方」を紹介しました。

重要ポイント、

  • cocoonでヘッダーのタイトルフォントサイズ変更のやり方がわかれば無駄な時間をかけなくてすむ

こんな感じ。

慣れてしまえば簡単なので、ぜひ何度も試してみて^^

ワードプレステーマcocoonは、やっぱり使いやすくて良いですね♪

ではではまた。asuhareでした。

オリジナリティあふれるブログにはオリジナルアイコンがおすすめですよ
 
asuhare
↙アイコン作るならココナラをおススメします。実際に作ってもらったアイコンです!2~3時間、2回ぐらいのやり取りで完成。かっこいいでしょ。
asuhare
以前は、こんな感じ→

>>【会員登録無料】かっこいいプロフ作るなら似顔絵画像から|TV CMで話題のココナラ!