WooCommerce製品ページでカテゴリーを非表示にする方法
公開: 2024-05-03WooCommerce 製品ページでカテゴリーを非表示にする方法を学ぶことは、よりクリーンでユーザーフレンドリーなショッピング環境を作成するために非常に重要です。 この記事では、コードを直接変更するかプラグインを利用するかにかかわらず、商品カテゴリを効果的に非表示にして、サイトの美しさを高め、顧客のナビゲーションを向上させるための詳細なガイドを提供します。
また、ページ上の煩雑さを軽減する利点と、この戦略が製品自体をバイヤージャーニーの焦点にすることでどのように売上増加につながるかについても説明します。
よくある質問
WooCommerce で製品カテゴリを非公開にするにはどうすればよいですか?
WooCommerce でカテゴリ コードを非表示にするにはどうすればよいですか?
WooCommerce の商品ページから商品カテゴリを削除するにはどうすればよいですか?
Remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
このコードは、単一の製品ページの製品概要領域からカテゴリ表示を削除します。 WooCommerce でユーザーごとにカテゴリを非表示にするにはどうすればよいですか?
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
WooCommerce のカテゴリとは何ですか
WooCommerce ストアでは、カテゴリは商品を整理するための強力なツールです。 食料品店の通路のようなカテゴリを考えてください。顧客が探しているものをすぐに見つけられるように、各カテゴリにラベルが付けられています。 オンライン ストアはこのレベルの組織から大きなメリットを得ることができ、訪問者にとってスムーズなショッピング エクスペリエンスが得られます。
WooCommerce のカテゴリは、類似した商品をグループ化するように設計されており、在庫の管理や顧客による商品の閲覧が容易になります。 たとえば、衣料品を販売する場合、男性用、女性用、子供用などのカテゴリがあり、さらにトップス、ボトムス、アクセサリーなどのサブカテゴリがあるとします。
製品カテゴリは、製品の検索エンジン最適化 (SEO) においても重要な役割を果たし、オンラインでストアの認知度を高めるのに役立ちます。カテゴリとタグを併用してより詳細に整理し、アイテム間をさらに区別することもできます。
WooCommerce カテゴリの概要は次のとおりです。
- 主要カテゴリ: 製品の主な分類 (エレクトロニクス、アパレルなど)。
- サブカテゴリ: より具体的なグループ化のためにメイン カテゴリの下にネストされます (例: 電子機器の下のラップトップ)。
- タグ: 製品のより詳細な記述子。通常はカテゴリに加えて使用されます。
カテゴリを管理するとき、季節のプロモーションや限定アイテムなど、さまざまな理由で WooCommerce 製品ページのカテゴリを非表示にする方法を知りたい場合があります。 これは、好みや技術的専門知識に応じて、ダッシュボードから直接行うことも、追加のコード スニペットを使用して行うこともできます。
WooCommerce でカテゴリを非表示にする必要がある理由
オンライン ストアを構築するときに、顧客が見るものを制御できると、ショッピング エクスペリエンスが合理化され、ストアのレイアウトをより効果的に管理できます。
特定の場合のメリット
特定の使用例では、WooCommerce でカテゴリを非表示にする必要がある場合があります。 すべてのユーザーに関係のないカテゴリが存在する場合や、特定のアイテムに特定のユーザー ロールのみがアクセスできるようにしたい場合があります。 カテゴリを非表示にすることが役立ついくつかのシナリオを次に示します。
- 季節商品: ショップが乱雑になるのを避け、現在入手可能な商品に焦点を当てるために、季節外のカテゴリを非表示にすることもできます。
- 非公開商品: 卸売商品など、特定のユーザー グループを対象とした商品の場合、これらのカテゴリを一般のユーザーから非表示にすることは理にかなっています。
- ユーザー固有のアクセス: VIP 顧客やスタッフなど、特定の役割のみと共有したい製品がある場合、カテゴリを非表示にすることで、許可のあるユーザーのみがそれらの製品を表示できるようになります。
- ナビゲーションをカスタマイズする: 不要なカテゴリを削除してナビゲーション メニューをクリーンアップすると、ユーザーが探しているものを見つけやすくなります。
- WooCommerce 保護されたカテゴリ: WooCommerce 保護されたカテゴリなどの WooCommerce 拡張機能を使用している場合は、パスワード、ユーザー ロール、またはユーザー ID に基づいて表示を制御するためにカテゴリを非表示にすることができます。
ストアの可視性を調整することで、顧客にとってよりパーソナライズされたショッピング エクスペリエンスが作成され、ロイヤルティと売上の向上につながります。重要なのは、必要に応じて特別なアイテムを独占的に保ちながら、視聴者に関連のあるものを提示することです。
10Web で WordPress を簡素化
10Web マネージド WordPress ホスティングを使用して手動作業を省略して自動化します。 WordPress ウェブサイトを簡単に最適化します。
WooCommerce でカテゴリを非表示にする 3 つの方法
オンライン ストアを管理する場合、製品とカテゴリの表示方法を制御することが重要です。 WooCommerce では、商品ページからカテゴリーを非表示にするさまざまなオプションがあります。
方法 1: デフォルトの WooCommerce 設定を使用する
- WordPress ダッシュボードに移動します。
- [製品] > [カテゴリ]に移動します。ここには、すべての製品カテゴリのリストが表示されます。
- ショップページから非表示にしたいカテゴリをクリックします。
- カテゴリ編集ページ内で、表示タイプオプションを探します。
- [表示タイプ]ドロップダウンには、いくつかのオプションがあります。
- デフォルト: カテゴリのグローバル設定に従います。
- 製品: カテゴリ内の製品のみを表示します。
- サブカテゴリ: サブカテゴリのみを表示します。
- Both : 製品とサブカテゴリーの両方を表示します。
ショップ ページからカテゴリ全体を非表示にするには、その下にサブカテゴリがない場合は、カテゴリを [サブカテゴリ] に設定してみてください。 これにより、基本的に、このカテゴリではショップ ページに商品が直接表示されなくなります。
- 変更を行った後、 「更新」ボタンをクリックして設定を保存します。
追記
このメソッドはカテゴリを完全に非表示にするのではなく、カテゴリにアクセスしたときに表示される内容やショップ内での表示方法を操作します。 カテゴリには引き続き URL 経由で直接アクセスでき、ウィジェットや検索結果に表示される可能性があります。
カテゴリを完全に非表示にする (アクセスできないようにする) 場合は、通常、カスタム コーディングかプラグインを使用して、設定した条件に基づいてアクセスと表示を完全に制限する必要があります。
方法 2: コード スニペットを使用する
カスタム コードを使用してカテゴリを非表示にするには、子テーマのfunction.phpファイルに関数を追加することを検討してください。
- WordPress ダッシュボードで[外観] >[テーマエディター]に移動します。
- 編集する子テーマを選択します。
- function.phpファイルを見つけて開きます。
- 次のコードをコピーして、 functions.phpファイルに貼り付けます。
add_action( 'pre_get_posts', 'hide_ specific_categories' ); 関数 Hide_species_categories( $query ) { if ( ! is_admin() && $query->is_main_query() && ( is_shop() || is_product_category() || is_search() ) ) { $query->set( 'tax_query', array( 配列( '分類' => 'product_cat', 'フィールド' => 'スラッグ', 'terms' => array( 'category-slug-1', 'category-slug-2' ), // カテゴリのスラッグに置き換えます '演算子' => '入っていません' ) )); } }
「 category-slug-1 」、「 category-slug-2 」を、非表示にするカテゴリのスラッグに置き換えます。
- 変更をfunctions.phpファイルに保存します。
この方法を使用すると、プラグインに依存せずに特定のカテゴリを動的に非表示にする柔軟性が得られ、サイトを軽量に保ち、特定のニーズに合わせてカスタマイズできます。
方法 3: プラグインを使用する
WooCommerce では、商品ページのカテゴリを非表示にするプロセスを簡素化するプラグインを提供しています。
- WooCommerce カテゴリを非表示にするために特別に設計されたプラグインをインストールします。
- WordPress ダッシュボードで[プラグイン] > [新規追加]に移動します。
- 製品とバリエーションの表示を検索します。
- 「今すぐインストール」をクリックし、 「アクティブ化」をクリックします。
- 通常は [WooCommerce] タブの下、またはダッシュボード メニューに直接あるプラグイン設定に移動します。
- 非表示にしたいカテゴリを選択します。
- これらのカテゴリを非表示にする場所 (ショップ ページ、検索結果など) を選択します。
- 必要に応じて設定を構成した後、 「変更を保存」または「更新」ボタンをクリックして設定を適用します。
コード スニペットやプラグインを使用するときは、WooCommerce ストアの動作を変更していることに注意してください。 変更を加える前に必ず Web サイトをバックアップしてください。コードの編集に慣れていない場合は、開発者に支援を求めることを検討してください。
ベストプラクティスとヒント
WooCommerce を使用する場合、最高のユーザー エクスペリエンスを実現するために製品カテゴリを整理することが重要です。 WooCommerce 製品の可視性を適切に管理するためのわかりやすいヒントをいくつか紹介します。
- 製品カテゴリへのアクセス: カテゴリを非表示にするには、まずWooCommerce ダッシュボードで[製品] > [カテゴリ]に移動します。
- カスタマイズ: 製品カタログ設定内で、製品のみを表示するか、単一のカテゴリを表示するか、またはその製品を含むカテゴリを表示するかを選択できます。これらの設定をカスタマイズするには、[カスタマイズ] > [WooCommerce] > [製品カタログ]に移動します。
- 製品カテゴリを非表示にする: ショップ ページから特定のカテゴリを削除する場合は、WooCommerce Protected Categories などのプラグインの使用を検討してください。これにより、コードを編集する必要がなく、パスワード保護と選択的な表示が可能になります。
- カテゴリの公開設定を編集: カテゴリを直接編集して、訪問者に対する公開設定を変更することもできます。カテゴリを編集するときは、表示オプションを探し、必要に応じて非表示に設定します。
- CSS を使用して要素を非表示にする: 製品ページから「関連製品」などの要素を削除するには、 .section.relative.products {display:none;}などのカスタム CSS を[外観] > [カスタマイズ] > [追加 CSS]セクションに追加します。
以下に、いくつかの一般的なタスクを簡単に参照するための小さな表を示します。
タスク | ナビゲーション | 追加情報 |
製品カテゴリの編集 | 製品 > カテゴリ | 「編集」をクリックして表示オプションを変更します |
製品カタログのカスタマイズ | カスタマイズ > WooCommerce > 製品カタログ | 表示オプションを選択する |
カスタムCSSを追加する | 外観 > カスタマイズ > 追加 CSS | 関連する商品やカテゴリを非表示にするのに便利です |
WooCommerce ストアの機能と構成を維持しながら、サイトでのショッピング エクスペリエンスをインテリジェントに向上させるために、慎重にカスタマイズを適用することを忘れないでください。
結論
結論として、WooCommerce 製品ページでカテゴリを非表示にする方法をマスターすることは、e コマース サイトのデザインと使いやすさを向上させるための簡単で効果的な方法です。 乱雑さを減らし、商品の陳列に焦点を当てることで、ショッピング体験が向上するだけでなく、販売コンバージョンも増加する可能性があります。 この変更をコーディングまたはプラグインを通じて実装することを選択するかどうかにかかわらず、オンライン ストアがスムーズに機能し、最高の外観を維持するには、互換性と応答性を確保することが不可欠です。