WEB MANUAL
ACFカスタムフィールドの使い方
ACFカスタムフィールドの使い方
このページでは、ECore Webサイトで使用されているACF(Advanced Custom Fields)の使い方について説明します。
ACFとは
ACF(Advanced Custom Fields)は、WordPressの標準的な入力欄以外に、独自の入力項目を追加できるプラグインです。ECore Webサイトでは、製品情報やサイトの各種設定にACFを使用しています。
トップページの設定
メインビジュアル画像の設定
-
カスタムフィールドメニューにアクセス
左側メニューから「カスタムフィールド」→「オプション」をクリック -
「サイト設定」タブを選択
オプションページで「サイト設定」タブが選択されていることを確認 -
メインビジュアル画像をアップロード
「fv_img(メインビジュアル画像)」の「画像を選択」ボタンをクリックし、画像をアップロードまたは既存の画像を選択 -
モバイル用画像の設定(任意)
「fv_img_sp(メインビジュアル画像_SP)」でスマートフォン用の画像を設定可能 -
設定を保存
ページ下部の「更新」ボタンをクリックして変更を保存
推奨画像サイズ
PC用:1920px × 800px 以上
スマートフォン用:750px × 1000px 以上
ピックアップバナーの設定
-
「pickup_banner(ピックアップバナー)」セクションを確認
繰り返しフィールドになっており、複数のバナーを追加できます -
新しいバナーを追加
「行を追加」ボタンをクリックして新しいバナーを追加 -
バナー画像をアップロード
「pickup_banner_img」フィールドで画像を選択 -
リンク先URLを入力
「pickup_banner_link」フィールドにクリック時の遷移先URLを入力 -
設定を保存
「更新」ボタンをクリックして保存
製品アイテムの管理
新しい製品の追加
-
製品アイテムメニューにアクセス
左側メニューから「製品アイテム」→「新規登録」をクリック -
基本情報を入力
タイトル欄には管理用の名称を入力(サイトには表示されません) -
製品情報の入力
以下のフィールドに製品情報を入力します:- display_name:サイトに表示される製品名
- img:メイン画像
- img_hover:ホバー時に表示される画像(任意)
- number:製品番号
- jan:JANコード
- package_size:パッケージサイズ
- quantity:数量
- carton_size:カートンサイズ
- carton_weight:カートン重量
- material:材質
- memo:備考・説明文
-
取扱説明書の関連付け
「manual」フィールドで関連する取扱説明書を選択(事前に取扱説明書を登録しておく必要があります) -
カテゴリーを選択
右側の「製品カテゴリー」から適切なカテゴリーを選択 -
公開設定
「公開」ボタンをクリックして製品を公開
取扱説明書の管理
新しい取扱説明書の追加
-
取扱説明書メニューにアクセス
左側メニューから「取扱説明書」→「新規登録」をクリック -
基本情報を入力
タイトル欄には管理用の名称を入力 -
取扱説明書情報の入力
以下のフィールドに情報を入力します:- img:サムネイル画像
- date:発行日(YYYY-MM-DD形式)
- title:サイトに表示されるタイトル
- pdf:PDFファイルをアップロード
-
カテゴリーを選択
右側の「取扱説明書カテゴリー」から適切なカテゴリーを選択 -
公開設定
「公開」ボタンをクリックして取扱説明書を公開
注意:PDFファイルは適切なファイルサイズ(推奨:5MB以下)でアップロードしてください。ファイルサイズが大きすぎるとダウンロードに時間がかかる場合があります。
入力時の注意点
- 必須項目は必ず入力してください
- 画像は適切なサイズとファイル形式(JPG、PNG)でアップロードしてください
- URLを入力する際は、「https://」から始まる完全なURLを入力してください
- 日付は指定された形式で入力してください
- 設定変更後は必ず「更新」または「公開」ボタンをクリックして保存してください