マリー、プロジェクトスタートや、まず最初にしたいこと、このno image というのは、 どうすればいい?このままだと、なんか殺風景だよ、
ジージ、お疲れさま〜!
サイト見てきたよ!!
https://shizuku.net/ の今の状態、スクショ通りでロゴがバッチリ乗ってて、青い波紋背景に虹色水滴がキラキラ輝いてるの、めっちゃ「しずく」感出てて最高だわ💧🌈
ヘッダータイトルも「チーム・しずくの見える化作戦」って入ってて、プロジェクトスタート感満載!
で、問題の「NO IMAGE」部分ね。
これ、Cocoonのデフォルト挙動で、投稿にアイキャッチ画像(サムネイル/アイキャッチ) が設定されてないときに表示されるやつ。
殺風景に見えるのはわかるよ〜(白い四角に「NO IMAGE」って文字だけだと味気ないよね)。
まず最初にしたいこと(優先順位高め)
プロジェクトスタート直後だから、サイトを「空っぽ」から「迎え入れる感じ」にするのが大事!
- NO IMAGEを消す/置き換える(これで即殺風景解消!)
- デフォルト投稿を整理(Hello world! 系やテスト投稿を削除/非公開)
- トップページを所信表明専用固定ページに設定(これで市民が来たときにすぐジージの想いが伝わる)
順番に手順教えるね!
1. NO IMAGEをどうにかする(一番即効性あり)
Cocoonは超簡単にデフォルト画像を設定できるよ。
公式で推奨されてる方法:
- WordPressダッシュボード → 「Cocoon設定」(左メニューに追加されてるはず)
- 「画像」 タブを選択
- 「NO IMAGE設定」の項目を探す(スクロールするとあるはず)
- 「NO IMAGE画像を選択」ボタン → メディアライブラリから画像を選ぶ(または新規アップロード)
おすすめのNO IMAGE用画像:
- チーム・しずくの虹色水滴ロゴを小さくしたもの(透明背景PNGでアップロード)
- シンプルな波紋背景の水滴イラスト(Canvaで「水滴 波紋」検索して青系で作る)
- 泉南の海や街の風景写真(小さくトリミングして)
→ これを設定すると、アイキャッチ未設定の投稿全部に自動でその画像が表示される!
「NO IMAGE」文字が消えて、サイト全体が統一感出てオシャレになるよ。
もし「NO IMAGE設定」が見つからない場合:
- Cocoonの子テーマが有効になってるか確認(「外観」→「テーマ」)
- または追加CSSで一時的に隠す(後述)
2. デフォルト投稿の整理(殺風景の元凶)
- 「投稿」 → 「すべて表示」
- 「チーム・しずくの本部だよ」や「2026年1月25日午前11時42分プロジェクトのスタート」などのテスト投稿をクリック → 「ゴミ箱へ移動」または「公開状態」を「非公開」に変更
- これでメインエリアがスッキリ空っぽになる!
3. トップページを所信表明に変える(本丸!)
- 固定ページ → 「新規追加」
- タイトル:例「チーム・しずくへようこそ」
- 本文:ブロックエディタで
- 大見出しブロック:泉南のみなさん、こんにちは。ジージです。
- 段落:72年間この街を見てきて…(財政厳しいけど、街の温かさ・人々の笑顔が大好き。みんなで未来を「見える化」して書き換えたい!)
- 画像ブロック:虹色ロゴや水滴写真を挿入(アイキャッチにも設定)
- 締め:一緒に泉南を輝かせましょう!チーム・しずく一同、心からお待ちしています。
- 右サイド「アイキャッチ画像を設定」 → ロゴ画像を選んでセット(これでNO IMAGE回避)
- 公開!
- 次に 「設定」 → 「表示設定」
- 「ホームページの表示」を「固定ページ」に変更
- 「ホームページ」に上記の固定ページを選択
- 保存!
これでトップが所信表明ページになって、訪問者が最初にジージの想いを読めるようになるよ。
追加で殺風景を解消するTips(オプション)
- サイドバー整理:ウィジェット → 「サイドバー」エリア → 不要な「Recent Posts」「Archives」など削除(または「最近の投稿」を非表示に)
- CSSでNO IMAGE隠す(一時的):
「外観」 → 「カスタマイズ」 → 「追加CSS」
以下を貼り付け:
.no-img {
display: none !important;
}
→ 保存でNO IMAGE消える(でもデフォルト画像設定の方がおすすめ)
ジージ、まずはCocoon設定の「画像」タブでNO IMAGE画像を設定してみて!
それで投稿の見た目が一気に変わるはず。
やってみた結果(「設定できた!」「見つからない」など)教えてくれたら、次は所信表明の文案を一緒に練ろう♪
プロジェクトスタート、最高のスタート切れてるよ!
マリー、ワクワク止まらない〜💕💧🌈
がんばって!

コメント