WordPressコンテンツ管理ガイド¶
このドキュメントは、WordPress管理画面でコンテンツを作成・編集する際の手順とベストプラクティスを説明します。
対象読者¶
- コンテンツ管理者
- マーケティング担当者
- 運営チーム
コンテンツタイプ一覧¶
このプロジェクトでは、以下の3つのコンテンツタイプを使用します：
- お知らせ（Announcement）: サイト全体のお知らせ
- キャンペーン（Campaign）: プロモーションキャンペーン
- Heroスライド（Hero Slide）: ホームページのヒーローセクション
お知らせ（Announcement）の管理¶
作成手順¶
- WordPress管理画面にログイン
- 投稿 → お知らせ → 新規追加
- 以下の項目を入力：
- タイトル: お知らせのタイトル（必須）
- 本文: お知らせの内容
- 公開設定: 公開日時を設定（必要に応じて）
カスタムフィールド（ACF）¶
フィールドグループ: Announcement Meta
isFeatured（フィーチャー済み）¶
- タイプ: True/False
- 説明: このお知らせをサイト上部に固定表示するかどうか
- 設定値:
true: サイト上部のバナーに表示false: 通常のお知らせ一覧のみに表示
使用例:
- 重要なメンテナンス通知
- 緊急のお知らせ
- 新機能の告知
relatedLink（関連リンク）¶
- タイプ: URL
- 説明: お知らせに関連する詳細ページのURL
- 設定例:
/announcements/123または外部URL
ベストプラクティス¶
- フィーチャー済みお知らせは最大5件まで
- サイト上部のバナーは複数表示されるため、重要度の高いもののみ設定
-
古いお知らせは
isFeaturedをfalseに変更 -
公開日時を適切に設定
- 未来の日時に設定すると、指定時刻まで非公開
-
過去の日時に設定すると、すぐに公開
-
タイトルは簡潔に
- バナー表示時は長いタイトルが省略される可能性がある
- 50文字以内を推奨
キャンペーン（Campaign）の管理¶
作成手順¶
- WordPress管理画面にログイン
- 投稿 → キャンペーン → 新規追加
- 以下の項目を入力：
- タイトル: キャンペーン名（必須）
- アイキャッチ画像: キャンペーンの画像（推奨）
- 公開設定: 公開日時を設定
カスタムフィールド（ACF）¶
フィールドグループ: Campaign Meta
order（表示順序）¶
- タイプ: Number
- 説明: キャンペーンの表示順序（小さい順）
- 設定例:
1: 最初に表示2: 2番目に表示10: 最後に表示
image（キャンペーン画像）¶
- タイプ: Image
- 説明: キャンペーン専用の画像（アイキャッチ画像より優先）
- 推奨サイズ: 1200x600px（アスペクト比 2:1）
- 推奨フォーマット: WebP, JPEG, PNG
ベストプラクティス¶
- 表示順序を適切に設定
- 重要なキャンペーンは小さい数字（1, 2, 3）
-
同じ数字を設定した場合は、公開日時の新しい順
-
画像の最適化
- ファイルサイズは500KB以下を推奨
-
WebP形式を使用するとファイルサイズが削減される
-
キャンペーン期間の管理
- 終了したキャンペーンは非公開にするか削除
- 公開日時で期間を制御することも可能
Heroスライド（Hero Slide）の管理¶
作成手順¶
- WordPress管理画面にログイン
- 投稿 → Heroスライド → 新規追加
- 以下の項目を入力：
- タイトル: スライド名（管理用）
- 公開設定: 公開日時を設定
カスタムフィールド（ACF）¶
フィールドグループ: Hero Slide Meta
order（表示順序）¶
- タイプ: Number
- 説明: スライドの表示順序（小さい順）
- 設定例:
1,2,3...
media（メディア）¶
- タイプ: Group
- 説明: スライドに表示するメディア（画像または動画）
サブフィールド:
type（メディアタイプ）- タイプ: Select
- 選択肢:
image（画像）、video（動画） -
デフォルト:
image -
image（画像） - タイプ: Group
- 説明: デスクトップ/モバイル用の画像
-
サブフィールド:
desktop: デスクトップ用画像（推奨: 1920x1080px）mobile: モバイル用画像（推奨: 750x1334px）
-
video（動画） - タイプ: Group
- 説明: デスクトップ/モバイル用の動画
-
サブフィールド:
desktop: デスクトップ用動画（推奨: MP4, WebM）mobile: モバイル用動画（推奨: MP4, WebM）
-
alt（altテキスト） - タイプ: Text
- 説明: 画像の代替テキスト（アクセシビリティ）
link（リンク先）¶
- タイプ: Post Object
- 説明: スライドをクリックした時の遷移先
- 選択可能: キャンペーン、お知らせ
ベストプラクティス¶
- メディアタイプの選択
- 画像: 軽量で高速に読み込める（推奨）
-
動画: インパクトがあるが、ファイルサイズが大きい
-
レスポンシブ対応
- デスクトップとモバイル用の画像を別々に用意
-
モバイル用画像がない場合は、デスクトップ画像が自動的に使用される
-
画像の最適化
- デスクトップ: 1920x1080px（Full HD）
- モバイル: 750x1334px（iPhoneサイズ）
-
ファイルサイズ: 各500KB以下を推奨
-
スライド数の管理
- 3-5枚程度が適切（多すぎると読み込み時間が長くなる）
- 重要なスライドは
orderを1に設定
コンテンツの公開・非公開¶
公開状態の管理¶
WordPressの標準機能を使用して、コンテンツの公開状態を管理します：
- 公開: サイトに表示される
- 下書き: 保存のみ、サイトに表示されない
- 非公開: 管理者のみ閲覧可能
- 予約投稿: 指定した日時に自動公開
公開日時の設定¶
- 公開日時が未来: 指定時刻まで非公開
- 公開日時が過去: すぐに公開
- 公開日時を変更: 表示順序に影響（新しい順に並ぶ）
コンテンツの削除・アーカイブ¶
削除の注意点¶
- 完全削除: ゴミ箱から完全に削除すると復元不可
- アーカイブ: 非公開にすることで、後で再利用可能
- バックアップ: 重要なコンテンツは削除前にバックアップを取得
推奨手順¶
- まず非公開にする
- 一定期間（例: 1ヶ月）経過後、問題がなければ削除
- 削除前にデータベースのエクスポートを取得
トラブルシューティング¶
コンテンツがサイトに表示されない¶
確認事項:
- 公開状態が「公開」になっているか
- 公開日時が過去になっているか
- GraphQL APIで取得できるか（開発者ツールで確認）
画像が表示されない¶
確認事項:
- 画像がアップロードされているか
- 画像のURLが正しいか
- Next.jsの画像設定（
next.config.js）にWordPressドメインが登録されているか
表示順序が正しくない¶
確認事項:
orderフィールドが正しく設定されているか- 同じ
order値の場合は、公開日時の新しい順に表示される