プラグインWooCommerceのwoocommerce_after_widget_product_review_listアクションの使用方法・解説

概要

woocommerce_after_widget_product_review_listは、WooCommerceのウィジェット内の商品レビューリストの後にフックするアクションです。このアクションは、特定の商品に関連するレビューの表示後に、追加のコンテンツを挿入するために使用されます。具体的には、以下のような機能を実装する際によく使われます。

商品レビューの下に広告を追加する
商品関連のその他の情報（例えば、FAQ）を表示する
ユーザーレビューに対する応答を表示する
ソーシャルシェアボタンを追加する
レビュー投稿を促すメッセージを追加する
カスタムCSSやJavaScriptを読み込む

構文

do_action( 'woocommerce_after_widget_product_review_list', $instance, $args );

パラメータ

$instance: ウィジェットのインスタンス情報。
$args: ウィジェットに関する引数情報。

戻り値

このアクションは戻り値を持ちません。

使用可能なバージョン

WooCommerceのバージョン: 3.0.0以降
WordPressのバージョン: 4.7.0以降

この関数のアクションでの使用可能性

アクション名	使用可能性
mu_plugin_loaded
registered_post_type
plugins_loaded
wp_roles_init
setup_theme
after_setup_theme
set_current_user
init
register_sidebar
wp_loaded
send_headers
parse_query
pre_get_posts
wp
template_redirect
get_header
wp_head

サンプルコード

サンプル1: 商品レビューの下にカスタムメッセージを追加

add_action( 'woocommerce_after_widget_product_review_list', 'add_custom_message_after_reviews' );

function add_custom_message_after_reviews( $instance, $args ) {
    echo '<p>お客様の意見をお聞かせください！</p>';
}

このコードは、商品レビューのリストの下に「お客様の意見をお聞かせください！」というカスタムメッセージを表示します。

サンプル2: ソーシャルシェアボタンを追加

add_action( 'woocommerce_after_widget_product_review_list', 'add_social_share_buttons' );

function add_social_share_buttons( $instance, $args ) {
    echo '<div class="social-share">こちらをシェア：<a href="#">Facebook</a> <a href="#">Twitter</a></div>';
}

このコードは、商品レビューの下にFacebookとTwitterのシェアボタンを追加します。

サンプル3: 広告を表示する

add_action( 'woocommerce_after_widget_product_review_list', 'display_advertisement_after_reviews' );

function display_advertisement_after_reviews( $instance, $args ) {
    echo '<div class="advertisement">この商品の関連商品を見る</div>';
}

このコードは、商品レビューの後に関連商品の広告を表示します。

サンプル4: レビュー投稿の促進メッセージ

add_action( 'woocommerce_after_widget_product_review_list', 'encourage_review_submission' );

function encourage_review_submission( $instance, $args ) {
    echo '<p>レビューを書いてポイントをゲットしよう！</p>';
}

このコードは、商品レビューの下に、レビューを書いた時のポイント獲得を促すメッセージを表示します。

サンプル5: カスタムCSSを読み込む

add_action( 'woocommerce_after_widget_product_review_list', 'enqueue_custom_css' );

function enqueue_custom_css( $instance, $args ) {
    echo '<style>.custom-class { color: red; }</style>';
}

このコードは、カスタムCSSを商品レビューリストの下に埋め込み、特定の要素の色を赤に設定します。

概要

構文