การตรวจสอบล่วงหน้า: ปรับแต่งทุกอย่างผ่านตัวแก้ไขส่วนหน้า

ผู้สร้างเรียกมันว่า "อนาคตของ WordPress" Upfront คือเครื่องมือสร้างเว็บไซต์และเครื่องมือแก้ไขเนื้อหาใหม่ที่เปิดตัวในต้นปี 2015 โดย WPMU DEV

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

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

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

การตรวจสอบล่วงหน้า: เครื่องมือสร้างไซต์นี้ทำอะไรได้บ้าง

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

ธีมย่อยเหล่านี้ใช้เป็นรากฐานของเว็บไซต์ของคุณ ในขณะที่เขียน มี ธีมย่อยให้เลือกเพียงสามธีม : Fixer, Scribe และ Spirit แม้ว่าจะมีการเพิ่มการออกแบบเพิ่มเติมในอนาคต

พวกเขาทั้งหมดดูดีและจะทำงานได้ดีพอ ๆ กับธีมแบบสแตนด์อโลน โดยไม่ต้องมีการปรับแต่งใดๆ

การแก้ไขการลากและวางส่วนหน้า

เมื่อคุณเลือกธีมย่อยหรือธีมเริ่มต้นแล้ว คุณสามารถปรับแต่งธีมได้

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

ภูมิภาคลอยตัว องค์ประกอบของหน้าไม่จำกัด

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

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

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

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

การปรับแต่งภูมิภาคแบบเต็ม

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

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

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

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

โพสต์ส่วนหน้าแบบกำหนดเองและการแก้ไขหน้า

ด้วย Upfront แต่ละโพสต์และหน้าบนเว็บไซต์ของคุณสามารถมีการ ออกแบบและเลย์เอาต์ที่กำหนดเอง ได้ ทั้งหมดนี้สามารถสร้างได้ผ่านอินเทอร์เฟซแบบภาพ ส่วนหน้า การลากและวาง

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

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

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

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

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

การตรวจสอบล่วงหน้า: ประสบการณ์ผู้ใช้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ราคา

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

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

บทสรุป

WPMU DEV เงียบไปพักหนึ่งเมื่อต้องเปิดตัวธีม WordPress ใหม่ ด้วยการเปิดตัว Upfront ทำให้เข้าใจได้ง่ายว่าทำไม ด้วย เวลากว่าสองปี ในการผลิตและ "การใช้จ่ายมากกว่าล้านเหรียญ" ล่วงหน้าเป็นโครงการที่สำคัญสำหรับทีม WPMU DEV และบางที WordPress เอง

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

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

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

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

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

ค้นหาข้อมูลเพิ่มเติมเกี่ยวกับ Upfront หรือลองใช้การสาธิตตอนนี้

ข้อจำกัดความรับผิดชอบ: ฉันเขียนโพสต์สำหรับบล็อก WPMU DEV – ผู้สร้าง Upfront – บนพื้นฐานอิสระ อย่างไรก็ตาม ความคิดเห็นในบทความนี้เป็นความคิดเห็นของฉันทั้งหมดและไม่ได้รับอิทธิพลจากความสัมพันธ์นี้เลย