EMPIRE – ภาพรวมธีม Divi Child

The Empire Child Theme เป็นธีมเว็บไซต์อีคอมเมิร์ซที่ใช้ Woocommerce สำหรับร้านค้าออนไลน์ ใช้ Divi เป็นธีมหลัก การออกแบบดูสะอาดตาและทันสมัยด้วยตัวอักษรที่สวยงามและรูปภาพที่สร้างผลกระทบ ธีมลูกมาพร้อมกับ 10+ หน้าและ 3 หน้าโหมดมืด ในโพสต์นี้ เราจะมาดูที่ธีมย่อยของ Empire Divi เพื่อช่วยคุณตัดสินใจว่าเป็นธีมย่อยของ Divi ที่เหมาะกับคุณหรือไม่

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

การติดตั้งธีมลูกของ Empire Divi

การติดตั้งธีม Empire Divi Child นั้นง่ายและตรงไปตรงมา ขั้นแรก อัปโหลดธีมไปยังเว็บไซต์ WordPress ของคุณ จากนั้นเปิดใช้งานธีม

เมื่อเปิดใช้งานธีมแล้ว คุณจะเห็นแท็บใหม่ในแดชบอร์ด WordPress ที่เรียกว่า “ตัวนำเข้าเนื้อหาการสาธิตของเอ็มไพร์” เลือกแท็บ Easy Demo Import และเริ่มการนำเข้า การดำเนินการนี้จะนำเข้าเลย์เอาต์ไปยังเว็บไซต์ของคุณโดยอัตโนมัติและติดตั้งปลั๊กอินที่แนะนำ

หน้าธีมลูกของ Empire Divi

Empire มาพร้อมกับเลย์เอาต์มากกว่า 10 แบบและเลย์เอาต์โหมดมืด 3 แบบ เราจะผ่านแต่ละหน้าและหารือเกี่ยวกับการออกแบบ

หน้าแรกของธีม Empire Divi Child

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

ฮีโร่

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

มาตรา CTA

ส่วนคำกระตุ้นการตัดสินใจนี้มีชื่อเรื่องและเนื้อหาข้อความด้านล่าง นอกจากนี้ยังมีปุ่มเพื่อแจ้งให้ผู้ใช้ดำเนินการ

บริการ

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

วีดีโอ

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

มาตรา CTA

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

คุณสมบัติ

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

CTA พร้อมพื้นหลังวิดีโอ

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

เค้าโครงรูปภาพ

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

ข้อความและวิดีโอ

ในส่วนนี้มีข้อความเด่นพร้อมวิดีโอพื้นหลังที่เล่นซ้ำด้านล่าง

เปิดเผยภาพโฮเวอร์

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

เลย์เอาต์วิดีโอ

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

ส่วนวิดีโอที่สองมีข้อความทางด้านซ้ายและปุ่ม เมื่อคุณวางเมาส์เหนือวิดีโอ จะมีโอเวอร์เลย์สีม่วง

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

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

ส่วนรับรองมีสองแบบ แบบสว่างและแบบเข้ม ทั้งสองเป็นแถบเลื่อนข้อความรับรองเพื่อให้คุณสามารถแสดงข้อความรับรองหลายรายการ

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

มาตรา CTA

นี่คือส่วน CTA อื่น มีภาพสองภาพ ภาพหนึ่งเป็นภาพซ้อนทับสีม่วงและข้อความบางส่วน และปุ่ม

Blurbs

ส่วนนี้มีรูปภาพขนาดใหญ่และหกคำประกาศพร้อมไอคอนและข้อความบางส่วน คุณสามารถใช้ส่วนนี้เพื่อเน้นคุณลักษณะหรือข้อเสนอของคุณ

มาตรา CTA

อีกส่วน CTA ที่มีหัวเรื่องและปุ่ม ภาพพื้นหลังมีเอฟเฟกต์พารัลแลกซ์

วิดีโอและข้อความ

ที่นี่คุณมีวิดีโอพื้นหลังที่เล่นโดยอัตโนมัติรวมถึงข้อความบางส่วน

รูปภาพและข้อความ

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

เก็บ

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

บล็อก

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

ชุดรูปแบบโฮมเพจ Empire Divi Child Variations

เอ็มไพร์มาพร้อมกับรูปแบบโฮมเพจสองสามแบบ มีโหมดมืดซึ่งมีพื้นหลังสีเข้มกว่าสำหรับส่วนส่วนใหญ่

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

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

หน้าภายในธีมเด็กของ Empire Divi

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

หน้าบริการธีมเด็กของ Empire Divi

หน้าบริการได้รับการตั้งค่าเพื่อให้คุณสามารถเน้นข้อเสนอบริการของคุณด้วยการแจ้งเล็กน้อย

หน้านี้มีข้อความ บริการแสดงพร้อมไอคอน CTA และตารางราคา

หน้าบริการยังมีรูปแบบโหมดมืดดังภาพด้านบน

หน้าทีมธีมเด็กของ Empire Divi

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

นอกจากนี้ ในหน้านี้ยังมีส่วนที่เน้นให้เห็นถึงบทบาทที่เปิดอยู่ที่คุณอาจมี

หน้าติดต่อธีมลูกของ Empire Divi

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

มีหน้าติดต่อเวอร์ชันมืดด้วยเช่นกัน

หน้าบล็อกธีมเด็กของ Empire Divi

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

โพสต์บล็อกธีมลูกของ Empire Divi

หน้าโพสต์บล็อกยังเป็นการออกแบบที่เรียบง่าย โดยมีรูปภาพเด่นอยู่ที่ด้านบนสุดพร้อมแถบเมนู ตลอดจนชื่อเรื่อง ผู้แต่ง และวันที่ที่แสดงอยู่เหนือรูปภาพ

ร้านธีมเด็ก Empire Divi

Empire เป็นธีมที่เน้นอีคอมเมิร์ซที่ใช้ WooCommerce หน้าร้านค้ามีส่วนหัวของรูปภาพ สินค้าแนะนำ ลิงก์สำหรับเปิดหมวดหมู่ร้านค้า และบทวิจารณ์

หน้าผลิตภัณฑ์ธีมเด็กของ Empire Divi

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

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

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

หน้ารถเข็นเด็กธีม Empire Divi

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

ส่วนหัวของธีมเด็ก Empire Divi

ส่วนหัวของธีมย่อยของ Empire Divi สร้างขึ้นด้วยเครื่องมือปรับแต่งเมนู WordPress เมนูประกอบด้วยโลโก้ทางด้านซ้าย รายการเมนูที่มีตัวเลือกแบบเลื่อนลง และปุ่มเรียกร้องให้ดำเนินการทางด้านขวา

ส่วนท้ายธีมเด็กของ Empire Divi

ส่วนท้ายสำหรับธีมย่อยของ Empire Divi นั้นสร้างด้วยตัวสร้างธีม Divi

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

บทแนะนำวิดีโอธีมเด็กของ Empire Divi

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

หาซื้อได้ที่ไหน Empire Divi Child Theme

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

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

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

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