วิธีตั้งค่าพารามิเตอร์หน้าร้านใน WordPress Child Theme

สมมติว่าคุณตั้งค่าธีมลูกของ WordPress มีบางสิ่งที่คุณต้องทำเพื่อตั้งค่าพารามิเตอร์สำหรับหน้าร้านของคุณ ขั้นแรก คุณต้องสร้างไฟล์ชื่อ wc-template-functions.php ในโฟลเดอร์ของธีมลูกของคุณ ในไฟล์นี้ คุณจะต้องเพิ่มโค้ดต่อไปนี้: /** * ตั้งค่าความกว้างของเนื้อหาเป็นพิกเซล ตามการออกแบบและสไตล์ชีตของธีม * * ลำดับความสำคัญ 0 เพื่อให้พร้อมใช้งานสำหรับการโทรกลับที่มีลำดับความสำคัญต่ำกว่า * * @global int $content_width */ function child_theme_content_width() { $GLOBALS['content_width'] = apply_filters( 'child_theme_content_width', 640 ); } add_action( 'after_setup_theme', 'child_theme_content_width', 0 ); /** * ปรับค่า content_width สำหรับ เทมเพลตไฟล์แนบรูปภาพ * * @return เป็นโมฆะ */ function child_theme_template_redirect_content_width() { if ( is_attachment() && wp_attachment_is_image() ) { $GLOBALS['content_width'] = 810; } } add_action( 'template_redirect', 'child_theme_template_redirect_content_width' ); /** * ลบเสื้อคลุม WooCommerce เริ่มต้น */ remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 ); remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 ); if ( ! function_exists( 'child_theme_wrapper_start' ) ) { /** * รวมเนื้อหา WooCommerce ทั้งหมดไว้ใน wrappers ซึ่งตรงกับมาร์กอัปของธีม * * @return เป็นโมฆะ */ function child_theme_wrapper_start() { ? > ในทางกลับกัน ธีมย่อยไม่มีโค้ด สไตล์ หรือฟังก์ชันเป็นธีมหลักหรือธีมหลัก ผู้ใช้ไม่ต้องกังวลกับการสูญเสียการปรับแต่งที่ชื่นชอบหลังจากอัปเดตธีมเพราะอนุญาตให้ปรับแต่งได้ เรียนรู้วิธีสร้างธีมลูกสำหรับธีมหน้าร้านของ WooCommerce ในหลักสูตรนี้ หากคุณต้องการเปลี่ยนธีม ควรใช้ธีมลูก เมื่อคุณเลือกธีมย่อย คุณสามารถเปลี่ยนให้เหมาะกับความต้องการหรือความต้องการของคุณได้ ถ้าคุณไม่มีประสบการณ์กับ CSS และ PHP การสร้างธีมลูกของคุณเองอาจเป็นเรื่องยาก ไม่มีธีมหลักที่ดี ขั้นตอนแรกในการเพิ่มธีมลูกในธีม WordPress คือการสร้างไฟล์ a.zip คุณต้องตั้งค่า 'parent-style' เป็นการขึ้นต่อกันเพื่อให้สไตล์ชีตของธีมลูกโหลดได้ ไม่ เราจะไม่สอนวิธีใช้ CSS ให้คุณ ในบทความเดียว คุณจะไม่สามารถครอบคลุมทุกอย่างได้ เมื่อคุณติดตั้ง คุณต้องเปิดใช้งานโดยคลิกที่ปุ่ม 'เปิดใช้งาน' หลังจากเลือกลักษณะที่ปรากฏ คุณสามารถเปิดใช้งานธีมลูกของคุณได้ หากคุณเลือกใช้ธีมย่อย คุณสามารถอัปเดตธีมของคุณได้อย่างอิสระโดยไม่สูญเสียฟังก์ชันการทำงานใดๆ ขณะนี้ มีธีมย่อยหลายธีมสำหรับหน้าร้าน คุณจะแก้ไขธีมย่อยใน Woocommerce ได้อย่างไร รูปภาพโดย: dreamhost หากต้องการแก้ไขธีมย่อยใน WooCommerce คุณต้องเข้าถึงไซต์ของคุณผ่าน FTP แล้วแก้ไขไฟล์ที่เหมาะสมใน / wp-content/themes/your-child-theme-name/ ไดเร็กทอรี หรือคุณสามารถแก้ไขไฟล์ธีมลูกของคุณได้โดยตรงในผู้ดูแลระบบ WordPress ภายใต้ ลักษณะที่ปรากฏ > Editor.WooCommerce เป็นแพลตฟอร์มอีคอมเมิร์ซที่ใช้กันอย่างแพร่หลายมากที่สุดบน WordPress WordPress WooCommerce เช่นเดียวกับคู่แข่งหลักคือ WordPress เป็นแพลตฟอร์มที่ปรับแต่งได้อย่างเต็มที่ การใช้หนึ่งในธีมย่อยที่มีอยู่เพื่อสร้างไซต์ที่ดีขึ้นและเพิ่มยอดขายเป็นวิธีที่ยอดเยี่ยมในการทำเช่นนั้น นอกจากนี้ยังมีส่วนขยายมากมายสำหรับร้านค้าของคุณเพื่อขยายขีดความสามารถ คุณสามารถปรับแต่ง WooCommerce ตามข้อกำหนดของคุณโดยแก้ไขหรือสร้างเทมเพลตใหม่ คุณจะสามารถจัดการตะกร้าสินค้าและขั้นตอนการชำระเงินที่ร้านค้าของคุณด้วยคุณสมบัตินี้ หากคุณยังไม่มี ให้ดูบทช่วยสอนของเราสำหรับการสร้างธีมลูกของ WooCommerce ในบทช่วยสอนนี้ เราจะพูดถึงวิธีเพิ่มหรือแก้ไขคุณสมบัติต่างๆ ในกระบวนการชำระเงิน คุณอาจต้องการเปลี่ยนช่องการชำระเงินหรือลักษณะที่หน้าตะกร้าสินค้าปรากฏในบางกรณี คุณจะได้เรียนรู้วิธีดำเนินการนี้โดยใช้เทมเพลต WooCommerce และธีมลูกของคุณ ควรเพิ่มข้อมูลโค้ดด้านล่างในไฟล์ฟังก์ชันของคุณ เพื่อให้คุณสามารถลบออกได้หากคุณไม่ต้องการช่องแสดงความคิดเห็นคำสั่งซื้อ ด้วยการสร้างเทมเพลตแบบกำหนดเอง คุณสามารถเปลี่ยนฟังก์ชันการทำงานของเทมเพลตที่มีอยู่ทั้งหมดหรือเพิ่มเทมเพลตใหม่ได้ คุณสามารถสร้างไฟล์ที่กำหนดเองโดยใช้ธีมย่อย woocommerce โดยการสร้างไดเร็กทอรีใหม่ วิธีนี้จะใช้เพื่อเปิดใช้งานการแทนที่ไฟล์เทมเพลตที่ตรงกันใน WooCommerce มีเทมเพลตพื้นฐานหลายแบบสำหรับปรับแต่งรูปลักษณ์ของส่วนต่างๆ ของร้านค้าของคุณ ในตัวอย่างนี้ สามารถใช้เทมเพลตเพื่อทำสิ่งนี้ให้สำเร็จ คุณไม่จำเป็นต้องมีส่วนขยายเพื่อให้เว็บไซต์ของคุณทำงานได้ตามที่คุณต้องการเพราะคุณจะสามารถแก้ไขไฟล์ธีมลูกและเทมเพลตของ WooCommerce ได้ การปรับแต่งเว็บไซต์ของคุณเป็นเรื่องยากสำหรับบางคน แต่ถ้าคุณมีทักษะ คุณจะประสบความสำเร็จได้หากคุณเจาะลึกเข้าไปในโค้ด ธีมลูกหน้าร้านรูปภาพโดย: wordpresssoft ธีมย่อยของหน้าร้านเป็นธีมที่สืบทอดฟังก์ชันการทำงานของธีมหน้าร้านและเพิ่มเอกลักษณ์ของตัวเอง คุณสมบัติและสไตล์ ธีมลูกเป็นวิธีที่ดีที่สุดในการปรับเปลี่ยนธีมที่มีอยู่ ช่วยให้คุณคงธีมเดิมไว้เหมือนเดิมและหลีกเลี่ยงความขัดแย้งกับการอัปเดตในอนาคต Homestore เป็นธีมย่อยที่สร้างขึ้นเพื่อใช้กับ Storefront ซึ่งเป็นธีม WooCommerce อย่างเป็นทางการ รายการเมนูหน้าแรกจะปรากฏขึ้นที่ด้านซ้ายของหน้าจอ เมื่อคุณคลิกเมนู คุณสามารถเพิ่มเมนูแบบกำหนดเองที่ปรากฏข้างหน้าแรกได้ นำเข้าข้อมูลหุ่น WooCommerce เพื่อให้ง่ายต่อการสร้างผลิตภัณฑ์สาธิตสำหรับไซต์ของคุณ การจัดการเมนูนั้นคล้ายกับเมนู WordPress อื่นๆ มีตัวเลือกมากมายสำหรับการเปลี่ยนหมวดหมู่ รวมถึงการลากและวาง ในกรณีของเนื้อหา เพียงแค่ลบเนื้อหาที่มีอยู่ โค้ดต่อไปนี้สามารถใช้เพื่อเรียกร้องให้ดำเนินการในพื้นที่ส่วนท้ายโดยใช้วิดเจ็ตข้อความ ปลั๊กอินนี้ ซึ่งสามารถใช้เพื่อซ่อนชื่อของหน้าใดก็ได้ในไซต์ของคุณ ช่วยให้คุณสามารถทำเช่นนั้นได้ รหัสย่อที่เพิ่มสิ่งนี้ลงในเนื้อหาหน้าแรกนั้นมาจากส่วนขยาย Storefront Product Hero ไฟล์ functions.php ใน Homestore จะไม่ได้รับการอัปเดตอีกต่อไปหากมีการเปลี่ยนแปลงที่นั่น หากคุณต้องการเพิ่มข้อมูลโค้ดลงในปลั๊กอิน คุณควรดำเนินการดังกล่าว