จุดเด่นของผลิตภัณฑ์ Divi: Avanti – Divi Multi-Purpose Child Theme

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

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

การติดตั้ง Avanti

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

1. ไปที่ลักษณะที่ปรากฏ
2. เลือกธีม
3. เลือกเพิ่มใหม่

1. คลิกอัปโหลดธีม
2. คลิกเลือกไฟล์
3. ไปที่ไฟล์ซิปบนคอมพิวเตอร์ของคุณ เลือกไฟล์นั้น แล้วคลิก ติดตั้งเดี๋ยวนี้

1. คลิกเปิดใช้งาน

1. ไปที่ Avanti Demo Import
2. คลิกนำเข้าการสาธิตอย่างง่าย
3. เลือกนำเข้าเนื้อหาสาธิต

1. คลิก Remove Demo Content and Import Functions

เพจ Avanti เลย์เอาต์และเทมเพลต

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

นี่คือเลย์เอาต์บางส่วนที่เพิ่มลงใน Divi Library

นอกจากนี้ยังมี 11 เทมเพลตที่สร้างไว้ล่วงหน้าและกำหนดล่วงหน้า

หน้าแรกของ Avanti

Avanti มีโฮมเพจ 11 หน้าสำหรับธุรกิจประเภทต่างๆ พวกเขารวมถึง:

1. ธุรกิจ
2. ร้านอาหาร
3. การถ่ายภาพ
4. การปรึกษาหารือ
5. ออกแบบเว็บ
6. ทันตกรรม
7. การปรับปรุงใหม่
8. ช่างประปา
9. ช้อป V1
10. ช้อป V2
11. ช้อป V3

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

หน้าแรกของร้านอาหาร Avanti

รูปแบบร้านอาหารมี 5 หน้า ได้แก่ หน้าแรก เกี่ยวกับ เมนูอาหาร ข้อความรับรอง และหน้าติดต่อ นี่คือส่วนฮีโร่ของหน้าแรกที่มีรูปภาพจำลอง

ต่อไปนี้คือหน้าหลักที่มีรูปภาพจากหน้าสาธิตของธีมย่อย ซึ่งรวมถึงส่วนหัวที่กำหนดเอง

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

หน้าแรกของ Avanti Photography

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

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

หน้า Avanti อื่น ๆ

นอกเหนือจากโฮมเพจแล้ว Avanti ยังมีโฮมเพจร้านค้า WooCommerce 3 หน้า, เกี่ยวกับเรา 5 หน้า, บริการ 3 หน้า, หน้าบริการ 3 หน้า, ติดต่อเรา 5 หน้า, หน้าพอร์ตโฟลิโอ 4 หน้า และอื่นๆ อีกมากมาย หน้าอื่นๆ ได้แก่ บล็อก ขอบคุณ ข้อความรับรอง คำถามที่พบบ่อย ราคา 404 ฯลฯ หน้าเหล่านี้มีหลายเวอร์ชันด้วย

หน้าแรก ร้านค้า V1

หน้าแรก ร้านค้า V1 แสดงแถบเลื่อนเต็มความกว้างพร้อม CTA ไปยังร้านค้า นี่คือหน้าที่มีรูปภาพตัวยึดตำแหน่ง นี่เป็นหนึ่งในเค้าโครงดั้งเดิม แต่ฉันต้องการรวมไว้เพื่อดูว่าเค้าโครงใหม่เปรียบเทียบกันอย่างไร

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

หน้าแรก ร้านค้า V3

หน้าแรก Shop V3 เป็นการออกแบบร้านค้าใหม่ นี่คือส่วนฮีโร่ที่มีรูปภาพตัวยึดตำแหน่ง

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

รถเข็น V2

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

รถเข็น V3

รถเข็น V3 ยังใหม่ โดยจะมีลักษณะเดียวกับรถเข็น V2 แต่ย้ายผลรวมของรถเข็นไปไว้ข้างๆ รถเข็นและไม่รวม CTA การขาย

ชำระเงิน V3

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

เกี่ยวกับเรา V4

เกี่ยวกับเรา V4 เป็นหน้าใหม่ที่ออกแบบมาสำหรับรูปแบบร้านอาหารใหม่

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

เกี่ยวกับเรา V5

เกี่ยวกับเรา V5 ได้รับการออกแบบมาสำหรับรูปแบบการถ่ายภาพใหม่

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

บริการ V3

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

บริการเดียว V3

Single Service V3 เป็นหน้าใหม่สำหรับรูปแบบการถ่ายภาพ ประกอบด้วยส่วนขนาดใหญ่สำหรับข้อความและรูปภาพเพื่ออธิบายบริการเดียว นอกจากนี้ยังรวมถึงข้อความรับรอง แบบฟอร์มการติดต่อ ฯลฯ

ติดต่อเรา V4

ติดต่อเรา V4 เป็นหน้าติดต่อสำหรับรูปแบบร้านอาหารใหม่ ประกอบด้วยส่วนสองคอลัมน์พร้อมข้อมูลติดต่อ เวลาเปิดทำการ และแบบฟอร์มทางด้านซ้าย ด้านขวาประกอบด้วยแผนที่แบบขาวดำ

ติดต่อเรา V5

ติดต่อเรา V5 เป็นหน้าติดต่อสำหรับรูปแบบการถ่ายภาพ ประกอบด้วยส่วนของคำประกาศพร้อมข้อมูลติดต่อ ส่วนหลักของหน้าประกอบด้วยแบบฟอร์มติดต่อขนาดใหญ่

ข้อความรับรอง V2

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

ราคา V2

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

อวันติ เอเลเมนท์

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

ส่วนหัว

Avanti มี 5 ส่วนหัวให้เลือก รวมถึงเมนูแบบเลื่อนลงพร้อมพื้นหลังที่ตรงกับองค์ประกอบภายในส่วนหัว ส่วนหัวแรกเป็นค่าเริ่มต้น มีการตั้งค่าใน Divi Theme Builder เป็นส่วนหัวส่วนกลาง ส่วนหัวทั้งหมดจะถูกเพิ่มลงใน Divi Library ดังนั้นคุณจึงสามารถเปลี่ยนไปใช้ส่วนหัวอื่นได้อย่างง่ายดายหากต้องการ

กล่องบริการ

กล่องบริการของ Avanti มีหกวิธีในการแสดงบริการของคุณ ส่วนใหญ่มีเอฟเฟ็กต์โฮเวอร์ที่เพิ่มข้อความ เปลี่ยนภาพ ซูม ฯลฯ เพื่อสร้างการ์ดที่น่าสนใจ

ข้อความรับรอง

Avanti รวมการออกแบบรับรอง 5 แบบ สิ่งเหล่านี้นำเสนอคำรับรองของคุณในรูปแบบการ์ด รวมถึงการออกแบบใหม่สำหรับเค้าโครงร้านอาหารและการถ่ายภาพ ข้อความรับรองแรกรวมถึงเอฟเฟกต์โฮเวอร์

เอกสาร Avanti

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

ซื้อ Avanti ได้ที่ไหน

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

สิ้นสุดความคิด

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

เราต้องการได้ยินจากคุณ คุณเคยลองใช้ธีมลูกของ Avanti Divi แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น