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

概要

woocommerce_review_before_comment_meta アクションフックは、WooCommerceの商品レビューの表示時に、コメントメタ情報の前にカスタムコンテンツを追加するために使用されます。このアクションは、主に以下のような機能を実装する際に利用されることがよくあります：

カスタムスタイルの適用
レビューのカスタムメタデータの表示
スタッフのコメントを追加
特別なプロモーション情報の挿入
外部リンクやソーシャルメディアボタンの追加
レビューの評価を可視化するカスタム視覚要素の追加

構文

do_action( 'woocommerce_review_before_comment_meta', $comment );

パラメータ

$comment: 現在のコメントオブジェクト。使用者はこのパラメータを利用してコメントの内容にアクセスすることができます。

戻り値

このアクションフックは、戻り値を持ちません。コンテンツを出力するために使用されます。

互換性

WooCommerce バージョン: 3.0 以降
WordPress バージョン: 4.0 以降

サンプルコード

サンプル1: カスタムスタイルを適用

このコードは、カスタムクラスを使ってコメントメタ情報の前にスタイルを適用します。

add_action( 'woocommerce_review_before_comment_meta', 'custom_review_meta_style' );
function custom_review_meta_style() {
    echo '<div class="custom-review-meta-style">カスタムスタイルのレビューです。</div>';
}

サンプル2: スタッフのコメントを追加

このコードは、商品レビューの前にスタッフからの一言を追加します。

add_action( 'woocommerce_review_before_comment_meta', 'staff_comment_before_review' );
function staff_comment_before_review() {
    echo '<p class="staff-comment">スタッフのコメント: ありがとう！</p>';
}

サンプル3: ソーシャルメディアリンクの追加

このコードは、レビューの上にソーシャルメディアのリンクを追加します。

add_action( 'woocommerce_review_before_comment_meta', 'add_social_links_to_review' );
function add_social_links_to_review() {
    echo '<div class="social-links"><a href="#">Facebook</a> | <a href="#">Twitter</a></div>';
}

サンプル4: 特別プロモーション情報の表示

このコードは、商品レビューの上に特別プロモーション情報を追加します。

add_action( 'woocommerce_review_before_comment_meta', 'show_special_offer' );
function show_special_offer() {
    echo '<p class="special-offer">今なら購入で10%オフ！</p>';
}

サンプル5: 評価を可視化

このコードは、レビューのメタ情報の前にカスタム評価バーを表示します。

add_action( 'woocommerce_review_before_comment_meta', 'display_custom_rating_bar' );
function display_custom_rating_bar() {
    echo '<div class="rating-bar">★★★★☆</div>';
}

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

アクション	使用可能性
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

概要

構文