10 สุดยอดบทแนะนำ Divi ของเราในปี 2019

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

10 สุดยอดบทแนะนำ Divi ของเราในปี 2019

1. สุดยอดคู่มือการเร่งความเร็วเว็บไซต์ Divi ของคุณ

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

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

อ่านโพสต์นี้

2. วิธีสร้างเว็บไซต์หลายภาษาด้วย Divi หรือ Extra และ WPML

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

อ่านโพสต์นี้

3. 5 รูปแบบโมดูลส่วนหัว Divi สร้างสรรค์ที่คุณสามารถทำได้โดยใช้การตั้งค่าในตัว

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

อ่านโพสต์นี้

4. การเปลี่ยนจำนวนคอลัมน์ในโมดูล Divi Gallery ที่จุดพักต่างๆ

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

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

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

อ่านโพสต์นี้

5. วิธีสร้างส่วนหัวส่วนกลางที่กำหนดเองด้วยตัวสร้างธีมของ Divi

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

อ่านโพสต์นี้

6. วิธีสร้างการ์ดพลิกด้วยโมดูลใด ๆ ใน Divi โดยไม่ต้องใช้ปลั๊กอิน

Flip Cards เป็นวิธีที่สนุกสำหรับผู้ใช้ในการโต้ตอบกับเว็บไซต์ของคุณ ไม่เพียงแค่ให้แอนิเมชั่นพลิกกลับที่ยอดเยี่ยมเท่านั้น แต่ยังช่วยให้คุณนำเสนอข้อมูลเพิ่มเติมในที่เดียวที่กระชับ ในบทช่วยสอนนี้ ฉันจะแสดงวิธีเปลี่ยนโมดูล Divi เป็นการ์ดพลิกโดยไม่ต้องใช้ปลั๊กอิน! ด้วยวิธีนี้ คุณจะสามารถใช้โมดูล Divi หนึ่งอันเป็นด้านหน้าของการ์ด และโมดูล Divi อีกอันเป็นด้านหลังการ์ดได้ คุณยังสามารถออกแบบแต่ละโมดูล (ด้านหน้าและด้านหลัง) ได้ตามต้องการโดยใช้ตัวสร้าง Divi ฟังก์ชันนี้ทำได้โดยใช้ CSS เพียงไม่กี่ตัวอย่าง (ไม่มี jquery)

อ่านโพสต์นี้

7. วิธีที่ง่ายและสร้างสรรค์ในการแสดงโลโก้บริษัทใน Divi

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

อ่านโพสต์นี้

8. 5 วิธีที่ยอดเยี่ยมที่คุณสามารถกำหนดสไตล์โมดูลคำรับรองของ Divi

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

อ่านโพสต์นี้

9. วิธีปรับแต่ง Divi Slider ของคุณเพื่อเปลี่ยนองค์ประกอบเฉพาะในแต่ละสไลด์

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

อ่านโพสต์นี้

10. วิธีสร้างแถบเลื่อนแกลเลอรีรูปภาพที่กำหนดเองใน Divi

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

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

อ่านโพสต์นี้

สรุปแล้ว

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

ภาพเด่นผ่าน hobbit / shutterstock.com