WEB MANUAL

ACFカスタムフィールドの使い方

ACFカスタムフィールドの使い方

このページでは、ECore Webサイトで使用されているACF(Advanced Custom Fields)の使い方について説明します。

ACFとは

ACF(Advanced Custom Fields)は、WordPressの標準的な入力欄以外に、独自の入力項目を追加できるプラグインです。ECore Webサイトでは、製品情報やサイトの各種設定にACFを使用しています。

トップページの設定

メインビジュアル画像の設定

  1. カスタムフィールドメニューにアクセス
    左側メニューから「カスタムフィールド」→「オプション」をクリック
  2. 「サイト設定」タブを選択
    オプションページで「サイト設定」タブが選択されていることを確認
  3. メインビジュアル画像をアップロード
    「fv_img(メインビジュアル画像)」の「画像を選択」ボタンをクリックし、画像をアップロードまたは既存の画像を選択
  4. モバイル用画像の設定(任意)
    「fv_img_sp(メインビジュアル画像_SP)」でスマートフォン用の画像を設定可能
  5. 設定を保存
    ページ下部の「更新」ボタンをクリックして変更を保存

推奨画像サイズ
PC用:1920px × 800px 以上
スマートフォン用:750px × 1000px 以上

ピックアップバナーの設定

  1. 「pickup_banner(ピックアップバナー)」セクションを確認
    繰り返しフィールドになっており、複数のバナーを追加できます
  2. 新しいバナーを追加
    「行を追加」ボタンをクリックして新しいバナーを追加
  3. バナー画像をアップロード
    「pickup_banner_img」フィールドで画像を選択
  4. リンク先URLを入力
    「pickup_banner_link」フィールドにクリック時の遷移先URLを入力
  5. 設定を保存
    「更新」ボタンをクリックして保存

製品アイテムの管理

新しい製品の追加

  1. 製品アイテムメニューにアクセス
    左側メニューから「製品アイテム」→「新規登録」をクリック
  2. 基本情報を入力
    タイトル欄には管理用の名称を入力(サイトには表示されません)
  3. 製品情報の入力
    以下のフィールドに製品情報を入力します:
    • display_name:サイトに表示される製品名
    • img:メイン画像
    • img_hover:ホバー時に表示される画像(任意)
    • number:製品番号
    • jan:JANコード
    • package_size:パッケージサイズ
    • quantity:数量
    • carton_size:カートンサイズ
    • carton_weight:カートン重量
    • material:材質
    • memo:備考・説明文
  4. 取扱説明書の関連付け
    「manual」フィールドで関連する取扱説明書を選択(事前に取扱説明書を登録しておく必要があります)
  5. カテゴリーを選択
    右側の「製品カテゴリー」から適切なカテゴリーを選択
  6. 公開設定
    「公開」ボタンをクリックして製品を公開

取扱説明書の管理

新しい取扱説明書の追加

  1. 取扱説明書メニューにアクセス
    左側メニューから「取扱説明書」→「新規登録」をクリック
  2. 基本情報を入力
    タイトル欄には管理用の名称を入力
  3. 取扱説明書情報の入力
    以下のフィールドに情報を入力します:
    • img:サムネイル画像
    • date:発行日(YYYY-MM-DD形式)
    • title:サイトに表示されるタイトル
    • pdf:PDFファイルをアップロード
  4. カテゴリーを選択
    右側の「取扱説明書カテゴリー」から適切なカテゴリーを選択
  5. 公開設定
    「公開」ボタンをクリックして取扱説明書を公開

注意:PDFファイルは適切なファイルサイズ(推奨:5MB以下)でアップロードしてください。ファイルサイズが大きすぎるとダウンロードに時間がかかる場合があります。

入力時の注意点

  • 必須項目は必ず入力してください
  • 画像は適切なサイズとファイル形式(JPG、PNG)でアップロードしてください
  • URLを入力する際は、「https://」から始まる完全なURLを入力してください
  • 日付は指定された形式で入力してください
  • 設定変更後は必ず「更新」または「公開」ボタンをクリックして保存してください