WooCommerceで「続きを読む」ボタンを非表示にする方法：商品ページを最適化する3つのシンプルな方法

"もっと読む「ボタンは通常 WooCommerceの商品リストまたは商品カタログページ.クリックすると、次のような1つの商品ページが表示されます。この商品の詳細を見る.しかし、現在のページで直接完全な製品情報を提供する方が、ユーザーエクスペリエンスにとって有益な場合もあります。

もし"もっと読む"ボタンを実装する方法をいくつかご紹介します：

WooCommerceで「続きを読む」ボタンを非表示にする方法

方法1：CSSを使ってボタンを隠す

一番簡単な方法はカスタムCSS 隠すために"もっと読む「ボタンをクリックしてください。以下の手順に従ってください：

ワードプレスのダッシュボードへクリック 外観 > カスタマイズ.

カスタマイズパネルで 追加CSS.

テキストボックスに以下のコードを追加します：

.woocommerce .products .button {
    display: none !important；
}

変更を保存して公開します。

このCSSコードは"もっと読む"カートに入れる "などの他のボタンはそのままにして、"カートに入れる "ボタンをクリックしてください。

方法2：商品ページをカスタマイズするためにPHPコードを使用します。

商品ページを作りたい場合より多くの制御大丈夫ですよ。PHPコードの追加を使用してWooCommerceテンプレートファイルをカスタマイズします。テーマの コンテンツ製品.php ファイルを直接削除したり変更したりすることができます。もっと読む「ボタンが表示されます。

WordPressのインストールディレクトリで、現在使用しているテーマフォルダを探します。
あなたのテーマに ウーコマース フォルダにコピーできます。 wp-content/plugins/woocommerce/templates ずぼしをさす コンテンツ製品.php をテーマフォルダに追加します。

コンパイラ コンテンツ製品.php ファイルで、次のコードを見つけてください：

<code><?php woocommerce_template_loop_product_link_open(); ?><br></code>

コード下ろしもしかしたらコメントアウト対"もっと読む「該当部分
ファイルを保存し、テーマフォルダにアップロードします。

これにより、商品ページに表示する内容をより柔軟に制御し、不要な要素を削除することができます。

方法3：プラグインを使用してセットアップを簡素化

万が一コードに詳しくない商品ページは、専用のWooCommerceプラグインを使用してカスタマイズすることができます。プラグインまるで コードスニペット コードを編集することなく、セットアップを簡素化できます。削除または変更"もっと読む「ボタンが表示されます。

WordPressのダッシュボードで プラグイン > プラグインのインストール.
検索とインストール コードスニペット プラグイン。

プラグインをインストールして有効にしたら、バックグラウンドで スニペット > 新規追加.

コード編集ボックスに必要なコードを入力します。例えば、"もっと読む"ボタンをクリックすると、以下のコードを使用できます：

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 )；

概要

WooCommerceで「続きを読む」ボタンを非表示にするには、以下のようにカスタムCSS をクリックするとボタンが非表示になります。PHPコードの使用テンプレートファイルをカスタマイズしてボタンを削除するか、または コードスニペット このようなプラグインはセットアップを簡素化し、これらの方法はすべて、あなたのコントロール製品ページ表示内容。

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