WooCommerceに関する追加情報とは何ですか?
WooCommerceの追加情報は通常、商品ページのセクションです。これは、商品の属性やその他のカスタマイズされた情報を表示するために使用されます。この情報は顧客にとって重要であり、特に複数の商品を選択する場合(例えばサイズ、色、素材)。追加情報は、バイヤーが十分な情報を得た上で購入の意思決定をするのに役立つだけでなく、リッチな情報によってコンテンツを充実させます。検索エンジン最適化(SEO).
属性の役割
WooCommerceの属性機能は非常に柔軟で、商品の様々な特徴を定義するのに役立ちます。例えば、アパレル商品には色やサイズなどの属性があり、家庭用商品には素材、重量、サイズなどの詳細を含める必要があるかもしれません。これらの属性が設定されると、自動的に商品ページの"追加情報"タブをクリックする。
WooCommerceの商品に追加情報を追加する方法
方法1:WooCommerceの組み込み関数を使う
WooCommerceは、商品ページに追加情報を追加するシンプルで簡単な方法を提供します。以下は、WooCommerceの組み込み機能を使って商品属性を追加する手順です:
- WooCommerceバックエンドにログインします。WordPressのダッシュボードに移動し、"お飾り".
- 製品を選択編集したい商品を見つけて「編集」をクリックし、商品編集画面に入ります。
- 製品データ」セクションを見つける。: 主な説明の下に、製品データフォームがあります。因果性「オプション
- プロパティの追加クリック "増加"ボタンをクリックすると、商品の新しい属性を定義できます。カラー","サイズ「その他
- Property Name(プロパティ名)フィールドにプロパティの名前を入力します。
- 異なる属性値を区切るには、縦線を使用します。ピンク|ブルー|グリーン".
- プロパティの保存"商品ページに表示 "にチェックを入れるオプションで、これらの属性がフロントエンドの商品ページに表示されるようにします。追加情報"タブをクリックする。
- 製品更新クリック "更新"ボタンをクリックして、製品に変更を保存します。
これらのステップに従うことで、WooCommerce商品に必要な追加情報を簡単に追加することができます。追加情報"タブをクリックする。
方法2:プラグインの使用(Advanced Custom Fields - ACF)
WooCommerceの組み込みプロパティがニーズに合わない場合はプラグインを使用して、商品ページの機能を拡張することができます。例えば、"アドバンスト・カスタム・フィールド(ACF)"このプラグインを使えば、より詳細な商品情報を表示するためのカスタムフィールドを簡単に追加して表示することができます。具体的な手順は以下の通りです:
- ACFプラグインのインストールWordPressのプラグイン・リポジトリを検索してください。高度なカスタムフィールド"をクリックし、プラグインのインストールと有効化をクリックします。
- フィールドグループの作成WordPressのダッシュボードから"ACF「メニュー" をクリックする。新しいフィールドグループを追加する".
- フィールドの定義テキスト、画像、テキストエリアなどのカスタムフィールドを新規に作成し、各フィールドについてクリステン.例えば、"メイク","メンテナンス"といった分野である。
- 表示ルールの設定までスクロールしてください。セットアップ"では、これらのカスタムフィールドを表示する商品ページを、すべての商品に対して、またはカテゴリやタグなどに基づいて条件付きで選択します。
- 製品ページに表示商品編集ページでは、カスタムフィールドが表示され、情報を入力することができます。
- 製品テンプレートの修正これらのカスタムフィールドを商品ページのフロントエンドに表示するには WooCommerce用テンプレートファイル例えば
単一商品.php
そして、ACFのthe_field()
関数を使用してカスタムフィールドを表示します。
方法3:カスタムコードを使う
WooCommerceの商品ページを手動でカスタマイズしたい場合は、テーマのfunctions.php
ファイルにカスタムコードを追加してください。以下はWooCommerce商品にカスタムフィールドを追加する基本的な手順です:
- WooCommerce商品にカスタムフィールドを追加する 利用する
add_action()
関数はWooCommerce商品編集ページに新しいカスタムフィールドを追加します。
add_action( 'woocommerce_product_options_general_product_data', 'add_custom_general_fields' ); function add_custom_general_fields() { woocommerce_wp_text_input( array( 'id' => '_custom_product_text_field', 'label' => __( 'カスタム商品フィールド', 'woocommerce' ), 'desc_tip' => 'true', 'description' => __( 'カスタムフィールドの内容を入力', 'woocommerce' ) ); }))
- カスタムフィールドの値の保存 とおす
woocommerce_process_product_meta(ウー・コマース・プロセス・プロダクト・メタ
フックはカスタムフィールドの値を保存します。
add_action( 'woocommerce_process_product_meta', 'save_custom_general_fields' ); function save_custom_general_fields( $post_id ){ $custom_field_value = isset( $_POST['_custom_product_text_field'] ) ? sanitize_text_field( $_POST['_custom_product_text_field'] ) : ''; update_post_meta( $post_id, '_custom_product_text_field'、$custom_field_value ); }.
- カスタムフィールドを表示する を使用してWooCommerce商品ページテンプレートを編集します。
get_post_meta()
関数を使用して、カスタム・フィールドの値を表示することができます。
<code>エコー<div class="custom-field">'; echo '<label>カスタムフィールド:</label> '; echo get_post_meta( get_the_ID(), '_custom_product_text_field', true ); echo '</div>';
WooCommerceの管理方法 "追加情報タブ
WooCommerceの追加情報タブは商品の詳細を表示するのにとても便利です。しかし、このタブの表示方法や内容を調整したり、削除したりする必要がある場合があります。以下はよくある操作です:
追加情報タブへのカスタムテキストの追加
追加情報タブにカスタムリンクやテキストを追加したい場合はfunctions.php
次のコードをファイルに挿入する:
<code>add_action( 'woocommerce_product_additional_information', 'print_custom_html' ); 関数 print_custom_html() { echo '<a href="#">製品情報はこちら</a>'; }
コードは"追加情報"タブでクリック可能なリンクを追加し、必要に応じてリンクのテキストとリンク先のURLをカスタマイズすることができます。
非表示または削除"追加情報タブ
特定の商品(デジタル商品など)について追加情報を表示する必要がない場合は、タブを非表示にするか、完全に削除することができます:
- PHPを使用して追加情報タブを削除します:
add_filter( 'woocommerce_product_tabs', 'remove_product_tabs', 98 );
ファンクション remove_product_tabs( $tabs ) { { { $tabs['additional_information'] を解除します。
unset( $tabs['additional_information'] );
return $tabs.
}
- CSSを使用して「追加情報」タブを非表示にします:
li.additional_information_tab{。
display: none !important;
}
評決を下す
WooCommerceの商品ページに追加情報を効果的に追加することで、顧客により詳細な商品情報を提供し、ユーザーエクスペリエンスを向上させ、商品ページのSEOパフォーマンスを高めることができます。WooCommerceのビルトイン機能を使うか、プラグインやカスタムコードによる高度な設定を使うかに関わらず、ショップのニーズに応じて商品表示を最適化することができます。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間:月~金、9:30~18:30、祝日休み |