こんにちは。いーかです。
できたところまででOK。今日は「ここまで進んだ」が成果です。
この記事はなに？
Cocoonでヘッダーをいじってると、
- タイトルが出ない
- キャッチフレーズが見えない／位置が変
- 文字サイズを大きくしたい
- ロゴ画像を入れたら文字が消えた
- 設定したのに反映されない
…みたいに詰まりがち。
この記事では 「表示させる」「位置を整える」「文字を大きくする」 を最短でできるようにまとめます。
先に結論：Cocoonは「表示設定」と「ロゴ画像の影響」で挙動が変わる。順番に直せば必ず戻る。
まず確認：タイトルとキャッチは“基本設定”が土台
WordPress → 設定 → 一般
- サイトのタイトル
- キャッチフレーズ
ここが空だと、そもそも出ません。
設定が見つからない人へ（ここ重要）
Cocoonは環境によって「どこで設定するか」が少し違います。
- まず：外観 → カスタマイズ
- 見つからなければ：管理画面左メニューの Cocoon設定 も探す
- スキン（見た目）によって 項目名が違うことがあります
でもやることは同じで、基本はこの3つ：- 表示ON/OFF
- 位置（上/下/中央）
- 文字サイズ（大/小）
症状別：最短で直す（ここだけ見ればOK）
症状A：タイトルが出ない
原因はこのどれかが多いです。
- ヘッダー表示が「ロゴのみ」寄り
- ロゴ画像を入れてタイトル表示が抑制されてる
- カスタマイザー側で文字表示がOFF相当
対処（ラク順）
- 外観 → カスタマイズ を開く
- Cocoonの ヘッダー/サイトタイトル 関連設定へ
- 「サイトタイトルを表示」系があれば 表示にする
- それでも出ない時は、いったん ヘッダーロゴ画像を外して確認（原因切り分けが最速）
「ロゴを消したらタイトルが出た」なら、ロゴ設定が原因。次の症状Cで仕上げよう。
症状B：キャッチフレーズが上に出る／見えない
これは「表示位置」や「重なり」で起きやすいです。
対処
- 外観 → カスタマイズ → Cocoon設定
- ヘッダー/タイトル周りで
- キャッチフレーズ表示
- 表示位置（上/下）
を探して “下”に寄せる設定にする
- 背景画像に埋もれるなら
- 文字色（白など）
- 影（シャドウ）
- 背景の暗さ（オーバーレイ）
のどれかで見やすくする
症状C：タイトル文字を「大きく」「中央」「白」にしたい
パターン1：カスタマイザーでできる範囲（簡単）
外観 → カスタマイズ →（ヘッダー/サイトタイトル周り）で
- 位置：中央
- フォントサイズ：大きめ
- 文字色：白
があれば、それでOK。
パターン2：CSSで確実に仕上げる（最強・コピペ例）
外観 → カスタマイズ → 追加CSS（または Cocoon設定 → 追加CSS）へ
※環境で効く/効かないがあるので「まず試す」用。
/* サイトタイトルを中央・大きめ・白（効かなければスクショで調整します） */
.site-name,
.site-title {
text-align: center;
font-size: 2rem;
color: #fff;
}
/* キャッチも白で見やすく */
.site-description {
text-align: center;
color: #fff;
}
もし効かない場合は、ヘッダー部分のスクショ1枚で「城専用CSS」にして渡せる。
反映されない時（ここで止まる人が多い）
設定したのに変わらない時は、だいたいキャッシュです。
対処（ラク順）
- シークレットウィンドウでサイトを見る（まずこれが早い）
- ブラウザのキャッシュを削除
- キャッシュ系プラグインがあれば一時停止/削除
- それでもダメなら、スキン差・ヘッダー構造差なのでスクショで最短調整
うまくいかない時の鉄則：原因を切り分ける
- ロゴ画像を一度外す
- タイトルとキャッチが出る状態に戻す
- そこからロゴを戻して調整する
この順番が最短です。
30秒まとめ
- タイトル/キャッチは「基本設定＋表示設定」が土台。
- 出ない時はロゴ画像が原因のことが多い。
- 反映されない時はキャッシュ（シークレット確認が最速）。
今日の1アクション
ヘッダーにロゴを入れる前に、まず タイトル＋キャッチが表示される状態を作って保存する。
コメント