【cocoon】サイトタイトルの正しい文字フォントの大きさ変更

 

　cocoonのサイトタイトルの文字の大きさを変更したい・・。よくあることです。

そこで今回は、cocoonのサイトタイトルの文字の大きさ変更についてご説明します。

 

 

cocoonのデフォルトのサイトタイトルだと小さい

　simplicityからcocoonにテーマを変更。そして、サイトタイトルを見てみる。なんとなく、デフォルトだと小さく感じる・・。

そこで、cocoonのサイトタイトルの文字の大きさを、もう少し大きくしたいと思いました。

 

　－PR－

 

 

cocoonのサイトタイトルの悩みはよくあること

　僕のcocoonの小さな悩み、「サイトタイトルのフォント変更」ですが、よくあることです。

この問題で、ネットで調べてサイトタイトルの文字の大きさ変更、フォント変更をしたのですが、簡単にはいきませんでした。

 

 

 

今後の備忘録

　cocoonでサイトタイトルの文字の大きさを変更したい。よくあることです。

でも、ネット上で簡単にわかりやすい説明がありませんでした。

　そこで、備忘録として残しておこうと思いました。僕と同じ問題を抱えている人の参考にしてください。

 

スポンサーリンク

 

修正したが無反応だった

　たぶんですが、cocoonでサイトタイトルの文字の大きさを変更したい。そこでググってみる。そうすると、この記事にぶつかると思います。

 

参考記事
　→　サイトタイトルの文字の大きさを変える方法について | カスタマイズ相談 | Cocoon フォーラム

 

cocoonのフォーラムの回答記事なので、これでサイトタイトルの文字の大きさを変更できると思いやってみました。

ちなみに、以下のソースコードを子テーマのstyle.cssに追記すれば、サイトタイトルのフォント変更ができるとのことでした。（フォーラムの回答によれば）

 

■ソースコード

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

 

　このコードをstyle.cssに追記したのですが、サイトタイトルの文字の大きさが変わりませんでした。

　というか、無反応でした。そのことから、このソースコードでは、サイトタイトルのフォント変更、文字の大きさ変更はできないと判断しました。

 

それとも、僕の解釈不足、理解不足なのかなと思いました。

いずれにしても、上記のソースコードでは、サイトタイトルのフォント変更はできませんでした。

 

　－PR－

 

イラっとした

　なんとなく、「なぜできないんだ？」とイラっとしました。けっこう簡単な問題で、よくある問題なのに、なんでできないのと思いました。

　そして、端的に簡単で分かりやすい説明記事がありませんでした。なので、サイトタイトルのフォント変更するのに苦労しました。

 

 

フォント変更で参考になった記事

　以前、cocoonの設定でわからないことがあり、フォーラムに質問しました。そして、僕の小さな質問に「かうたっく」さんが親切に答えてくれました。

　今回も「かうたっく」さんの回答が参考になりました。ありがとうございます。

 

問題の解決になった参考記事
　→　ヘッダーのサイト名サイズとフォント変更について

 

こちらの記事と、他のいろいろな記事をつなぎ合わせて、正しいと思うソースコードをstyle.cssに張り付けてみました。

そうしたら、正常にサイトタイトルのフォント変更ができました。やっと解決しました。

 

 

サイトタイトルをフォント変更する正しいソースコード

　cocoonのサイトタイトルの文字の大きさ、フォント変更をしたい。そのようなときは、style.cssに以下のソースコードを張り付けてください。

 

　そうすれば、サイトタイトルの文字の大きさを変更できます。

（少なくとも僕は、これでサイトタイトルのフォント変更ができました。文字の大きさを変更できました）

 

■ソースコード

 

 

（フォントの大きさ、数値の設定は個人に任せます）

 

■変更前のイメージ

 

■変更後のイメージ

 

cocoonの関係者に文句は言わない

　cocoonでサイトタイトルの文字の大きさを変更したい。

たぶん、cocoonの設定のどこかを少し変更するか、style.cssにコードを追記すれば、フォント変更はできるとは予想してました。

 

　でも、的確に簡単に誰にでも、わかりやすく書かれた記事がなく困りました。フォーラムの回答も、あっているのかなと疑問に思いました。

それとも、自分のとらえ方が間違っているのかな？

 

　まあ、cocoonのサイトタイトルの文字の大きさを変更したいだけだったのに、けっこう苦労しました。

　でも、僕は文句は言いません。無料でこんなに素晴らしいテーマを使わせていただいてるのですから・・

 

 

まとめ

　cocoonでサイトタイトルの文字の大きさを変更したい。そのようなときは、僕が説明したやり方で変更してみてください。できるはずです。

　cocoonで僕と同じような悩みがある人の解決、参考になればと思います。

 

 

●最後まで読んでいただきありがとうございました。

 

おしまい