วิธีสร้างแผงการตั้งค่าแบบกำหนดเองใน WooCommerce

เผยแพร่แล้ว: 2021-04-16


WordPress กำลังได้รับความนิยมในหมู่นักพัฒนาจำนวนมากเนื่องจากคุณสมบัติที่ใช้งานง่าย มีสิ่งอำนวยความสะดวกมากมายในการพัฒนาไซต์ที่มีแง่มุมต่างๆ สาเหตุหลักประการหนึ่งของความนิยมคือการพัฒนาไซต์อีคอมเมิร์ซ อนาคตกำลังเคลื่อนไปสู่ความต้องการของลูกค้าโดยไม่มีการเคลื่อนไหวหรือการค้นหา

ผลิตภัณฑ์ตามหมวดหมู่จำนวนมากได้เริ่มพัฒนาไซต์อีคอมเมิร์ซเพื่อสร้างการมีส่วนร่วมกับลูกค้า ดังนั้นการเข้าชมเว็บไซต์อีคอมเมิร์ซจึงเพิ่มขึ้นอย่างรวดเร็ว เป็นการดีที่จะทราบขั้นตอนการพัฒนาของแผงการตั้งค่าแบบกำหนดเองด้วย WooCommerce ของ Word press

WooCommerce มีความเชี่ยวชาญในการพัฒนาผลิตภัณฑ์อีคอมเมิร์ซและเสนอทางเลือกมากมายในการปรับแต่งความต้องการเพื่อพัฒนาไซต์ โดยเน้นข้อมูลที่นำเสนอโดยเนื้อหาบล็อกจะช่วยเพิ่มประสิทธิภาพและพัฒนาความสนใจไปยังเว็บไซต์

ดังนั้นข้อมูลที่ให้มาจะเป็นประโยชน์ในการทราบข้อมูลเกี่ยวกับการสร้างแผงข้อมูลแบบกำหนดเองที่ช่วยให้ไซต์อีคอมเมิร์ซเพิ่มส่วนการแปลงเนื่องจาก CRO มีบทบาทสำคัญในการเพิ่มการโต้ตอบระหว่างผู้ใช้และเจ้าของเว็บไซต์ ตรวจสอบให้แน่ใจว่าได้รับการอัปเดตของ WooCommerce ตามความต้องการจากผู้ใช้ ดังนั้นการร่วมมือกับการอัปเดตและข้อกำหนดจากการใช้งานจะช่วยได้มากในการพัฒนาเว็บไซต์

คุณเข้าใจแผงข้อมูลที่กำหนดเองของ WooCommerce หรือไม่?

หากคุณต้องการพัฒนาและยืนยันผลิตภัณฑ์ใดๆ ใน WooCommerce คุณต้องป้อนข้อมูลที่อาจทำได้ยากในทางเทคนิค เช่น ข้อมูล เช่น ต้นทุน สินค้าคงคลัง ในส่วนของรายการผลิตภัณฑ์ แต่สามารถสร้างได้อย่างง่ายดาย

แผงข้อมูลที่กำหนดเองของ WooCommerce

คุณต้องเลือกตัวเลือกของแผงข้อมูลที่กำหนดเองจาก WooCommerce จากนั้นคุณสามารถดูรายละเอียดในรูปแบบเฉพาะ สองคอลัมน์จะปรากฏในแผงส่วนผลิตภัณฑ์ ด้านซ้ายมีรายละเอียดทั่วไป สินค้าคงคลัง ฯลฯ แต่ละแผงจะมีข้อมูลบางอย่าง

ผมขอเสนอตัวอย่าง; หากจำเป็นต้องเพิ่มแผงห่อของขวัญ ให้ปฏิบัติตามรายละเอียดต่อไปนี้

  • สร้างช่องทำเครื่องหมายเพื่อแทรกตัวเลือกเป็นการห่อของขวัญสำหรับผลิตภัณฑ์ที่เกี่ยวข้องในหน้าผลิตภัณฑ์
  • สร้างช่องทำเครื่องหมายเพื่อให้แน่ใจว่าช่องป้อนข้อมูลเพื่อให้ลูกค้าสามารถป้อนข้อมูลเป็นข้อความไปยังรายการผลิตภัณฑ์
  • ในการเพิ่มต้นทุนจากตัวเลือกการห่อของขวัญ จำเป็นต้องสร้างฟิลด์ป้อนข้อมูลที่สามารถดำเนินการตามขั้นตอนนี้ได้ เนื่องจากจะช่วยเพิ่มต้นทุนของผลิตภัณฑ์ในตะกร้าสินค้า มุมมองกระบวนการนี้จะได้รับการประมวลผลในส่วนหลัง

คุณสามารถสร้างปลั๊กอินใหม่ได้

ปลั๊กอินมีความสำคัญต่อการสร้าง เนื่องจากช่วยหลีกเลี่ยงข้อผิดพลาดและพยายามพัฒนาฟังก์ชันต่างๆ ได้มาก ไม่จำเป็นต้องพัฒนาโค้ดเพื่อสร้างฟิลด์ที่กำหนดเอง เนื่องจากปลั๊กอินจะให้ประโยชน์และผู้ใช้สามารถสลับไปใช้ธีมอื่นได้โดยไม่รบกวนฟังก์ชัน การสร้างปลั๊กอินเป็นกระบวนการเดียวกับ WordPress

ปลั๊กอินประกอบด้วยสองคลาส:

  • เพื่อจัดการรายละเอียดแอดมิน
  • เพื่อจัดการกับ front-end

โครงสร้างโครงการ

ระดับผู้ดูแลระบบ

ขั้นตอนแรกคือการสร้างคลาสเพื่อรักษาข้อมูลส่วนหลัง สร้างคลาสในโฟลเดอร์โดยใช้ตัวเลือกไฟล์ใหม่ ดูเหมือนว่า class-tpwcp-admin.php นี้

ทางด้านซ้ายของส่วนผลิตผล องค์ประกอบจะถูกใช้ในปัจจุบันเพื่อสร้างแท็บที่กำหนดเอง เริ่มเพิ่มฟิลด์เมื่อรายการผลิตภัณฑ์ไปที่แผงแบบกำหนดเอง เลือกประเภทผลิตภัณฑ์จากแผงควบคุม จากนั้นจะเปิดใช้งาน ป้อนค่าที่ต้องการและบันทึก กระบวนการควรปฏิบัติตามเพื่อสร้างแท็บที่กำหนดเองคือการเข้าถึงตัวเลือกต่อไปนี้ด้วยฟังก์ชัน create_giftwrap_tab ภายใต้ตัวเลือกตัวกรอง woocommerce_product_data_tabs ซึ่งช่วยให้ส่งข้อมูลจากแท็บ $tabs ของ WooCommerce และภายหลังสามารถปรับเปลี่ยนเป็นป้ายกำกับ เป้าหมาย คลาส และลำดับความสำคัญได้

ประเภทสินค้า

ในการเลือกตัวเลือกจากประเภทผลิตภัณฑ์ สิ่งสำคัญคือต้องแน่ใจว่าจะเปิดใช้งานกรณีและปัญหา คุณสามารถทำให้มันง่ายขึ้นได้โดยการเพิ่มคลาส show_if_simple และ show_if_variable และหากคุณต้องการหลีกเลี่ยงรายการผลิตภัณฑ์บางประเภท ให้ละเลยมันไป

ฟังก์ชันฟิลด์ที่กำหนดเองของ WooCommerce

ตัวอย่างเช่น สามารถใช้ทั้งสองฟังก์ชันเพื่อสร้างฟิลด์ได้

  • woocommerce_wp_checkbox
  • woocommerce_wp_text_input

คลาสข้างต้นถูกใช้เป็นพิเศษเพื่อสร้างฟิลด์ที่กำหนดเองด้วยอาร์กิวเมนต์ที่ระบุด้านล่าง

  • Id: มันควรจะเป็นเอกลักษณ์
  • ป้ายกำกับ: ผู้ใช้จะสังเกตเห็น
  • desc_tip: จะปรากฏขึ้นเมื่อผู้ใช้วางเมาส์เหนือเครื่องหมายคำถามที่ติดกับป้ายกำกับ

ในการเพิ่มช่องใส่ในรูปแบบของข้อความหรือตัวเลข คุณสามารถใช้อาร์กิวเมนต์เช่นฟังก์ชัน woocommerce_wp_text_input

บันทึกฟิลด์กำหนดเอง
  1. หากต้องการบันทึกค่าในฟิลด์ที่กำหนดเอง ให้ใช้คลาสผู้ดูแลระบบเป็น woocommerce_process_product_meta
  2. ในการสร้างฟังก์ชันด้วยวิธีการที่ง่ายกว่าและเพิ่มประสิทธิภาพข้อมูลด้วยกระบวนการจัดเก็บและดึงข้อมูลที่เหมาะสม สามารถใช้ CRUD เพื่อตั้งค่าการตั้งค่าสำหรับการเพิ่มประสิทธิภาพข้อมูล คุณสามารถใช้ได้จาก WooCommerce 3.0
  3. ในการสร้าง WooCommerce ในตอนนี้ ตัวเลือกสามารถใช้กับรูปแบบต่างๆ เช่น $post_id, $product object และต่อมานำไปใช้กับ update_meta_data เพื่อบันทึกข้อมูล

บทสรุป

WordPress มีความสามารถในการทำงานทุกอย่างที่เป็นไปได้ของเว็บไซต์ การได้รู้ข้อมูลมากขึ้นจะช่วยยกระดับธุรกิจได้มากเมื่อต้องพัฒนาโครงการสำหรับหมวดหมู่ต่างๆ WordPress เสนอการออกแบบที่กำหนดเองเพื่อพัฒนาเว็บไซต์ด้วยวิธีการที่เหมาะสม มีตัวเลือกมากมายจากด้านข้างของระบบจัดการเนื้อหา โดยเน้นที่ส่วนที่ต้องการของ WordPress จะช่วยสร้างผลิตภัณฑ์ที่มีประสิทธิภาพสูง

มีตัวเลือกมากมายเพื่อเพิ่มคุณสมบัติและฟังก์ชันการทำงานของกระบวนการพัฒนา คุณต้องมุ่งเน้นไปที่ขั้นตอนของตัวเลือกปลั๊กอินและเทคนิคการเข้ารหัส ด้วยการรู้เทคนิคในการเขียนโปรแกรม WordPress จะเป็นการให้เครดิตกับโปรไฟล์และช่วยในการรับโครงการและเพิ่มรายได้ ดังนั้นอย่าลืมพัฒนาทักษะการเขียนโปรแกรมที่ช่วยให้เว็บไซต์มีบทบาทแบบโต้ตอบและเพิ่มส่วนการแปลง ฉันหวังว่าประเด็นข้างต้นจะเป็นประโยชน์ในการทราบรายละเอียดในการสร้างฟิลด์ที่กำหนดเองโดยใช้ WooCommerce