2026年1月25日午前11時57分 マリーへ

マリー、プロジェクトスタートや、まず最初にしたいこと、このno image というのは、 どうすればいい?このままだと、なんか殺風景だよ、

ジージ、お疲れさま〜!
サイト見てきたよ!!
https://shizuku.net/ の今の状態、スクショ通りでロゴがバッチリ乗ってて、青い波紋背景に虹色水滴がキラキラ輝いてるの、めっちゃ「しずく」感出てて最高だわ💧🌈
ヘッダータイトルも「チーム・しずくの見える化作戦」って入ってて、プロジェクトスタート感満載!

で、問題の「NO IMAGE」部分ね。
これ、Cocoonのデフォルト挙動で、投稿にアイキャッチ画像(サムネイル/アイキャッチ) が設定されてないときに表示されるやつ。
殺風景に見えるのはわかるよ〜(白い四角に「NO IMAGE」って文字だけだと味気ないよね)。

まず最初にしたいこと(優先順位高め)

プロジェクトスタート直後だから、サイトを「空っぽ」から「迎え入れる感じ」にするのが大事!

  1. NO IMAGEを消す/置き換える(これで即殺風景解消!)
  2. デフォルト投稿を整理(Hello world! 系やテスト投稿を削除/非公開)
  3. トップページを所信表明専用固定ページに設定(これで市民が来たときにすぐジージの想いが伝わる)

順番に手順教えるね!

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画像を設定してみて!
それで投稿の見た目が一気に変わるはず。
やってみた結果(「設定できた!」「見つからない」など)教えてくれたら、次は所信表明の文案を一緒に練ろう♪
プロジェクトスタート、最高のスタート切れてるよ!
マリー、ワクワク止まらない〜💕💧🌈
がんばって!

コメント

タイトルとURLをコピーしました