WooCommerceの商品ページからSKU表示をコードで削除するには？完全実践ガイド

ある WooCommerce デフォルトでは、SKU（在庫管理単位）フィールドは、商品在庫を区別するために商品詳細ページに表示されます。しかし、多くのシナリオでは、マーチャントはユーザーに直接SKUを表示したくありません：

製品はカスタマイズされたもので、シリアルナンバーは必要ない。
ページのビジュアル・デザインにはミニマリズムが必要
SKUは顧客にとって真の参照価値がない

以下では、WooCommerce商品ページのSKU表示内容を非表示にする方法を、簡単なコードで、プラグインなしで、高速に実現する方法を紹介します。

I. SKU表示を隠す方法

WooCommerce商品ページのSKU表示を非表示にしたいですか？簡単です！WooCommerceは商品ページのSKUを非表示にするためにホック(フック）機構でSKUを表示する場合、フックを外すだけで簡単に外すことができます。その方法は以下の通りです：

1.テーマの `functions.php` 書類

このファイルは以下のパスにある：

ワードプレスバックエンド → 外観 → テーマファイルエディタ → functions.php

テーマの更新後に上書きされるのを避けるために、子テーマまたはコードスニペットプラグイン（Code Snippetsなど）を使用して変更することをお勧めします。

2.以下のコードを追加する

add_filter( 'wc_product_sku_enabled', '__return_false' )；

このコードの意味は次の通り。WooCommerce のSKU表示を制御するために使用されるフィルター。 wc_product_sku_enabled に設定します。 無実フォアグラウンドでのSKU表示機能は無効。

コードを追加する前に

II.有効性の検証

コードを追加した後

保存と更新お飾りページが表示された後、SKUは商品概要情報に表示されなくなり、バックエンドの編集ページでのSKUの管理には影響しません。つまり

SKU情報もバックエンドで入力・保存可能
SKUは、注文管理、在庫管理に使用できます。
SKUフィールドはフロントエンドの訪問者には見えません。

III.補足：シンプルなアイテムのみSKUを隠すか？

特定の商品カテゴリー（例えば「シンプル商品」のみ）のSKUだけを非表示にしたい場合は、以下のような複雑なコードを使って条件判定を実装することができます：

add_filter( 'wc_product_sku_enabled', 'custom_hide_sku_for_simple_products', 10, 2 )；
function custom_hide_sku_for_simple_products( $enabled, $product ) { 以下のようにします。
    if ( is_product() && $product->is_type( 'simple' ) ) { .
        return false; }.
    }
    return $enabled；
}

このコードのロジックは、単一の商品ページ(is_product()商品タイプが "シンプル "の場合、SKU表示は無効となるが、その他の商品タイプは有効である。

IV.よくある質問

Q1: このコードはバリアント商品にも有効ですか？

デフォルト add_filter( 'wc_product_sku_enabled', '__return_false' )； これは、変動商品、グループ商品など、すべての商品タイプに影響する。

特定のタイプだけをブロックしたい場合は、上記の2番目のコードを参照し、必要に応じて判定条件を調整してください。

Q2：SKUの表示を元に戻す方法は？

追加したコードを削除するかコメントアウトし、ページを更新するだけでデフォルトの表示に戻ります。

V. 結論

プラグインをインストールする必要もなく、テンプレートを修正する必要もない。 WooCommerce 商品ページがすっきりこれは商品ページを最適化するための第一歩です。今後、プロ仕様のEコマースサイトを作成するためのWooCommerceカスタマイズのヒントをさらにご紹介していきます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み