ภาพรวมธีม Divi Girl Child

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

การติดตั้งธีม Divi Girl Child

การติดตั้งนั้นตรงไปตรงมาและเป็นไปตามที่คาดไว้ เมื่อเปิดใช้งาน Divi ให้อัปโหลดและเปิดใช้งาน Divi Girl เหมือนกับที่คุณทำกับธีม WordPress ใดๆ

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

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

เค้าโครงธีมเด็ก Divi Girl

เพิ่ม 57 เลย์เอาต์ใน Divi Library ซึ่งรวมถึงเค้าโครงบล็อก ส่วนหัว ส่วนท้าย หน้าผลิตภัณฑ์ และอื่นๆ อีกมากมาย เราจะดูตัวอย่างหน้าและเลย์เอาต์เหล่านี้

โฮมเพจธีมเด็ก Divi Girl 12 หน้า

ธีมเด็ก Divi Girl มีโฮมเพจให้เลือก 12 หน้า แต่ละสีมีสีพีชและแบบอักษรที่หรูหราเพื่อดึงดูดผู้ชมที่ชื่นชอบ

หน้าแรกเริ่มต้น

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

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

ผลิตภัณฑ์รวมถึงการจัดเรียงตามสไตล์ การวางซ้อน การจัดระดับดาว และการแบ่งหน้า

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

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

หน้าแรกของบล็อก

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

หน้าแรกของ Life Coach

Life Coach เพิ่มรูปภาพสำหรับหมวดหมู่ การนำเสนอสำหรับบริการ รูปภาพแบบเต็มความกว้างสำหรับข้อมูลและคำพูด คำรับรองในตาราง และ CTA แบบเต็มความกว้าง

หน้าแรกบริการ

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

หน้าแรกของวิทยากร

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

หน้าแรกของเทรนเนอร์โยคะ

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

ช่างแต่งหน้าโฮมเพจ

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

หน้าแรกของผู้เขียน

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

โฮมเพจดูแลผู้สูงอายุ

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

หน้าแรกการดูแลเด็ก

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

หน้าแรกของนักดนตรี

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

หน้าแรกของนักวางแผนงานแต่งงาน

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

ธีมเด็ก Divi Girl เกี่ยวกับหน้า

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

มาดูที่หน้าฟรอนท์เอนด์กัน

หน้าตัวสร้างธีม

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

หน้าบล็อก

ประกอบด้วยหน้าเก็บบล็อกและรูปแบบโพสต์ 10 แบบให้เลือก พวกมันถูกสร้างขึ้นใน Theme Builder

หน้าบล็อก

หน้าบล็อกมีชื่อบทความแบบเต็มความกว้างที่ด้านบนของหน้าตามด้วยบล็อกที่มีแถบด้านข้าง

นี่คือหน้าคลังบล็อกที่ส่วนหน้า

เค้าโครงโพสต์ Stellar

เค้าโครง Stellar ประกอบด้วยรูปภาพเด่น, CSS ที่กำหนดเอง, หมวดหมู่โพสต์, ชื่อ, ตัวแบ่ง, เนื้อหา, การนำทาง, แท็ก, รูปภาพ, ประวัติผู้เขียน, ความคิดเห็น และอื่นๆ

สิ่งนี้สร้างเลย์เอาต์ที่น่าสนใจด้วยรูปภาพเด่นในรูปแบบพารัลแลกซ์ที่แท้จริงและเนื้อหาซ้อนทับกัน

กระตุ้นโพสต์เค้าโครง

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

เทมเพลตโพสต์ Zest

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

หน้าผลิตภัณฑ์ธีม Divi Girl Chile

หน้าผลิตภัณฑ์ประกอบด้วยหน้าร้านค้าหนึ่งหน้าและเทมเพลตหน้าผลิตภัณฑ์ 5 รายการ

หน้าร้านค้า

หน้าร้านค้าประกอบด้วยชื่อโพสต์แบบเต็มความกว้างและโมดูลร้านค้า

ทางร้านรวมสินค้าตัวอย่าง

รูปแบบผลิตภัณฑ์ หนึ่ง

Post Layout 1 มีโมดูล WooCommerce จำนวนมากสำหรับข้อมูลผลิตภัณฑ์ CSS ที่กำหนดเอง เนื้อหาโพสต์ ข้อมูลเพิ่มเติม แกลเลอรี ผลิตภัณฑ์ที่เกี่ยวข้อง และบทวิจารณ์

เลย์เอาต์ผลิตภัณฑ์นี้มีลักษณะอย่างไรที่ส่วนหน้า

รูปแบบผลิตภัณฑ์ สอง

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

ให้ภาพเด่นแบบเต็มหน้าจอพร้อมข้อมูลในเบื้องหน้า

รูปแบบผลิตภัณฑ์ สาม

Product Template 3 แสดงแกลเลอรีตรงกลางหน้าจอพร้อมข้อมูลทางด้านขวา รวมถึงเนื้อหาโพสต์ ข้อมูลเพิ่มเติม และบทวิจารณ์ Product Template 4 มีลักษณะเช่นนี้ แต่มีรูปภาพที่เล็กกว่า

รูปแบบผลิตภัณฑ์ ห้า

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

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

มี 5 หัวให้เลือก คุณจะพบได้ใน Divi Library ส่วนหัวเริ่มต้นจะวางโลโก้ไว้ตรงกลางโดยมีลิงก์เมนูอยู่ข้างใต้

ส่วนหัว 2 ประกอบด้วยหลายเมนูและโมดูลโซเชียลมีเดีย ผู้ติดต่อ และโมดูลโค้ด คนอื่นๆ เพิ่ม CTA, ค้นหา, ข้อมูลติดต่อ, จัดเตรียมเลย์เอาต์ต่างๆ ฯลฯ

นี่คือส่วนหัว 4 ประกอบด้วยโมดูลสามแถวที่มีโทรศัพท์ ที่อยู่ ปุ่มโซเชียล หลายเมนู ฯลฯ

ส่วนท้ายธีม Divi Girl Chile

Divi Girl เพิ่มส่วนท้าย 5 ส่วนใน Divi Library นี่คือส่วนท้ายเริ่มต้นซึ่งใช้พื้นหลังสีอ่อนและประกอบด้วยสามคอลัมน์ที่มีข้อมูลเกี่ยวกับ โพสต์ล่าสุด และข้อมูลติดต่อ

นี่คือส่วนท้าย 2 ซึ่งรวมถึงส่วนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ที่แยกจากกัน

นี่คือเลย์เอาต์ของส่วนท้ายใน Divi Builder

นี่คือส่วนท้าย 5 ซึ่งแสดงเนื้อหาในกองซ้อนบนภาพพื้นหลังแบบเต็มความกว้างพร้อมการซ้อนทับ

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

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

จบความคิด

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

หากคุณสนใจธีมเด็ก Divi ที่มีดีไซน์แบบผู้หญิงและมีเทมเพลตมากมาย Divi Girl ก็คุ้มค่าที่จะพิจารณา

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

ภาพเด่นโดย Mary Long / shutterstock.com