Cocoonの見出しをかわいく!マステ風デザインでおしゃれにカスタマイズする方法

当サイトは、アフィリエイト広告を利用しています。
Cocoonカスタマイズ
読者さん

「Cocoonの見出し、もうちょっとおしゃれにできないかな?」

ここあ

シンプルすぎて、なんだか物足りないと感じること、ありますよね。

特に、副業ブログを運営していると、見出しのデザインひとつで読者の印象が変わります。

デフォルトの見出しのままだとシンプルすぎる…。

でも、CSSの知識がなくても大丈夫!

この記事では、Cocoonの見出しをかわいくカスタマイズする方法を紹介します。

特に、「マステ風デザイン」を取り入れることで、簡単におしゃれで統一感のあるブログに変身できますよ♪

この記事でわかること
  • 見出しをカスタマイズして、ブログをおしゃれにする方法
  • マステ風デザインを使って、統一感のあるブログにするコツ
  • 見出しのデザインを変えて、読者の滞在時間をアップさせる方法

副業ブログのデザインを整えることで、読者の滞在時間が増え、収益アップにつながることもあります。

ここあ

ブログの印象が変わると、アフィリエイトの成果にも影響が出るかも…♪

「Cocoonの見出しをもっとかわいく、おしゃれにしたい!」という方は、ぜひ参考にしてくださいね。

スポンサーサイト
目次

Cocoonの見出しをかわいくカスタマイズする方法

WordPressでブログを書いていると、「もう少し見出しをかわいくしたいな…」と思うことはありませんか?

特に看護師の副業ブログでは、読者にとって読みやすく、おしゃれなデザインが大切です!

今回は、無料テーマ「Cocoon」を使って、初心者でも簡単にできる見出しのカスタマイズ方法を紹介します♪

まずは、以下の目次から気になるステップをチェックしてみてください!

STEP1:Cocoonのデフォルトの見出しをリセット

まずは、Cocoonのデフォルトの見出しを確認してみましょう。

見出し
読者さん

シンプルすぎて、ちょっと物足りないかも…

ここあ

大丈夫! ここからかわいくカスタマイズしていきましょう♪

見出しをカスタマイズするには、まずデフォルトのスタイルをリセットします。

ただし、カスタマイズ前に必ずバックアップを取っておくことをおすすめします!

  • プラグインを使う(「UpdraftPlus」など)
  • サーバーのバックアップ機能を活用
  • カスタマイズ前のCSSをメモ帳に保存
ここあ

何か不具合が起きても、バックアップをとっておくと安心ですね♪

わたしは以下のサイトを参考にしました!

なお、H5・H6はほとんど使わないため、リセットせずにそのままにしました。

H2~H4をリセットすると、こんな感じになります!

STEP2:新しい見出しを選ぶ

次に、好きなデザインの見出しを選びます。

ここあ

いろいろな種類があって、選ぶのが楽しい♪

以下のサイトが参考になります。

ここあ

なかでもセロテープ風の見出しに惹かれちゃいました♪

H2,H3,H4の3つをどれにするかが決まったらあとは設定するだけ♪

STEP3:カラーを修正して設定

最後に、サイトの雰囲気に合うカラーに変更します。

直接スタイルシートにはらずに、メモ帳に書き出したものを修正しながら作業をしていきました。

ドキドキしながら更新すると・・・

ここあ

バッチリかわいく完成♪

セロテープ風は、薄めのカラーにするとマステ風になり、とっても可愛いくおすすめです♪

読者さん

マステ風見出しかわいいですね~

見出しをかわいくしたい!!

そう思われている方は、時間はけっこうかかりますが、出来上がったときの喜びは大きいです。

ここあ

かわいい見出しが完成♪

まとめ:見出しを変えるだけで、ブログの印象が大きく変わる!

今回は、Cocoonの見出しをかわいくカスタマイズする方法をご紹介しました。

この記事のポイント!
  • デフォルトの見出しをリセットして、カスタマイズしやすくする
  • マステ風デザインを取り入れて、おしゃれで統一感のあるブログに
  • 見出しのデザインを変えることで、読者の滞在時間をアップ

ブログの見出しを整えることで、記事全体がグッとおしゃれになり、読者にとっても見やすいブログになります。

ここあ

デザインが統一されると、ブログのブランディングにもなりますよ♪

さらに、副業ブログを運営しているなら、見出しを変えることで読者の滞在時間が増え、収益アップにつながる可能性もあります。

「もっと簡単におしゃれなブログを作りたい!」という方には、有料テーマのSWELLもおすすめです。

SWELLなら、最初からデザインが洗練されているので、カスタマイズ不要でおしゃれなブログが作れます。

実際にCocoonからSWELLに移行した人の体験談もチェックしてみてくださいね。

ここあ

デザインにこだわりたいなら、SWELLもチェックしてみてくださいね♪

にほんブログ村 病気ブログ 看護師・ナースへ
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次