Divi 3.0 มีตัวสร้างส่วนหน้าที่น่าทึ่งสำหรับคุณ WooCommerce เลือกซื้อ

Divi เป็นธีม WordPress ที่เราเลือกเมื่อพูดถึง WooCommerceและใหม่ Divi 3.0 เปิดตัว "visual builder ใหม่" (หรือที่เรียกว่า "front-end editor") ที่สร้างขึ้นใหม่โดยเริ่มจาก React ซึ่งเป็นไลบรารี่ JavaScript ที่ทันสมัยสำหรับส่วนต่อประสานผู้ใช้ เครื่องมือสร้างใหม่นี้ช่วยให้ผู้ใช้สามารถแก้ไขหน้า WordPress ของพวกเขาในส่วนหน้าของเว็บไซต์ของพวกเขาโดยใช้การควบคุมภาพที่เรียบง่ายและสวยงาม เมื่อคุณเปิดใช้งานตัวสร้างคุณจะเห็นหน้าเว็บของคุณตรงตามที่ปรากฏในส่วนหน้าของเว็บไซต์ของคุณ

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

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

เพิ่มเนื้อหาใหม่จาก Divi40+ โมดูล

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

Inline บรรณาธิการ-1

ปรับแต่งทุกอย่างได้อย่างง่ายดาย

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

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

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

สัมผัสประสบการณ์ความเร็วที่ไม่น่าเชื่อ

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

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

อินเทอร์เฟซของตัวสร้าง“ ล่องหน” และปรับแต่งได้

ปรับแต่งอินเตอร์เฟซที่ 2

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

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

คาทาลินซอร์ซินี

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