![\"WooCommerce\u3067\u5546\u54c1\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u5217\u6570\u30925\u5217\u306b\u5909\u66f4\u3057\u305f\u8a2d\u5b9a\u3084\u8868\u793a\u306e\u4f8b\u3002\"](\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-09-05-22.38.46-812x1234.png\")
<\/figure>\n\n\n\nfunction custom_woocommerce_gallery_columns() {\n return 5; \/\/ \u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u5217\u6570\u30925\u5217\u306b\u8a2d\u5b9a\n}\nadd_filter('woocommerce_product_thumbnails_columns', 'custom_woocommerce_gallery_columns');<\/code><\/pre><\/div>\n\n\n\nCSS\u3002<\/p>\n\n\n\n
flex\u3092\u4f7f\u3063\u305f\u65b9\u304c\u7dba\u9e97\u306b\u4f59\u767d\u3092\u8abf\u6574\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u3042\u3068\u306f\u9078\u629e\u4e2d\u306e\u3082\u306e\u3060\u3051\u8584\u304f\u8868\u793a\u306b\u3057\u305f\u65b9\u304c\u898b\u3084\u3059\u3044\u3067\u3059\u3002<\/p>\n\n\n\n
.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: .3em;\n margin: .3em 0 0 0 !important;\n}\n.woocommerce .flex-control-thumbs li {\n width: calc((100% - 1.2em) \/ 5);\n gap: 1em;\n float: none;\n}\n\/* \u9078\u629e\u8868\u793a\u72b6\u614b\u3092\u9006\u306b *\/\n.woocommerce .flex-control-thumbs li .flex-active, .woocommerce .flex-control-thumbs li img:hover {\n opacity: .5;\n}\n.woocommerce .flex-control-thumbs li img {\n opacity: 1;\n}<\/code><\/pre><\/div>\n\n\n\nWooCommerce\u3067\u30b7\u30e7\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u5728\u5eab\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b<\/h2>\n\n\n\n
\u5f93\u6765\u578b\u306e\u5546\u54c1\u30eb\u30fc\u30d7\u306b\u5728\u5eab\u72b6\u614b\u3092\u8868\u793a\u3057\u307e\u3059\u3002\u4e88\u7d04\u6ce8\u6587\u3092\u5728\u5eab\u3042\u308a\u3068\u65ad\u5b9a\u3057\u306a\u3044\u3088\u3046\u3001\u5728\u5eab\u5207\u308c\u30fb\u304a\u53d6\u308a\u5bc4\u305b\u3092\u5206\u3051\u307e\u3059\u3002\u53ef\u5909\u5546\u54c1\u3067\u306f\u89aa\u5546\u54c1\u306e\u72b6\u614b\u306a\u306e\u3067\u3001\u5404\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u306e\u5728\u5eab\u8868\u793a\u3092\u4fdd\u8a3c\u3059\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n![\"WooCommerce\u306e\u30b7\u30e7\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u3042\u308b\u5546\u54c1\u4e00\u89a7\u306b\u5728\u5eab\u72b6\u6cc1\u3092\u8868\u793a\u3055\u305b\u305f\u4f8b\u3002\"](\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-09-05-22.31.23-2024-09-05-22-40-05.png\")
<\/figure>\n\n\n\nfunction display_stock_status_in_shop_loop() {\n global $product;\n if ( ! $product instanceof WC_Product ) {\n return;\n }\n $status = $product->get_stock_status();\n $labels = array(\n 'instock' => '\u5728\u5eab\u3042\u308a',\n 'outofstock' => '\u5728\u5eab\u5207\u308c',\n 'onbackorder' => '\u304a\u53d6\u308a\u5bc4\u305b',\n );\n if ( ! isset( $labels[ $status ] ) ) {\n return;\n }\n printf( '<p class="waza-stock %s">%s<\/p>', esc_attr( $status ), esc_html( $labels[ $status ] ) );\n}\nadd_action( 'woocommerce_after_shop_loop_item', 'display_stock_status_in_shop_loop', 15 );<\/code><\/pre><\/div>\n\n\n\n\u898b\u305f\u76ee\u306f\u304a\u597d\u307f\u3067\u3002<\/p>\n\n\n\n
.waza-stock.outofstock {\n color: var(--wc-red);\n margin: 8px 4px 4px 0;\n border-radius: 2px;\n letter-spacing: 0.05em;\n}<\/code><\/pre><\/div>\n\n\n\nWooCommerce\u3067\u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\u3092\u597d\u304d\u306a\u5834\u6240\u306b\u914d\u7f6e\u3059\u308b<\/h2>\n\n\n\n
\u30ab\u30fc\u30c8\u306b\u5165\u308c\u305f\u6570\u3092\u63b2\u8f09\u3057\u305f\u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\u306f\u30d8\u30c3\u30c0\u30fc\u3084\u30b9\u30de\u30db\u306e\u30d5\u30a9\u30ed\u30ef\u30fc\u306e\u4e2d\u306b\u8868\u793a\u3057\u305f\u308a\u3059\u308b\u306e\u3067\u3001\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u5316\u3057\u3066\u3042\u3052\u308b\u3068\u4fbf\u5229\u3067\u3059\u3002<\/p>\n\n\n\n
\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u914d\u7f6e\u306a\u308a\u30d5\u30c3\u30af\u3067\u597d\u304d\u306a\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n![\"\u30ab\u30fc\u30c8\u306b\u5165\u308c\u305f\u6570\u3092\u8868\u793a\u3059\u308b\u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\u3092\u914d\u7f6e\u3057\u305f\u4f8b\u3002\"](\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-09-05-22.50.19.png\")
<\/figure>\n\n\n\n\/\/ \u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\u306e\u307f\u3092\u8868\u793a\u3059\u308b\u5171\u901a\u95a2\u6570\nfunction display_cart_button() {\n \/\/ WooCommerce\u304c\u6709\u52b9\u3067\u3001\u30ab\u30fc\u30c8\u304c\u5b58\u5728\u3059\u308b\u304b\u78ba\u8a8d\n if ( function_exists( 'WC' ) && WC()->cart ) {\n \/\/ \u30ab\u30fc\u30c8\u5185\u306e\u30a2\u30a4\u30c6\u30e0\u6570\u3092\u53d6\u5f97\n $cart_count = WC()->cart->get_cart_contents_count(); \n \/\/ \u30ab\u30fc\u30c8\u306eURL\u3092\u53d6\u5f97\n $cart_url = wc_get_cart_url(); \n } else {\n \/\/ WooCommerce\u304c\u30ed\u30fc\u30c9\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3001\u307e\u305f\u306f\u30ab\u30fc\u30c8\u304c\u306a\u3044\u5834\u5408\n return ''; \/\/ \u30ab\u30fc\u30c8\u672a\u521d\u671f\u5316\u6642\u306f\u30ea\u30f3\u30af\u3092\u51fa\u3055\u306a\u3044\n }\n\n \/\/ \u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\u306eHTML\u51fa\u529b\n ob_start(); \/\/ \u51fa\u529b\u3092\u30d0\u30c3\u30d5\u30a1\u30ea\u30f3\u30b0\n ?>\n <div class="ark-block-button is-btn-fill" data-hover="bright" style="--arkb-btn-radius:8px">\n <a class="ark-block-button__link" href="<?php echo esc_url( $cart_url ); ?>" data-has-icon="1">\n <svg class="ark-block-button__icon -left" height="1em" width="1em" xmlns="http:\/\/www.w3.org\/2000\/svg" aria-hidden="true" data-icon="LsCart" viewBox="0 0 48 48">\n <circle cx="37.5" cy="42.5" r="4"><\/circle>\n <circle cx="13.5" cy="42.5" r="4"><\/circle>\n <path d="M43.5 8.5H10.2l-.7-5.3c-.1-1-1-1.7-2-1.7h-5c-1.1 0-2 .9-2 2s.9 2 2 2h3.2l3.8 29.3c.1 1 1.7 2 2.7 2h29c1.1 0 2-.9 2-2s-.9-2-2-2H13.3l-.4-4h28.6c1 0 1.9-.8 2-1.8l2-16c.1-1.1-.8-2.2-2-2.2z"><\/path>\n <\/svg>\n <span class="ark-block-button__text">\u30ab\u30fc\u30c8 (<?php echo esc_html( $cart_count ); ?>)<\/span>\n <\/a>\n <\/div>\n <?php\n return ob_get_clean(); \/\/ \u30d0\u30c3\u30d5\u30a1\u30ea\u30f3\u30b0\u3092\u7d42\u4e86\u3057\u3001\u30d0\u30c3\u30d5\u30a1\u306e\u5185\u5bb9\u3092\u51fa\u529b\n}\n\n\/\/ \u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\u3092\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u5316\nadd_shortcode('cart_button', 'display_cart_button');<\/code><\/pre><\/div>\n\n\n\n