Cocoon 見出しの設定と変更!

無料テーマのCocoonではたくさんの見出しがあり、どう設定したらいいのか悩んでいるかと思います。

私はこれらの見出しボックスを使うことで月間3万PVを実現し、年間に100万円以上稼げるようになりました。

読者にとっても読みやすくなるとおもいますのでぜひつかってみてください。

カラーは今回は青を設定していますが、ほかの色にも簡単に変えることができます。

Cocoonの見出し ブロックから

アイコンボックス

テスト

案内ボックス

テスト

白抜き

テスト

付箋風

テスト

タブボックス

テスト

吹き出し

吹き出し

 テスト
 テスト

テスト

吹き出しEX(画像をクリックすると、画像を切り替えることができます。)

テスト

リンク用ボタン

検索窓

トグルボックス

テスト

タイムライン

テスト
  • テスト



    テスト


アイコンリスト

  • テスト
  • テスト
  • テスト

Cocoonの見出し 汎用ブロックから

見出しボックス

テスト

テスト

ラベルボックス

テスト

テスト

タブ見出しボックス

テスト

テスト

Cocoonの見出し マイクロコピーから

マイクロバルーン

テスト

 

まとめ

いかがだったでしょうか?

これらの見出しボックスを使って自分のサイトをおしゃれに構築してみてください。

Cocoonのカスタマイズは下記の記事を参考にしてください。

サムネイル画像のサイズを変更して統一する方法は下記の記事を参考にしてください。

アマゾンや楽天の見栄えのいい商品リンクの設定は下記の記事を参考にしてください。

この記事の執筆者:ユウ

IT企業に20年以上勤務。行ってきた仕事で奨励賞やGrand Awardを受賞。博士号取得。現在、マネージャーとして勤務し、外国企業とのやり取りを英語で行いながら開発を進めている。個人のサイト運営も20年ほど行っており、年に約100万円程度の収益のあるサイトに育てる。現在、クラウドシステムはアマゾンAWSを使用しており、AWSや役に立つサイト運営情報も発信中。AWSに関する情報発信ではグーグルトップページで表示。

副業
ユウカレッジ
タイトルとURLをコピーしました