ดูธีมที่หรูหรา Divi 2.4

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

ฉันเป็นผู้ใช้ Divi ตั้งแต่วันแรกที่เปิดตัว ในบทความนี้ ฉันแบ่งปันความคิดของฉันเกี่ยวกับ Divi และดูว่ามีอะไรใหม่ในเวอร์ชัน 2.4

มีอะไรใหม่ใน 2.4

Divi 2.4 เป็นรากฐานของสายผลิตภัณฑ์ในอนาคตของ ET มีการออกแบบโมดูลมากกว่า 1,000 รายการและการตั้งค่าตัวปรับแต่งและเพิ่มคุณสมบัติที่น่าสนใจ:

• Global Settings – ง่ายต่อการปรับเปลี่ยนทั่วทั้งไซต์
• ตารางแบบไหล – เค้าโครงหน้าไม่มีความกว้างคงที่ ด้วยกริดแบบไหล คุณสามารถสร้างความกว้างของคุณเองได้
• การตั้งค่าตัวสร้างขั้นสูง – ทุกโมดูลมีการตั้งค่า CSS ขั้นสูงจาก UI แบบธรรมดา
• Divi Library – เลย์เอาต์ขั้นสูง

ตัวเลือกธีม

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

• หน้าร้านค้า WooCommerce
• คีย์ MailChimp
• Aweber อนุญาต
• ไอคอนโซเชียลมีเดีย
• URL ของโซเชียลมีเดีย
• Google Fonts
• Smooth Scrolling – อนุญาตให้แถวถัดไปและเนื้อหาในแถวถัดไปค่อยๆ เลื่อนไปมา
• รหัสย่อที่ตอบสนอง
• กลับไปด้านบน ปุ่ม
• CSS ที่กำหนดเอง
• และอื่น ๆ

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

เครื่องมือปรับแต่งธีม

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

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

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

เครื่องมือปรับแต่งโมดูล

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

ห้องสมุด Divi

ไลบรารี Divi มีเลย์เอาต์ที่คุณสร้างขึ้น คุณสามารถแก้ไขเค้าโครงใดๆ ของคุณและสร้างเค้าโครงใหม่ได้จากเมนูนี้

ผู้สร้าง Divi

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

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

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

ส่วน

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

คุณยังสามารถสร้างโคลนของแต่ละส่วนได้ด้วยแถว โมดูล เนื้อหา และการตั้งค่าเดียวกัน แน่นอน คุณสามารถแก้ไขส่วนใหม่ได้ตามต้องการ

มีสี่ประเภทที่แตกต่างกันของส่วน คุณสามารถเพิ่มส่วนมาตรฐาน ส่วนเต็มความกว้าง ส่วนพิเศษ หรือเพิ่มจากไลบรารี

แถว

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

คอลัมน์

คอลัมน์เหล่านี้เป็นตำแหน่งที่จะเพิ่มโมดูล มีเค้าโครงคอลัมน์ 11 แบบให้เลือก

แผนกพิเศษ

นอกจากนี้ยังมีเค้าโครงคอลัมน์พิเศษอีก 9 แบบ ซึ่งรวมถึงตัวเลือกต่างๆ สำหรับแถบด้านข้าง

โหลดจากห้องสมุด

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

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

โมดูล

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

มี 40 โมดูล:

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

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

ข้อความ

ข้อความช่วยให้คุณมีตัวแก้ไขและตัวเลือกพื้นฐานสำหรับสีและการวางแนวข้อความ การตั้งค่าการออกแบบขั้นสูง (ตัวเลื่อนสำหรับความกว้าง ความสูง สี ระยะขอบ ฯลฯ) และ CSS ที่กำหนดเอง โมดูลส่วนใหญ่มีคุณลักษณะเหล่านี้หรือคุณลักษณะที่คล้ายคลึงกัน

ประกาศ

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

แผนที่

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

บล็อก

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

ชื่อกระทู้

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

ต่อไปนี้คือการตั้งค่าการออกแบบขั้นสูงสำหรับโมดูลชื่อบทความ

ใช้ Divi เป็นธีมปกติ

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

รองรับภาษา

Divi มีการสนับสนุนในตัวมากกว่า 30 ภาษาและสามารถแปลเป็นภาษาอื่นได้ ซึ่งรวมถึงส่วนหน้าและตัวสร้างซึ่งแสดงจากขวาไปซ้ายเมื่อเปิดใช้งานภาษา RTL

รับ Divi

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

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

ไกลออกไป

การเปิดตัวครั้งต่อไปในวาระการประชุมของ ET คือปลั๊กอิน Divi Builder ซึ่งเป็นธีมของนิตยสารที่เรียกว่า Extra ซึ่งจะแชร์องค์ประกอบสิ่งปลูกสร้างเดียวกัน แต่มีโฟกัสเลย์เอาต์ของนิตยสาร ตามด้วย Divi 3.0 เป็นที่ชัดเจนว่า ET มุ่งมั่นอย่างเต็มที่ต่อความสำเร็จของ Divi และแพลตฟอร์มตัวสร้าง Divi ตอนนี้ฉันได้เห็น Divi 2.4 แล้ว ฉันนึกไม่ออกถึงการปรับปรุงและฟีเจอร์ใน Divi 3.0

ปลั๊กอินตัวสร้าง Divi

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

ความคิดสุดท้าย

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

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

เรียนรู้เพิ่มเติมเกี่ยวกับ Divi และดาวน์โหลดที่นี่

แล้วคุณล่ะ? คุณลอง Divi แล้วหรือยัง? ประสบการณ์ของคุณเป็นเหมือนฉันไหม คุณมีอะไรจะเพิ่มไหม บอกเราเกี่ยวกับเรื่องนี้ในความคิดเห็นด้านล่าง