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

概要

woocommerce_my_account_after_my_addressは、WooCommerceの「マイアカウント」ページの住所編集セクションの後にフックされるアクションです。このフックを使用することで、ユーザーのアカウントページにカスタムコンテンツを追加することができます。よく用いられる機能としては、以下のものがあります：

ユーザー向けの特別なメッセージの表示
カスタムフィールドの表示
追加の情報セクションの作成
プロモーションやキャンペーン情報の表示
ソーシャルメディアリンクの追加
利用規約やプライバシーポリシーのリンクを追加

構文

do_action( 'woocommerce_my_account_after_my_address' );

パラメータ

このアクションには特にパラメータはありません。

戻り値

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

使用可能なバージョン

WooCommerce バージョン：3.0.0以降
WordPress バージョン：4.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_my_account_after_my_address', 'add_custom_message' );

function add_custom_message() {
    echo '<div class="custom-message">特別なメッセージ: ご住所を確認してください。</div>';
}

引用元: WooCommerceの公式ドキュメント

サンプル2: カスタムフィールドの追加

このサンプルでは、アドレスセクションの後にカスタムフィールドを追加します。

add_action( 'woocommerce_my_account_after_my_address', 'add_custom_field' );

function add_custom_field() {
    echo '<label for="custom_field">カスタムフィールド:</label>';
    echo '<input type="text" id="custom_field" name="custom_field" value="" />';
}

引用元: WooCommerceのカスタマイズガイド

サンプル3: プロモーション情報の表示

このコードは、住所セクションの後にプロモーション情報を表示します。

add_action( 'woocommerce_my_account_after_my_address', 'display_promotion_info' );

function display_promotion_info() {
    echo '<div class="promotion">今なら、全商品10%オフです！</div>';
}

引用元: WooCommerceにおけるプロモーション情報の表示法

サンプル4: SNSリンクの追加

このサンプルでは、ユーザーアカウントページにSNSのリンクを追加します。

add_action( 'woocommerce_my_account_after_my_address', 'add_social_links' );

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

引用元: WooCommerceのソーシャルメディア統合

サンプル5: 利用規約のリンク追加

このサンプルは、住所編集セクションの後に利用規約へのリンクを追加します。

add_action( 'woocommerce_my_account_after_my_address', 'add_terms_link' );

function add_terms_link() {
    echo '<div class="terms"><a href="#">利用規約</a></div>';
}

引用元: WooCommerceユーザーガイド

概要

構文