DE{CODE}: 2022—ปีแห่งนักพัฒนา WordPress

ไม่เคยมีเวลาใดที่จะดีไปกว่าความเชี่ยวชาญในการพัฒนา WordPress WordPress ยังคงกินอินเทอร์เน็ตต่อไปในฐานะระบบจัดการเนื้อหา (CMS) ยอดนิยมของโลก และแม้แต่ CMS แบบไม่มีส่วนหัวที่ได้รับความนิยมสูงสุด ในประเด็นสำคัญจาก DE{CODE} 2022 ผู้ก่อตั้ง WP Engine และประธานเจ้าหน้าที่ฝ่ายนวัตกรรม Jason Cohen กล่าวถึงความท้าทายและโอกาสที่รออยู่ข้างหน้าสำหรับนักพัฒนา WordPress และโครงการที่ WP Engine กำลังดำเนินการเพื่อทำให้ชีวิตของพวกเขาง่ายขึ้น

ลองดูวิดีโอเต็มด้านล่าง!

สไลด์เซสชัน:

การถอดเสียงแบบเต็ม

JASON COHEN : สวัสดีและยินดีต้อนรับสู่ DE{CODE} การประชุมประจำปีของ WP Engine ที่เราเฉลิมฉลองให้กับนักพัฒนา WordPress ฉันชื่อ Jason Cohen และฉันเป็นผู้ก่อตั้ง WP Engine ฉันต้องการเริ่มต้น DE{CODE} ปีนี้ด้วยความเชื่อมั่น ซึ่งก็คือปี 2022 เป็นปีแห่งนักพัฒนา WordPress ฉันจะอธิบายว่าทำไมฉันถึงเชื่อว่าปีนี้มีคำมั่นสัญญาและโอกาสมากมายสำหรับพวกเราทุกคน จากนั้นฉันอยากจะพูดถึงวิธีที่คุณสามารถเร่งความเร็วในอาชีพของคุณในตลาดนี้

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

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

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

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

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

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

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

นั่นเป็นเหตุผลที่ฉันพูดว่าปี 2022 เป็นปีของนักพัฒนา WordPress เพราะคุณเข้าใจสิ่งที่ผู้เผยแพร่ทุกรายต้องการและความต้องการเหล่านั้นไม่ได้เปลี่ยนแปลง แต่พวกเขาเพิ่งเร่งความเร็ว เช่นเดียวกับผู้เผยแพร่โฆษณาทุกรายต้องการการเข้าชมแบบออร์แกนิกจากเครื่องมือค้นหาเช่น Google แน่นอนว่าพวกเขาต้องการ และผู้คนยังคงพูดถึงวิธีการทำเช่นนั้นอยู่ตลอดเวลา ใหม่หรือไม่? ไม่เห็นได้ชัดว่าไม่ใช่ โดยพื้นฐานแล้วมีการโพสต์บทความเดียวกันมาหลายปีแล้วและนักพัฒนา WordPress ก็เชี่ยวชาญในการทำเช่นนี้

แล้วการทดสอบ A/B ล่ะ? หรือดีกว่านั้นไม่มีการทดสอบ Code A/B? ที่แฟนซี นั่นเป็นนวัตกรรมใช่ไหม ตอนนี้คุณจะต้องช่วงชิงและเรียนรู้เครื่องมือใหม่เหล่านี้ เว้นแต่ว่าคุณไม่ทำ เพราะคุณทำสิ่งนี้มาหลายปีแล้ว เช่นเดียวกับแนวคิดนี้ได้คะแนนการระดมทุนของ VC เมื่อแปดปีที่แล้วเช่นกัน ชอบที่นี่ไม่มีการเปลี่ยนแปลง ยังไม่มีการทดสอบ Code A/B และคุณรู้วิธีดำเนินการทั้งหมดนี้แล้ว คุณเป็นผู้เชี่ยวชาญในเรื่องนี้อยู่แล้ว ที่ดี

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

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

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

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

ดังนั้น สิ่งต่างๆ เช่น การทดสอบ A/B และ SEO อาจเปลี่ยนแปลงช้ามากและโดยพื้นฐานแล้วไม่ได้เปลี่ยนแปลงเลยจริงๆ แต่เทคโนโลยีคือและคุณต้องอยู่เหนือสิ่งนั้น และนั่นคือสิ่งที่ฉันต้องการใช้เวลา 20 นาทีถัดไปในการพูดคุย สิ่งเหล่านี้มีอะไรบ้าง? แล้วอะไรคือการเปลี่ยนแปลงใหม่ๆ ที่น่าตื่นเต้นในเทคโนโลยีที่ฉันคิดว่าคุณควรพิจารณาและอาจนำมาใช้ด้วย ฉันต้องการให้คุณเห็นสิ่งที่ฉันเห็นว่าเป็นแหล่งเพาะการเปลี่ยนแปลงที่น่าสนใจในพื้นที่ของเรา

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

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

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

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

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

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

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

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

ดังนั้นการเปลี่ยนไปใช้ภาพ AVIF ก็สามารถเพิ่มความเร็วให้กับเว็บไซต์นิตยสารนั้นหรือเว็บไซต์อื่นๆ ได้อย่างมาก นี่คือสิ่งที่ตลก ฉันบอกว่าคุณคงรู้เรื่องนี้ ฉันได้นำเสนอเกี่ยวกับ AVIF เมื่อปีที่แล้วเมื่อไม่กี่เดือนและตอนนี้ในอีกหนึ่งปีต่อมา คุณใช้มันหรือไม่? ไม่สิ แทบจะไม่มีใครใช้มันเลย จากข้อมูลของ W3Techs พบว่ามีเว็บไซต์น้อยกว่า 0.1% ที่ใช้ AVIF แม้ว่าจะใช้ WebP ก็ตาม แต่ก็มีเว็บไซต์น้อยกว่า 4% ที่ใช้งานอยู่

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

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

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

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

เช่นเดียวกับสิ่งหนึ่งที่เราทุกคนคุ้นเคย ฉันคิดว่า ณ จุดนี้ ฉันจะใช้ไซต์ของฉัน และฉันจะทดสอบขนาดเท่าโทรศัพท์มือถือ ทดสอบกับไอแพด ทดสอบกับแล็ปท็อป อาจจะทดสอบอีกครั้งสำหรับหน้าจอกว้างพิเศษ แต่นั่นก็เป็นสามหรือสี่สิ่งที่ฉันได้รับการทดสอบแล้ว แต่เดี๋ยวก่อน แล้วในแต่ละกรณีล่ะ ถ้าตั้งค่าขนาดฟอนต์ให้ใหญ่จริงๆ ล่ะ? มันยังดูดีอยู่ไหม? คุณกำลังทดสอบว่า? แล้วโหมดแสงกับโหมดมืดล่ะ? นั่นคืออีก 2 คูณจำนวนสิ่งที่คุณต้องทดสอบ

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

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

สิ่งต่อไปที่ฉันจะแสดงคือสิ่งที่ประณีตจริงๆ ซึ่งโดยส่วนตัวแล้วฉันรู้สึกตื่นเต้นมากที่เราได้รับใน CSS และ HTML เพราะฉันปรารถนาสิ่งนี้ และอันที่จริง ฉันได้สร้างโค้ดด้วยตัวเองเพื่อพยายามทำสิ่งนี้ใน JavaScript เพราะฉันต้องการมันมาก และตอนนี้มันกำลังมาถึง CSS และ HTML แบบเนทีฟ ซึ่งหมายความว่ามันจะพร้อมใช้งานทุกที่ และ Performance และเครื่องมืออื่น ๆ ทั้งหมดจะรองรับ ดังนั้นฉันจึงตื่นเต้นมากเกี่ยวกับเรื่องนี้

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

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

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

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

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

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

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

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

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

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

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

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

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

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