วิธีเปลี่ยนมาใช้กูเตนเบิร์ก

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

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

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

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

ใช้ทางเลือก Gutenberg – Visual Page Builders

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

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

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

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

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

ใช้ตัวแก้ไขบล็อกเริ่มต้น

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

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

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

ยิ่งไปกว่านั้น สิ่งนี้อาจทำให้คุณผิดหวังมากขึ้น หากไซต์ไม่ได้สร้างโดยใช้โปรแกรมแก้ไข Gutenberg ไซต์นั้นจะต้องสร้างขึ้นใหม่ทั้งหมดเนื่องจากวิธีการที่ขัดแย้งกัน

ใช้เครื่องมือแปลงเช่น GREYD.SUITE

โทรหา GREYD.SUITE Gutenberg plus ได้ไม่ไกล เป็นโซลูชันระดับพรีเมียมที่ล้ำสมัย ซึ่งเป็นชุดแรกสุดของ WordPress ที่ผสานรวมกับ Gutenberg ดั้งเดิม และทำให้ดีขึ้นด้วยการเพิ่มคุณสมบัติที่ Gutenberg ประสบปัญหาโดยค่าเริ่มต้น

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

คุณสมบัติการออกแบบ

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

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

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

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

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

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

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

คุณสมบัติทางการตลาด

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

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

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

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

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

นอกจากนี้ การจัดอันดับ SEO ยังกำหนดโดยความเร็วในการโหลดหน้าเว็บของคุณ การต้องใช้ปลั๊กอินน้อยลงจะช่วยให้หน้าเว็บทำงานได้อย่างรวดเร็ว โดยพิจารณาจากคะแนนโดยรวม เนื่องจากคุณแทบไม่ต้องใช้ปลั๊กอินที่มีทุกอย่างที่มีให้ วิธีนี้จะช่วยให้มั่นใจได้ว่าหน้าเว็บของคุณจะรวดเร็วทันใจ

คุณสมบัติการจัดการ

การออกแบบและการตลาดเป็นสิ่งที่ผู้เยี่ยมชมของคุณจะตอบสนอง แต่ทุกอย่างยังคงต้องนำมารวมกันเป็นอันหนึ่งอันเดียวกัน – มีเหตุผลที่เรียกว่าการจัดการเว็บ เพื่อให้อยู่เหนือทุกสิ่ง คุณจะต้องมีเครื่องมือที่เหมาะสมสำหรับงานนี้ และ GREYD.SUITE มีมากมาย

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

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

สรุป

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

GREYD.SUITE มีมากกว่านั้น เริ่มต้นด้วยตัวแก้ไขบล็อกที่ปรับปรุงแล้วซึ่งมีมากกว่า 40 บล็อกให้ใช้ภายในหน้าต่างแสดงตัวอย่างและแก้ไขแบบสด ผ่านตัวเลือกการออกแบบมากมาย ตั้งแต่ธีมและเทมเพลตที่สร้างไว้ล่วงหน้า ไปจนถึงวิธีผ้าใบเปล่า และปิดท้ายด้วยผลิตภัณฑ์ขั้นสุดท้ายที่ตอบสนองอย่างเต็มที่ ไม่มีอะไรมาก ชอบในตลาด

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