cssでサイトタイトルのフォントサイズ変更するカスタマイズ例 2018.03.23 Cocoonの2・3カラムをタブレット幅（481～768px）では1カラムにはしないカスタマイズ方法 こちらの記事と、他のいろいろな記事をつなぎ合わせて、正しいと思うソースコードをstyle.cssに張り付けて、 ブログ初心者がブログの顔となるタイトル部分をカスタマイズに挑戦しました。今回は、Cocoonでタイトルのカスタマイズとして、フォントの種類やフォントサイズを変更することで、ブログのイメージを変える方法をご紹介します。 問題の解決になった参考記事 → ヘッダーのサイト名サイズとフォント変更について .
まとめると次の通り。 ヘッダー幅 < 1240pxの場合：画像の真ん中を中心に幅だけ変わる。 ヘッダー幅 > 1240pxの場合：途中から中央に向かって拡大し … コクーン（Cocoon) のヘッダー背景画像サイズ設定をしようと思ったら、画像サイズの指定が無い？、明らかに初期設定の800pxよりも大きいように思えるのだけど。初心者にはこれすら難しいハードルになってしまいました。それでも調べれば何とかなるものですね。 久しぶりのカスタマイズ記事です！テーマをStinger8からCocoonに変更してからは、テーマをカスタマイズする機会があまりありませんでした。というかデザイン等については、Cocoonがあまりに高機能だったので、さぼっていました(笑)そこ WordPressテーマ Cocoonの設定フォントを「源ノ角ゴシック（Webフォント）」から内蔵フォントの「游ゴシック体, ヒラギノ角ゴ」に変更してみました。これにより「PageSpeed Insights」などのスコア向上を目指します。 【WordPress】Cocoonのヘッダーメニュー簡単カスタマイズ集 ... でやりたい最低限カスタマイズ【サイドバー編】 2018.04.24 2018.11.08 【WordPress】無料テーマCocoonで好きなフォントを設定するカ … Cocoonヘッダー画像が幅によって表示が変わる様子.
Cocoonのテーマのブログタイトルの文字をカスタマイズしました。もともとヘッダー画像に文字を入れて作っていた場合、文字を変えるときにはその画像ごと変更する必要があります。それを、コードを使って簡単に変更できるようにしました。 WordPressの無料テーマ「Cocoon（コクーン）」でヘッダーにあるロゴを左寄りにして、キャッチフレーズに余白など入れてカスタマイズする方法を書きたいと思います。 WordPressテーマ Cocoonの設定フォントを「源ノ角ゴシック（Webフォント）」から内蔵フォントの「游ゴシック体, ヒラギノ角ゴ」に変更してみました。これにより「PageSpeed Insights」などのスコア向上を目指します。 こんにちは、さいとう（@S41T0H）です。今日も今日とて喫茶店でブログ執筆中です。ところで、サイコーなWordPress用無料テーマ「Cocoon」（→5ステップ簡単Cocoonコピペカスタマイズ公開中です）では、標準機能でWebフォント 有料級の無料テーマCocoon(コクーン)のカスタマイズ備忘録です。今回はヘッダーロゴの作成方法になります。ブログ名の「アラフォーフリーダム」の部分がヘッダーロゴです。シンプルすぎて気づかないかもしれませんが、実はこれ画像で作っています。ち Cocoonでは単純に、1つのヘッダーだけでなく、 ヘッダーとヘッダーロゴといった2種類の設定 することができます。 また、画像を設定しないで単色で好きな色の背景を設定するもよし！
Cocoonカスタマイズ！ヘッダーとメニューをオシャレにカスタマイズします。オシャレなだけでなく利便性も上げるためにヘッダーを固定し追尾するようにしました。コピペで簡単にできるようになってますのでぜひチャレンジしてみてください！
フォントの大きさが異常に小さすぎたり、読みにくかったりすると、いくらseoを最適化しようが訪問者は離脱やすくなり、検索順位も悪くなる可能性も高くなります。 とにかく読みやすいフォントとサイズに設定することをおすすめします。 【Cocoon】ヘッダーとロゴの適正サイズは？思った通りに設定する！まとめ. 超初心者やブログ始めたての人用の、Cocoonタイトルロゴのフォント変更方法です。超初心者用にわかりやすく画像付きで説明しています。設定しながら記事を書いたので、同じようにすれば確実に出来ますので、頑張って挑戦してみましょう。