WordPress CMS操作マニュアル¶
このドキュメントは、WordPress CMSの操作・使用方法を体系的にまとめた操作マニュアルです。
目次¶
基本操作ガイド¶
WordPress管理画面へのアクセス¶
- ブラウザで管理画面URLにアクセス
- ローカル環境:
http://localhost:8181/wp-admin - 本番環境:
https://your-wordpress-site.com/wp-admin - ユーザー名とパスワードでログイン
管理画面の構成¶
WordPress管理画面の主要なメニュー：
- ダッシュボード: サイトの概要、最近の投稿
- 投稿: お知らせ、キャンペーン、Heroスライドなどのコンテンツ管理
- メディア: 画像・動画などのメディアライブラリ
- 設定: サイトの基本設定、パーマリンク設定など
基本的な操作フロー¶
- コンテンツの作成
- 左メニューから該当するコンテンツタイプを選択
- 「新規追加」をクリック
- タイトル、本文、カスタムフィールドを入力
-
「公開」ボタンをクリック
-
コンテンツの編集
- コンテンツ一覧から編集したい項目を選択
- 「編集」をクリック
-
内容を変更して「更新」ボタンをクリック
-
コンテンツの削除
- コンテンツ一覧から削除したい項目を選択
- 「削除」をクリック
- 確認ダイアログで「OK」をクリック
コンテンツタイプ別操作ガイド¶
お知らせ（Announcement）¶
サイト全体のお知らせを管理します。
作成手順¶
- 投稿 → お知らせ → 新規追加
- 以下の項目を入力：
- タイトル: お知らせのタイトル（必須、50文字以内推奨）
- 本文: お知らせの詳細内容（Markdown対応）
- 公開設定: 公開日時を設定（必要に応じて）
カスタムフィールド（ACF）¶
フィールドグループ: Announcement Meta
isFeatured（フィーチャー済み）¶
- タイプ: True/False
- 説明: サイト上部に固定表示する重要なお知らせかどうか
- 設定値:
true: サイト上部の黄色バナーに表示（重要なお知らせ）false: 通常のお知らせ一覧のみに表示
使用例:
- 緊急メンテナンス通知
- 重要なお知らせ
- システム変更の告知
注意事項:
- フィーチャー済みお知らせは最大5件まで推奨
- 古いお知らせは
isFeaturedをfalseに変更
relatedLink（関連リンク）¶
- タイプ: URL
- 説明: お知らせに関連する詳細ページのURL（任意）
- 設定例:
/announcements/123または外部URL
詳細な操作手順¶
詳細は WordPressコンテンツ管理ガイド を参照してください。
キャンペーン（Campaign）¶
プロモーションキャンペーン情報を管理します。
作成手順¶
- 投稿 → キャンペーン → 新規追加
- 以下の項目を入力：
- タイトル: キャンペーン名（必須）
- アイキャッチ画像: キャンペーンの画像（推奨）
- 公開設定: 公開日時を設定
カスタムフィールド（ACF）¶
フィールドグループ: Campaign Meta
order（表示順序）¶
- タイプ: Number
- 説明: キャンペーンの表示順序（小さい順）
- 設定例:
1（最初）、2（2番目）、10（最後）
image（キャンペーン画像）¶
- タイプ: Image
- 説明: キャンペーン専用の画像（アイキャッチ画像より優先）
- 推奨サイズ: 1200x600px（アスペクト比 2:1）
詳細な操作手順¶
詳細は WordPressコンテンツ管理ガイド を参照してください。
Heroスライド（Hero Slide）¶
ホームページのヒーローセクション用スライドを管理します。
作成手順¶
- 投稿 → Heroスライド → 新規追加
- 以下の項目を入力：
- タイトル: スライド名（管理用）
- 公開設定: 公開日時を設定
カスタムフィールド（ACF）¶
フィールドグループ: Hero Slide Meta
order（表示順序）¶
- タイプ: Number
- 説明: スライドの表示順序（小さい順）
media（メディア）¶
- タイプ: Group
- 説明: スライドに表示するメディア（画像または動画）
- サブフィールド:
type: メディアタイプ（imageまたはvideo）image: 画像（デスクトップ/モバイル用）video: 動画（デスクトップ/モバイル用）alt: 代替テキスト
link（リンク先）¶
- タイプ: Post Object
- 説明: スライドをクリックした時の遷移先
詳細な操作手順¶
詳細は WordPressコンテンツ管理ガイド を参照してください。
ACFカスタムフィールドの設定と使用¶
ACFとは¶
Advanced Custom Fields（ACF）は、WordPressの標準機能を拡張してカスタムフィールドを追加できるプラグインです。
カスタムフィールドの見つけ方¶
- コンテンツ編集画面を開く
- スクロールして「カスタムフィールド」セクションを確認
- フィールドグループ名（例:
Announcement Meta）を確認
フィールドの入力方法¶
- True/False フィールド: チェックボックスをオン/オフ
- Number フィールド: 数値を直接入力
- URL フィールド: URLを入力（例:
https://example.com） - Image フィールド: 「画像を追加」ボタンをクリックして画像を選択
- Group フィールド: サブフィールドが展開されるので、それぞれ入力
よくある質問¶
Q: カスタムフィールドが表示されない
- A: フィールドグループが正しい投稿タイプに割り当てられているか確認
- A: ページをリロードしてみる
Q: フィールドの値を変更しても反映されない
- A: 「更新」ボタンをクリックして保存
- A: ブラウザのキャッシュをクリア
設定・管理機能¶
パーマリンク設定¶
WordPress管理画面 → 設定 → パーマリンク設定
推奨設定¶
- 数字ベース または カスタム構造（
/%post_id%や/post/%post_id%） - 理由: 一意性が保証され、日本語が混入しないため
設定の影響¶
- GraphQLエンドポイントのURLが変わる可能性があります
- パーマリンク設定が「プレーン」の場合、
index.php?graphql形式になることがあります - 推奨設定に変更すると、
/graphqlでアクセス可能になります
詳細は WordPressローカル開発環境 を参照してください。
公開状態の管理¶
WordPressでは、以下の公開状態を設定できます：
- 公開: サイトに表示される
- 下書き: 保存のみ、サイトに表示されない
- 非公開: 管理者のみ閲覧可能
- 予約投稿: 指定した日時に自動公開
公開日時の設定¶
- 公開日時が未来: 指定時刻まで非公開
- 公開日時が過去: すぐに公開
- 公開日時を変更: 表示順序に影響（新しい順に並ぶ）
トラブルシューティング¶
コンテンツがサイトに表示されない¶
確認事項:
- 公開状態が「公開」になっているか
- 公開日時が過去になっているか
- GraphQL APIで取得できるか（開発者ツールで確認）
解決方法:
- 公開状態を「公開」に変更
- 公開日時を過去の日時に設定
- ブラウザのキャッシュをクリア
画像が表示されない¶
確認事項:
- 画像がアップロードされているか
- 画像のURLが正しいか
- 画像のファイルサイズが適切か（500KB以下推奨）
解決方法:
- 画像を再アップロード
- 画像のファイルサイズを確認・最適化
- 画像形式を確認（WebP、JPEG、PNG推奨）
表示順序が正しくない¶
確認事項:
orderフィールドが正しく設定されているか- 同じ
order値の場合は、公開日時の新しい順に表示される
解決方法:
orderフィールドに一意の数値を設定- 公開日時を調整
フィーチャー済みお知らせが表示されない¶
確認事項:
isFeaturedがtrueに設定されているか- 公開状態が「公開」になっているか
- Storefront サーバーで
WORDPRESS_GRAPHQL_ENDPOINTが正しく設定され、/api/wordpress/graphql経由のレスポンスが 200 で返っているか
解決方法:
isFeaturedをtrueに設定- 公開状態を確認
- サーバーログでデバッグ情報を確認（開発環境）
詳細は フィーチャー済みお知らせバナー機能 を参照してください。
GraphQLエンドポイントに接続できない¶
確認事項:
- Storefront サーバー側の
WORDPRESS_GRAPHQL_ENDPOINTが正しいか /api/wordpress/graphqlに対してPOSTした際に 200 が返るか- WordPress 側でパーマリンク設定・WPGraphQL が有効か
解決方法:
- エンドポイントURLを確認（
/graphqlまたはindex.php?graphql） - パーマリンク設定を確認（推奨: 数字ベース）
- 環境変数を確認・更新
詳細は WordPressローカル開発環境 を参照してください。
関連ドキュメント¶
操作マニュアル¶
- WordPressコンテンツ管理ガイド - コンテンツタイプ別の詳細な操作手順
- WordPress GraphQL APIリファレンス - GraphQL APIの使用方法
技術ドキュメント¶
- WordPress CMS統合ガイド - Next.js Storefrontとの統合方法
- WordPressローカル開発環境 - ローカル開発環境のセットアップ
機能別ドキュメント¶
- フィーチャー済みお知らせバナー機能 - フィーチャー済みお知らせバナーの実装詳細
よくある質問（FAQ）¶
Q: お知らせを削除しても、サイトに表示され続ける¶
A: ブラウザのキャッシュやNext.jsのキャッシュが原因の可能性があります。
- ブラウザのキャッシュをクリア
- Next.jsの開発サーバーを再起動
- 本番環境の場合は、ビルドを再実行
Q: カスタムフィールドが表示されない¶
A: 以下の点を確認してください：
- フィールドグループが正しい投稿タイプに割り当てられているか
- ACFプラグインが有効化されているか
- ページをリロードしてみる
Q: 画像をアップロードできない¶
A: 以下の点を確認してください：
- ファイルサイズが上限を超えていないか（通常5MB以下）
- ファイル形式がサポートされているか（JPEG、PNG、WebP、GIF）
- サーバーのディスク容量が不足していないか
Q: 公開日時を変更しても反映されない¶
A: 公開日時を変更した後、「更新」ボタンをクリックして保存してください。また、表示順序は公開日時の新しい順になります。
サポート・問い合わせ¶
技術的な問題や質問がある場合は、開発チームに問い合わせてください。