サイト型トップページの作り方を公開しています!

Cocoonカスタマイズ

Cocoonカスタマイズ

Cocoon見出しボックスをおしゃれにカスタマイズ|選べるデザイン&リストマーカー色も自動調整

Cocoonの「見出しボックス」をおしゃれにカスタマイズしたい方へ。今回紹介するカスタマイズでは、Cocoon標準の「見出しボックス」をベースに、シンプル・影付...
Cocoonカスタマイズ

Cocoonブログカードをカスタマイズ|12種類のデザイン切替と組み合わせで回遊率を上げる方法

Cocoonブログカードがクリックされない原因を解決。CSSで12種類のデザインに切り替え、関連記事・おすすめ記事・まとめ枠を最適化することで回遊率アップにつなげるカスタマイズ方法です。
Cocoonカスタマイズ

Cocoonラベルボックスのカスタマイズ方法|CSSコピペでおしゃれにするデザイン例

Cocoonのラベルボックスは便利ですが、ラベルの後ろに線が見えて少し野暮ったい長いラベルだとスマホで崩れやすいデザインのバリエーションが少なく使い分けしづらい...
Cocoonカスタマイズ

【Cocoon】カラーパレットの色を自由に変更・追加する方法

ブロックエディタ(Gutenberg)では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色は自分のサイトに合わ...
Cocoonカスタマイズ

Cocoonで自作CTAボックスを作る方法|複数ボタンにも対応(簡単)

Cocoon標準のCTAボックスは手軽ですが、ボタンは1つだけでレイアウトも固定です。商品紹介やアフィリエイト記事では、複数の申込先を並べたい商品画像も一緒に見...
Cocoonカスタマイズ

Cocoon FAQブロックを見出し(H3)にする方法|目次に表示させるカスタマイズ

CocoonのFAQブロックは便利ですが、実際に記事を書いていると、FAQが目次に出ない長文記事だと埋もれてしまうせっかくFAQを書いても読まれにくいと感じるこ...
Cocoonカスタマイズ

Cocoonトップページ作成ガイド(サイト型)|HTML・ブロック2つの方法を比較して解説

Cocoonでブログを作っていると、「トップページがなんだか普通…」「もっとサイトっぽくしたい」「おしゃれなトップページに憧れる」と感じることがあるかと思います...
Cocoonカスタマイズ

Cocoonテーブル(表)の中にリンクボタンを置く方法|簡単・視認性アップでクリック率も向上

比較表・料金表・アフィリエイト表などを、もっと見やすく・わかりやすくしたい!そんなときに便利なのが「表の中にリンクボタンを設置する方法」です。WordPress...
Cocoonカスタマイズ

Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ

Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
Cocoonカスタマイズ

Cocoon目次が見切れる原因と解決方法|サイドバー追従目次をスクロール対応にするCSS

Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
Cocoonカスタマイズ

Cocoonで投稿日・更新日を表示する方法|ウィジェットで新着・人気記事に日付を追加

Cocoonで新着記事・人気記事に「投稿日・更新日」を表示したい方へ。この記事では、表示方法ごとの違い(CSSが必要かどうか)コピペで使える基本CSS表示位置や...
スポンサーリンク