เราทุกคนเคยเห็นมันทำมาหลายครั้งแล้ว ฉันกำลังพูดถึงอะไร? โปรแกรมแก้ไข WordPress อัดแน่นไปด้วย HTML หรือรหัสย่อเพื่อสร้างเค้าโครงหน้าแบบกำหนดเอง นั่นอาจจะดีและสวยงามหากคุณเป็นนักพัฒนาและเป็นคนเดียวที่ทำงานบนเพจ แต่จะเกิดอะไรขึ้นถ้าเพจที่คุณสร้างมีไว้สำหรับลูกค้าที่ต้องการทำการเปลี่ยนแปลงเมื่อคุณทำเสร็จแล้ว

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

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

ฟิลด์ที่กำหนดเอง

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

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

เพิ่มฟิลด์ที่กำหนดเอง

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

แก้ไขเทมเพลตเพจของคุณ

ตอนนี้เรามีฟิลด์ที่กำหนดเองแล้ว มาเพิ่มลงในเทมเพลตเพจแบบกำหนดเองของเราโดยใช้โค้ดด้านล่างนี้

 <div class="my-heading"> <h1><?php echo get_post_meta( get_the_ID(), 'main-heading', true ); ?></h1> </div>

ในตัวอย่างนั้น เราใช้ฟังก์ชัน get_post_meta เพื่อดึงค่าฟิลด์ที่กำหนดเองของเราจากฐานข้อมูล WordPress และสะท้อนค่าดังกล่าวภายในแท็ก h1 ฟิลด์ที่กำหนดเองของเรามีชื่อว่า "main-heading" ดังนั้นอย่าลืมสลับฟิลด์นั้นในการเรียกใช้ฟังก์ชันหากฟิลด์ของคุณแตกต่างออกไป

เทคนิคนี้ที่ใช้ช่องที่กำหนดเองสามารถทำซ้ำได้หลายครั้งตามที่คุณต้องการเพื่อให้สามารถแก้ไขส่วนต่างๆ ของเค้าโครงของคุณได้

ปลั๊กอินฟิลด์แบบกำหนดเองขั้นสูง

ฟิลด์ที่กำหนดเองทำงานได้ดี แต่ก็มีข้อจำกัด ประการแรก เมื่อใช้ฟิลด์ที่กำหนดเอง คุณจะสูญเสียความสามารถในการใช้ฟังก์ชันตัวแก้ไขพื้นฐาน เช่น ตัวหนาและตัวเอียง นอกจากนี้ยังไม่เป็นมิตรต่อผู้ใช้มากนักหากคุณพยายามสร้างสิ่งอื่นนอกเหนือจากข้อความ เช่น รูปภาพ ที่สามารถแก้ไขได้ นั่นคือที่มาของปลั๊กอินตัวโปรดของฉัน นั่นคือปลั๊กอิน Advanced Custom Fields (ACF)

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

การเพิ่มฟังก์ชันการทำงานประเภทนั้นทำได้ง่ายโดยการสร้างกลุ่มฟิลด์โดยใช้อินเทอร์เฟซแบบลากและวางของ ACF แต่ละกลุ่มสามารถมีประเภทฟิลด์ที่แตกต่างกันจำนวนเท่าใดก็ได้ และยังสามารถรวมกลุ่มของฟิลด์รีพีทเตอร์ที่ซ้อนกันซึ่งสามารถเพิ่มหรือลบออกได้ เช่นเดียวกับการตั้งค่าสำหรับเพจทีมของ Connor Group

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

การใช้ฟิลด์แบบกำหนดเองขั้นสูงในเทมเพลตเพจของคุณ

การใช้ค่า ACF ในเทมเพลตเพจแบบกำหนดเองของคุณควรให้ความรู้สึกคุ้นเคย เนื่องจากการทำเช่นนี้คล้ายกับการใช้ฟิลด์แบบกำหนดเองมาตรฐานของ WordPress

 <div class="my-heading">
    <h1><?php the_field( 'พาดหัว' ); ?></h1>
</div>

ดังที่คุณเห็นในตัวอย่างด้านบน โค้ดที่เราใช้ดูคล้ายกับโค้ดที่เราใช้สำหรับฟิลด์ที่กำหนดเองมาตรฐานอย่างมาก ข้อแตกต่างเพียงอย่างเดียวคือเราใช้ฟังก์ชัน ACF the_field แทนฟังก์ชัน WordPress get_post_meta การส่งชื่อฟิลด์ของคุณผ่านฟังก์ชันนั้นจะแสดงเนื้อหาใด ๆ ที่ป้อนหรือ URL ไปยังรูปภาพหากคุณใช้ฟิลด์รูปภาพ

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

เครื่องมือสร้างส่วนหน้า

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

การพัฒนาอย่างรวดเร็ว

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

การแก้ไขที่ใช้งานง่าย

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

บทสรุป

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

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