วิธีปรับแต่งหน้าบัญชีของฉันใน WooCommerce (ปลั๊กอินและโดยทางโปรแกรม)
เผยแพร่แล้ว: 2020-12-31กำลังมองหาวิธีง่ายๆ ในการแก้ไขและปรับเปลี่ยนหน้าบัญชีของฉันในแบบของคุณอยู่ใช่ไหม ในคู่มือนี้ คุณจะได้เรียนรู้ วิธีปรับแต่งหน้าบัญชีของฉันของ WooCommerce ทั้งแบบเป็นโปรแกรมและด้วยปลั๊กอิน เพื่อยกระดับร้านค้าของคุณไปอีกระดับ
การตั้งค่าหน้าบัญชีของฉัน ถือเป็นสิ่งสำคัญสำหรับร้านค้าออนไลน์ทุกแห่ง หน้านี้มักจะถูกมองข้ามโดยเจ้าของร้านค้าส่วนใหญ่ แต่สามารถช่วยให้คุณโดดเด่นกว่าคู่แข่งของคุณและมอบประสบการณ์ลูกค้าที่ดียิ่งขึ้นให้กับผู้ซื้อของคุณ ก่อนที่จะเข้าสู่วิธีการแก้ไข เรามาดูรายละเอียดกันว่าเหตุใดการปรับแต่งหน้าบัญชีของฉันของ WooCommerce จึงมีความสำคัญ
หน้าบัญชีของฉันคืออะไร และเหตุใดคุณจึงควรปรับแต่งหน้าดังกล่าว
หน้าบัญชีของฉัน ใน WooCommerce คือที่ที่เจ้าของร้านค้าเก็บข้อมูลเกี่ยวกับข้อมูลส่วนบุคคลของลูกค้า การเรียกเก็บเงิน และที่อยู่สำหรับจัดส่ง นอกจากนี้ยังเป็นที่ที่ผู้ใช้สามารถตรวจสอบคำสั่งซื้อของตนได้ หน้าบัญชีของฉัน เริ่มต้นคือหน้า WordPress ธรรมดาที่มีรหัสย่อ WooCommerce
[ woocommerce_my_account
]
หน้าเริ่มต้นนี้มีข้อมูลพื้นฐานทั้งหมดที่ผู้ใช้ต้องการ แต่คุณสามารถใช้ประโยชน์สูงสุดจากหน้าดังกล่าวได้ เว้นแต่คุณจะปรับแต่งหน้าบัญชีของฉัน คุณสามารถใช้หน้านี้เพื่อวัตถุประสงค์ที่หลากหลาย นอกเหนือจากการให้ข้อมูลเกี่ยวกับคำสั่งซื้อของลูกค้าของคุณแล้ว คุณยังสามารถตั้งค่าคูปองและรหัสส่วนลดและแสดงคูปองเหล่านั้นที่นั่น หรือแม้กระทั่งให้การแจ้งเตือนพิเศษ ข้อเสนอส่วนลด และการแจ้งเตือนการขาย
หน้าบัญชีของฉันเปิดโอกาสมากมายสำหรับการโต้ตอบเพิ่มเติมกับลูกค้าของคุณในขณะที่ทำให้ประสบการณ์การช็อปปิ้งของพวกเขาดีขึ้นมาก ตัวอย่างเช่น คุณสามารถให้ผู้ซื้อบันทึกรายละเอียดการชำระเงิน ที่อยู่สำหรับจัดส่ง และรายละเอียดบัญชีเพิ่มเติม และรวมเข้ากับขั้นตอนการชำระเงิน
ในทำนองเดียวกัน คุณสามารถจัดเตรียมรายการดาวน์โหลดและผลิตภัณฑ์เสมือนที่พวกเขานำมาโดยตรงบนหน้าบัญชีของฉัน และยังอนุญาตให้พวกเขาเปิดตั๋วการสนับสนุนแบบพรีเมียมและติดต่อได้โดยตรงจากหน้าบัญชีของฉัน
หากคุณกำลังใช้งานหน้า WooCommerce และต้องการทำให้ลูกค้าของคุณสะดวกที่สุดเท่าที่จะเป็นไปได้ คุณควร ปรับแต่งหน้าบัญชีของฉันใน WooCommerce อย่างแน่นอน
วิธีปรับแต่งหน้าบัญชีของฉันใน WooCommerce
มีสองวิธีในการแก้ไขหน้าบัญชีของฉัน:
- ด้วยปลั๊กอิน
- โดยทางโปรแกรม
ในคู่มือนี้ เราจะอธิบายทั้งสองวิธีเพื่อให้คุณสามารถเลือกวิธีที่เหมาะสมกับคุณที่สุด
1) แก้ไขหน้าบัญชีของฉันด้วยปลั๊กอิน
มีปลั๊กอินหลายตัวสำหรับแก้ไขหน้าบัญชีของฉัน เพื่อให้ชีวิตของคุณง่ายขึ้น เราจะมาดูการเลือกเครื่องมือที่ดีที่สุดของเรา ปลั๊กอินเหล่านี้มาพร้อมกับการปรับแต่งทั้งหมดที่คุณต้องการเพื่อให้หน้าบัญชี WooCommerce ของฉันมีเอกลักษณ์ สะดวกสบาย และใช้งานง่าย ถ้าคุณไม่มีทักษะในการเขียนโค้ด การใช้ปลั๊กอินเป็นวิธีที่จะไป
คุณสามารถแก้ไขแท็บของหน้าบัญชีของฉัน สร้างใหม่ หรือแม้แต่ปรับแต่งรูปลักษณ์โดยใช้เครื่องมือปรับแต่งเฉพาะและตัวเลือกการปรับแต่งมากมาย ไม่ต้องกังวลใจอีกต่อไป นี่คือคำแนะนำส่วนตัวของเราเกี่ยวกับปลั๊กอินที่คุณสามารถใช้เพื่อปรับแต่งหน้าบัญชีของฉันใน WooCommerce
1) StoreCustomizer
StoreCustomizer เป็นปลั๊กอิน WordPress ฟรีที่สามารถช่วยคุณปรับแต่งหน้า WooCommerce ทั้งหมดของคุณ ซึ่งรวมถึงทุกอย่างตั้งแต่การเพิ่มรายการไปยังเมนูของคุณ ตลอดจนการจัดการร้านค้า สินค้า หน้าชำระเงิน และแม้แต่บัญชีของฉัน คุณสามารถเปลี่ยนชื่อ ลบแท็บ และตัวเลือกต่างๆ ได้อย่างอิสระเพื่อเปลี่ยนการจัดรูปแบบหน้าบัญชีของฉันได้ 2 วิธี
สิ่งที่ยอดเยี่ยมอย่างหนึ่งเกี่ยวกับ StoreCustomizer คือไม่ต้องมีการเปลี่ยนแปลงใดๆ กับเทมเพลตธีมของคุณ หรือแม้แต่ตั้งค่า WooCommerce hooks ปลั๊กอินนี้มีน้ำหนักเบามากและใช้งานง่าย นอกจากนี้ ด้วยเวอร์ชันพรีเมียม คุณจะสามารถเข้าถึงตัวเลือกเพิ่มเติมในการปรับแต่งหน้าบัญชีของฉัน เช่น การเพิ่มแท็บที่กำหนดเองและการแก้ไขเนื้อหาแท็บโดยใช้ตัวแก้ไข Gutenberg เป็นปลั๊กอินสำหรับสร้างเพจ
คุณสมบัติหลัก
- ปลั๊กอินที่ใช้งานง่ายซึ่งปรับแต่งหน้า WooCommerce โดยไม่ต้องเปลี่ยนไฟล์ธีมของคุณ
- ผสานรวมกับ WordPress Live Customizer อย่างสมบูรณ์
- อนุญาตให้เปลี่ยนชื่อและลบแท็บบัญชีของฉันรวมทั้งเปลี่ยนรูปแบบแท็บ
- เวอร์ชันพรีเมียมช่วยให้ปรับแต่งแท็บบัญชีของฉันได้อย่างเต็มที่ รวมทั้งเพิ่มแท็บที่กำหนดเองได้
ราคา
นี่คือปลั๊กอิน freemium มีเวอร์ชันฟรีพร้อมคุณสมบัติพื้นฐานและแผนพรีเมียมสี่แผนซึ่งเริ่มต้นที่ 29 USD ต่อปี
2) บูสเตอร์
Booster คือคำตอบที่สมบูรณ์สำหรับการปรับแต่งหน้า WooCommerce โดยไม่จำเป็นต้องเขียนโค้ดใดๆ ปลั๊กอินนี้มาพร้อมกับโมดูลที่หลากหลายเพื่อช่วยคุณแก้ไขคุณลักษณะและหน้าต่างๆ ของ WooCommerce รวมถึงหน้าบัญชีของฉันด้วย คุณสามารถเปลี่ยนปลายทางของแท็บได้อย่างง่ายดาย เพื่อให้การคลิกที่แท็บจะนำคุณไปยังหน้าใดๆ ที่คุณระบุ
นอกจากนี้ คุณสามารถเพิ่มหน้าแบบกำหนดเอง และแม้กระทั่งกำหนดหน้าและแท็บเฉพาะ ตัวอย่างเช่น คุณสามารถปรับแต่งข้อความบนแดชบอร์ดและแม้กระทั่งอนุญาตให้ลูกค้าของคุณเปลี่ยนสถานะคำสั่งซื้อด้วยตนเองจากแท็บคำสั่งซื้อของพวกเขา หากคุณกำลังมองหาโซลูชันที่สมบูรณ์ในการปรับแต่งหน้าบัญชีของฉัน Booster คือคำตอบที่ดีอย่างแน่นอน
คุณสมบัติหลัก
- ทั้งหมดในปลั๊กอินเดียวเพื่อปรับแต่งหน้า ฟังก์ชัน และเทมเพลตของ WooCommerce
- การปรับแต่งปลายทางของแท็บสำหรับหน้าบัญชีของฉัน
- มีตัวเลือกสำหรับการปรับแต่งแท็บแดชบอร์ด
- เพิ่มแท็บกำหนดเองรวมทั้งเปลี่ยนชื่อ ลักษณะ และจัดลำดับแท็บบัญชีของฉันใหม่
ราคา
Booster มีเวอร์ชันฟรีพร้อมฟีเจอร์ที่จำกัดและแผนพรีเมียมสี่แผนซึ่งเริ่มต้นที่ 99.99 USD ต่อปี
3) ปรับแต่งบัญชีของฉันสำหรับ WooCommerce
ปรับแต่งบัญชีของฉันสำหรับ WooCommerce เป็นตัวเลือกระดับพรีเมียมในการปรับแต่งและปรับแต่งหน้าบัญชีของฉันในแบบที่คุณต้องการ ด้วยเครื่องมือนี้ คุณจะแก้ไขและเพิ่มปลายทางได้มากเท่าที่ต้องการ คุณสามารถเปลี่ยนชื่อ จัดลำดับใหม่ และปรับแต่งแท็บทั้งหมดของคุณได้โดยใช้เครื่องมือปรับแต่งแบบสด ยิ่งไปกว่านั้น คุณสามารถเปลี่ยนป้ายกำกับแท็บ เพิ่มไอคอน และรวมเนื้อหาที่กำหนดเองลงในแท็บของคุณได้อย่างอิสระโดยไม่ต้องเขียนโค้ดใดๆ
นอกจากนี้ ปลั๊กอินนี้ยังมีตัวเลือกการแก้ไขที่มีประสิทธิภาพพร้อมกับเครื่องมือปรับแต่งแบบสดเพื่อปรับแต่งหน้าบัญชีของฉันในแบบของคุณ คุณสามารถเปลี่ยนขนาดแบบอักษรและสี ภาพพื้นหลัง สี และช่องว่างภายใน และระยะขอบได้ คุณยังสามารถเพิ่มโค้ด CSS ที่กำหนดเองเพื่อปรับแต่งให้อยู่ในระดับใหม่ทั้งหมด
คุณสมบัติหลัก
- ใช้งานง่ายและรวมเข้ากับ Live Customizer อย่างสมบูรณ์
- การปรับแต่งแท็บและปลายทางทั้งหมดภายใต้หน้าบัญชีของฉัน
- ตัวเลือกในการเปลี่ยนป้ายกำกับแท็บ เพิ่มเนื้อหาที่กำหนดเอง รูปภาพ และไอคอนแท็บ
- รองรับโค้ด CSS ที่กำหนดเองสำหรับการปรับแต่งเพิ่มเติม
ราคา
ปรับแต่งบัญชีของฉันสำหรับ WooCommerce เป็นปลั๊กอินระดับพรีเมียมที่จะคืนเงินให้คุณ 49 USD ต่อปี
การปรับแต่งหน้าบัญชีของฉันโดยใช้ WooCommerce StoreCustomizer
ตอนนี้ มาดูวิธีใช้ StoreCustomizer เพื่อปรับแต่งหน้าบัญชีของฉัน WooCommerce รุ่นฟรีช่วยให้คุณสามารถแก้ไขชื่อแท็บหรือเปลี่ยนรูปแบบแท็บในขณะที่เพิ่มแท็บใหม่ที่คุณต้องการแผนโปร แม้ว่าคุณจะเลือกปลั๊กอินอื่น ส่วนนี้จะช่วยให้คุณมีแนวคิดที่ดีขึ้นเกี่ยวกับวิธีใช้ปลั๊กอินเพื่อปรับแต่งหน้าบัญชีของฉัน
ขั้นแรก ให้ติดตั้งปลั๊กอิน StoreCustomizer เปิด แดชบอร์ดผู้ดูแลระบบ WordPress แล้วไปที่ Plugins > Add New จากนั้น ใช้แถบค้นหาที่ด้านบนขวาเพื่อค้นหา StoreCustomize r คลิก ติดตั้ง แล้ว เปิดใช้งาน ตอนนี้ ปลั๊กอินควรเปิดใช้งานและติดตั้ง
หากต้องการเริ่มปรับแต่งหน้าบัญชีของฉัน ให้ไปที่ WooCommerce > StoreCustomizer
ซึ่งจะเปิดอินเทอร์เฟซของปลั๊กอินและให้ตัวเลือกการปรับแต่งทั้งหมดที่ปลั๊กอินนำเสนอแก่คุณ ในขณะที่เรากำลังจะปรับแต่งหน้าบัญชีของฉัน ให้กดปุ่ม ปรับแต่งการตั้งค่าของคุณ ที่ด้านล่างของหน้า
การใช้ StoreCustomizer
สิ่งนี้ควรเปิดหน้าต่าง Live Customizer และคุณควรจะเห็นแท็บ Store Customizer บนเมนู คลิกที่มันแล้วไปที่แท็บ หน้าบัญชี ภายใต้มัน
ตอนนี้ มาเริ่มแก้ไขหน้าบัญชีของฉันกัน ขั้นแรก ให้เปลี่ยนตัวเลือกการจัดรูปแบบแท็บ คลิกที่ตัวเลือก การออกแบบแท็บบัญชี และเปลี่ยนเป็นการจัดรูปแบบแนวนอนหรือการจัดรูปแบบแท็บด้านข้าง
นอกจากนี้เรายังสามารถเลือกที่จะ ลบ แท็บหรือ เปลี่ยนชื่อ ได้ ดังนั้นเรามาเปลี่ยนชื่อแท็บที่อยู่เป็นที่อยู่สำหรับจัดส่งและลบแท็บดาวน์โหลด
การเปลี่ยนชื่อแท็บหน้าบัญชีของฉันโดยใช้ Store Customizer
หากต้องการเปลี่ยนชื่อ ให้ไปที่แท็บที่คุณต้องการเปลี่ยนชื่อ แล้วคลิก แก้ไขข้อความในแท็บ จากนั้นเพียงป้อนข้อความแท็บใหม่ที่คุณต้องการในฟิลด์ชื่อแท็บ และควรปรากฏในหน้าต่างปรับแต่งสดด้านขวา คุณยังสามารถเลือกที่จะเปลี่ยนชื่อเพจที่แสดงขึ้นเมื่อคุณคลิกที่แท็บ เพียงเปลี่ยนข้อความภายใต้ชื่อหน้าและก็ควรทำ
การลบแท็บหน้าบัญชีของฉันโดยใช้ Store Customizer
หากต้องการลบแท็บ ให้คลิกปุ่ม ลบแท็บ ใต้แท็บที่คุณต้องการซ่อน ตัวอย่างเช่น หากคุณต้องการลบแท็บดาวน์โหลด เพียงเลือกตัวเลือก ลบแท็บ ที่อยู่ด้านล่าง
จำไว้ว่าคุณสามารถ รีเซ็ต การเปลี่ยนแปลงแท็บได้ตลอดเวลา เมื่อคลิกที่ไอคอนรีเซ็ตใต้แท็บ คุณจะตั้งค่า แท็บบัญชีของฉัน กลับเป็นค่าเริ่มต้นได้
ตอนนี้ เราขอแนะนำให้คุณไปข้างหน้าและปรับแต่งแท็บ หน้าบัญชีของฉัน WooCommerce ได้ มากเท่าที่คุณต้องการและแก้ไขแท็บของคุณ อย่างไรก็ตาม หากคุณต้องการเพิ่มแท็บและปลายทางใหม่ คุณจะต้องซื้อ เวอร์ชันพรีเมียมของ StoreCustomizer กระบวนการในการเพิ่มแท็บใหม่นั้นเหมือนกัน และคุณสามารถเปิดหน้าจอปรับแต่งเพื่อทำเช่นนั้นได้
คุณยังสามารถอ้างถึงเอกสารประกอบของปลั๊กอินเพื่อใช้ประโยชน์สูงสุดจากปลั๊กอินและการปรับแต่ง WooCommerce ทั้งหมด เมื่อคุณปรับแต่งหน้าบัญชีของฉันเสร็จแล้ว อย่าลืมคลิก เผยแพร่ ที่ด้านบนของหน้าจอเครื่องมือปรับแต่งเพื่อบันทึกการเปลี่ยนแปลงของคุณ
แม้ว่าตัวเลือกในการปรับแต่งหน้า บัญชีของฉัน โดยใช้ปลั๊กอินจะง่ายกว่าและคล่องตัวกว่า แต่ปลั๊กอินส่วนใหญ่จะใช้เงินจำนวนมากเพื่อให้คุณมีคุณลักษณะที่หลากหลาย ดังนั้น หากคุณต้องการใช้หน้าบัญชีของฉันให้เกิดประโยชน์สูงสุดแต่คุณมีงบประมาณจำกัด การเขียนโค้ดโซลูชันของคุณเองก็เป็นทางเลือกที่ดี
มาดูกันว่าคุณสามารถปรับแต่งหน้า บัญชีของฉัน WooCommerce แบบเป็นโปรแกรม ได้อย่างไร
2) ปรับแต่งหน้าบัญชีของฉันใน WooCommerce โดยทางโปรแกรม
หากคุณมีทักษะในการเขียนโค้ด คุณยังสามารถปรับแต่งหน้า บัญชีของฉันโดยทางโปรแกรม โดยแก้ไข ไฟล์เทมเพลต WooCommerce หรือใช้ WooCommerce hooks ก่อนที่คุณจะเริ่มต้น เราขอแนะนำให้คุณสร้างธีมย่อยหรือใช้ปลั๊กอินเหล่านี้และสร้างข้อมูลสำรองทั้งหมดสำหรับการติดตั้ง WordPress ของคุณ
สำหรับการสาธิตของเรา เราจะแสดงวิธีปรับแต่งหน้าบัญชีของฉันโดยใช้โปรแกรม WooCommerce hooks ซึ่งไม่จำเป็นต้องแก้ไขไฟล์เทมเพลตของคุณ ดังนั้นจึงมีโอกาสน้อยลงที่จะทำลายบางสิ่ง
อย่างไรก็ตาม หากคุณต้องการตัวเลือกเพิ่มเติมในการปรับแต่งหน้าบัญชีของฉันด้วยการเข้ารหัสเล็กน้อย โปรดดูคู่มือฉบับเต็มเกี่ยวกับวิธีการแก้ไขหน้าบัญชีของฉันโดยทางโปรแกรม สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งเทมเพลต ให้ดูที่บทช่วยสอนนี้
การปรับแต่งหน้าบัญชีของฉันใน WooCommerce โดยใช้ WooCommerce hooks
หากคุณไม่คุ้นเคยกับ WooCommerce hooks เราขอแนะนำให้คุณดู คำแนะนำเกี่ยวกับ WooCommerce hooks เพื่อทำความเข้าใจวิธีการทำงานให้ดีขึ้น หลังจากนั้น เพียงทำตามขั้นตอนต่อไปนี้เพื่อปรับแต่งและทำการเปลี่ยนแปลงในหน้าบัญชีของฉัน
ในการเริ่มต้นกระบวนการ ใน WordPress Admin Dashboard ของคุณ ให้ไปที่ Appearance > Theme Editor to เปิดตัว แก้ไขธีม ของคุณ
จากนั้นไปที่ไฟล์ functions.php ใน รายการไฟล์ธีม ที่แถบด้านข้างขวา ขณะนี้ คุณสามารถเพิ่มฟังก์ชันที่กำหนดเองลงใน ไฟล์ฟังก์ชัน ของธีมลูกได้โดยใช้ตัวแก้ไข
การเปลี่ยนชื่อแท็บโดยใช้ WooCommerce Hooks
ในการ เปลี่ยนชื่อแท็บ โดยใช้ WooCommerce hooks ให้เพิ่มสคริปต์ต่อไปนี้ในไฟล์ functions.php ของคุณ สคริปต์นี้จะเปลี่ยนชื่อแท็บ ที่อยู่ ของคุณเป็นที่อยู่ของคุณ แต่คุณสามารถแก้ไขสคริปต์และใช้ชื่อที่คุณต้องการได้
add_filter( 'woocommerce_account_menu_items', 'QuadLayers_rename_acc_adress_tab', 9999 ); ฟังก์ชัน QuadLayers_rename_acc_adress_tab ($items) { $items['edit-address'] = 'ที่อยู่ของคุณ'; ส่งคืนสินค้า $; }
จากนั้นบันทึกการเปลี่ยนแปลงและตรวจสอบส่วนหน้าเพื่อดูการเปลี่ยนแปลง
คุณยังสามารถแก้ไขสคริปต์นี้และเปลี่ยนชื่อแท็บของคุณได้ ในการดำเนินการนี้ ให้เปลี่ยนชื่ออาร์เรย์ $ ites คุณสามารถตรวจสอบรายชื่อทากที่มีอยู่ทั้งหมดสำหรับอาร์เรย์ $ ites ได้ที่นี่
$items = อาร์เรย์ ( 'แดชบอร์ด' => __( 'แดชบอร์ด', 'woocommerce' ), 'orders' => __( 'คำสั่งซื้อ', 'woocommerce' ), 'ดาวน์โหลด' => __( 'ดาวน์โหลด', 'woocommerce' ), 'แก้ไขที่อยู่' => _n( 'ที่อยู่', 'ที่อยู่', (int) wc_shipping_enabled(), 'woocommerce' ), 'วิธีการชำระเงิน' => __( 'วิธีการชำระเงิน', 'woocommerce' ), 'แก้ไขบัญชี' => __( 'รายละเอียดบัญชี', 'woocommerce' ), 'customer-logout' => __( 'ออกจากระบบ', 'woocommerce' ), );
ตัวอย่างเช่น หากคุณต้องการเปลี่ยนชื่อ แท็บ Orders เป็น Your Orders คุณสามารถแก้ไขบรรทัดที่ 3 ของสคริปต์เป็น $items['orders'] = 'Your Orders' คุณต้องเปลี่ยนชื่อตัวกรองเป็น QuadLayers_rename_orders_tab เพื่อให้ฟังก์ชันใหม่ของคุณไม่ใช่ชื่อเดียวกับชื่อด้านบน ดังนั้น ด้วยการเปลี่ยนแปลงเหล่านี้ สคริปต์ใหม่ของคุณจะเป็น:
add_filter( 'woocommerce_account_menu_items', 'QuadLayers_rename_orders_tab', 9999 ); ฟังก์ชัน QuadLayers_rename_orders_tab( $items ) { $items['orders'] = 'คำสั่งซื้อของคุณ'; ส่งคืนสินค้า $; }
ด้วยวิธีนี้ คุณสามารถแก้ไขไฟล์ functions.php และเปลี่ยนชื่อแท็บทั้งหมดของคุณได้ เมื่อคุณพอใจกับการเปลี่ยนแปลงแล้ว ให้คลิก อัปเดตไฟล์ เท่านี้คุณก็พร้อมแล้ว
การลบแท็บโดยใช้ WooCommerce hooks
นอกเหนือจากการเปลี่ยนชื่อแท็บ คุณยังสามารถ ลบแท็บ ในหน้าบัญชีของฉันโดยใช้ ฟังก์ชัน unset() กับ อาร์เรย์ $items ตัวอย่างเช่น ในการ ลบแท็บรายละเอียดบัญชี คุณต้องใช้สคริปต์ต่อไปนี้
add_filter( 'woocommerce_account_menu_items', 'QuadLayers_remove_acc_tab', 999 ); ฟังก์ชัน QuadLayers_remove_acc_tab ($items) { unset($items['แก้ไขบัญชี']); ส่งคืนสินค้า $; }
บันทึกการเปลี่ยนแปลงแล้วตรวจสอบส่วนหน้า คุณจะเห็นว่าไม่มีแท็บ รายละเอียดบัญชี
เมื่อใช้สคริปต์เดียวกัน คุณจะปรับเปลี่ยนและลบแท็บใดก็ได้ที่ต้องการ ตัวอย่างเช่น หากคุณต้องการซ่อนแท็บดาวน์โหลด คุณต้องเปลี่ยนชื่อฟังก์ชันและอาร์เรย์รายการจาก $items['edit-account'] เป็น $items['downloads'] ตอนนี้สคริปต์ใหม่ของคุณจะเป็นแบบนี้
add_filter( 'woocommerce_account_menu_items', 'QuadLayers_remove_download', 9999 ); ฟังก์ชัน QuadLayers_remove_downloads ($items) { unset( $items['ดาวน์โหลด'] ); ส่งคืนสินค้า $; }
จากนั้นคลิก อัปเดตไฟล์ เพื่อใช้การเปลี่ยนแปลง นี่เป็นเพียงบางสิ่งที่คุณสามารถทำได้เพื่อปรับแต่งหน้าบัญชีของฉันใน WooCommerce แต่คุณไม่ได้จำกัดเพียงแค่การลบและเปลี่ยนชื่อเท่านั้น คุณยังสามารถผสานแท็บ สร้างแท็บที่กำหนดเอง และอื่นๆ อีกมากมาย หากต้องการเรียนรู้วิธีใช้ประโยชน์สูงสุดจากหน้าบัญชีของฉันแบบเป็นโปรแกรม เราขอแนะนำให้คุณปฏิบัติตามคำแนะนำ ทีละขั้นตอนของเรา
บทสรุป
และนั่นเป็นการสรุปคำแนะนำของเราเกี่ยวกับ วิธีการปรับแต่ง WooCommerce หน้าบัญชีของฉัน สิ่งนี้จะช่วยคุณปรับปรุงประสบการณ์ของลูกค้าและโดดเด่นจากคู่แข่งของคุณ
สำหรับคำแนะนำเกี่ยวกับวิธีการใช้แก้ไขหน้าบัญชีของฉันนั้น ขึ้นอยู่กับความต้องการและทักษะของคุณ หากคุณไม่มีทักษะในการเขียนโค้ดหรือไม่ต้องการแก้ไขไฟล์เทมเพลตของธีม ปลั๊กอินคือตัวเลือกที่ดีที่สุดของคุณ ทางเลือกนี้สะดวกกว่าและเป็นมิตรกับผู้เริ่มต้น นอกจากนี้ คุณต้องแน่ใจว่าจะไม่ทำลายสิ่งใดในการติดตั้ง WordPress ของคุณโดยใช้ฟังก์ชันและเทมเพลตที่กำหนดเอง
ในโพสต์นี้ เราได้แสดงปลั๊กอิน 3 ตัวที่ดีที่สุดในการแก้ไขหน้าบัญชีของฉัน หากคุณต้องการดูตัวเลือกอื่น ๆ ลองดูโพสต์นี้ ในทางกลับกัน ถ้าคุณรู้วิธีเขียนโค้ดและต้องการความยืดหยุ่นเต็มที่ คุณสามารถปรับแต่งหน้าบัญชีของฉันแบบเป็นโปรแกรมได้ สำหรับสิ่งนี้ คุณสามารถแทนที่ไฟล์เทมเพลต WooCommerce เริ่มต้นหรือใช้ WooCommerce hooks
ในคู่มือนี้ เราได้แสดงให้คุณเห็นถึงวิธีใช้ hooks แต่ถ้าคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับวิธีปรับแต่งหน้าบัญชีของฉันด้วยสคริปต์ที่กำหนดเอง เราขอแนะนำให้คุณดูบทช่วยสอนนี้
- วิธีปรับแต่งหน้าร้านค้าใน WooCommerce
- ปรับแต่งปุ่ม Add to Cart ใน WooCommerce
- วิธีแก้ไข WooCommerce Checkout (การเข้ารหัส & ปลั๊กอิน)
- วิธีปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ใน Divi
สุดท้าย ไม่ว่าคุณจะเลือกวิธีใด โปรดแจ้งให้เราทราบในความคิดเห็น หากคุณมีปัญหาใดๆ ในการตั้งค่าหน้าบัญชีของฉัน