จุดเด่นของผลิตภัณฑ์ Divi: DiviCity

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

มาเริ่มกันเลย!

การติดตั้ง DiviCity

DiviCity มาในรูปแบบไฟล์ ZIP ที่มีไฟล์ Divi Visual Builder .json ในการติดตั้งโครงร่าง ให้เริ่มด้วยการแตกไฟล์ จากนั้นเปิดหน้าของคุณใน Divi Builder

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

ดิวิซิตี้

DiviCity ประกอบด้วยเค้าโครง Divi Builder แบบหน้าเดียว มันมาโดยไม่มีรูปภาพสาธิต ดังนั้นฉันจึงเพิ่มรูปภาพของฉันเองเพื่อวัตถุประสงค์ของบทความนี้ มาดูส่วนที่มาพร้อมกับเค้าโครงนี้กันเถอะ!

ส่วนหัว DiviCity

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

DiviCity เกี่ยวกับมาตรา

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

ส่วนบล็อก DiviCity

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

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

ตอนนี้โมดูลบล็อกในหน้า DiviCity ควรมีลักษณะเหมือนกับเค้าโครงด้านบน

ส่วนตัวเลข DiviCity

ส่วนตัวเลขมีตัวนับจำนวนสี่ตัวบนพื้นหลังรูปภาพ ตัวนับจำนวนจะโหลดเมื่อหน้าโหลด

DiviCity ส่วนสิ่งที่ต้องทำ

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

DiviCity ส่วนที่จะทำที่ไหน

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

ส่วน DiviCity เยี่ยมชมเรา

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

ส่วนติดต่อ DiviCity

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

เค้าโครงมือถือ DiviCity

DiviCity เป็นแท็บเล็ตและมือถือที่ตอบสนองอย่างสมบูรณ์ มาดูที่รุ่นมือถือของบางส่วน

อย่างแรกคือส่วนหัวที่มีพื้นหลังรูปภาพขนาดใหญ่ ข้อความหัวเรื่อง และปุ่ม กล่องข้อความแรกซ้อนทับส่วนหัวและเนื้อหาส่วนหัวที่เหลือตามด้านล่าง

นี่เป็นส่วนหนึ่งของส่วนเกี่ยวกับมือถือที่มีรูปภาพคั่นด้วยบางส่วนด้วยข้อความ

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

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

ซื้อ DiviCity

DiviCity มีอยู่ใน Divi Marketplace มีค่าใช้จ่าย $19 สำหรับการใช้งานเว็บไซต์ไม่จำกัดและการอัปเดตตลอดอายุการใช้งาน ราคานี้ยังรวมถึงการรับประกันคืนเงินภายใน 30 วัน

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

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

เราชอบที่จะได้ยินจากคุณ! คุณเคยลอง DiviCity หรือไม่? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น!