จุดเด่นของผลิตภัณฑ์ Divi: ธีมเด็ก Clara Divi

เผยแพร่แล้ว: 2023-07-03

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

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

สารบัญ
  • 1 การติดตั้งธีมลูกของ Clara Divi
  • 2 หน้าธีมลูกของ Clara Divi
    • 2.1 หน้าแรกของคลาร่า
    • 2.2 หน้าเกี่ยวกับเราของ Clara
    • 2.3 หน้าบริการของ Clara
    • 2.4 หน้าบริการเดี่ยวของ Clara
    • 2.5 หน้าโครงการ Clara
    • 2.6 หน้าโครงการ Clara Single
    • 2.7 หน้าข้อความรับรองของ Clara
    • 2.8 หน้าราคา Clara
    • 2.9 หน้าคำถามที่พบบ่อยของ Clara
    • 2.10 บล็อก Clara พร้อมแถบด้านข้าง
    • 2.11 ตารางบล็อกของ Clara
    • 2.12 หน้าติดต่อเราของ Clara
    • 2.13 หน้าขอบคุณคลาร่า
  • เทมเพลตตัวสร้างธีม Divi ธีมเด็ก 3 แบบ ของ Clara Divi
    • 3.1 เค้าโครงหมวดหมู่ Clara
    • 3.2 เค้าโครงโพสต์เดี่ยวของ Clara
    • 3.3 เค้าโครงหน้า Clara 404
    • 3.4 Clara Header & Menu Layouts
  • 4 รูปแบบเพิ่มเติมของธีมเด็ก Clara Divi
    • 4.1 เค้าโครงส่วนหัวของ Clara Hero
    • 4.2 เค้าโครงส่วนหัวย่อยของ Clara
  • 5 สถานที่ซื้อธีมลูกของ Clara Divi
  • 6 ความคิดสุดท้าย

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

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

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

จากหน้า Add Themes ให้คลิกปุ่ม Upload Theme ที่ด้านบน เลือก clara-divi-child-theme.zip จากไฟล์ของคุณ จากนั้นคลิก ติดตั้งทันที

ติดตั้งธีมเด็ก Clara Divi 2

เมื่อติดตั้งแล้ว ให้เปิดใช้งานธีม

ติดตั้งธีมเด็ก Clara Divi 3

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

ติดตั้งธีมเด็ก Clara Divi 4

เมื่อการติดตั้งสำเร็จ คุณจะเห็นข้อความแจ้งว่าเสร็จสิ้น

ติดตั้งธีมเด็ก Clara Divi 5

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

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

ธีมลูก Clara Divi มาพร้อมกับเค้าโครงหน้าต่างๆ 16 แบบ รวมถึงบล็อกและหน้าโครงการ เค้าโครงบางส่วนถูกตั้งค่าเป็นหน้า และบางส่วนถูกตั้งค่าเป็นเค้าโครง Divi Theme Builder ธีมลูกสามารถแก้ไขได้ด้วย Divi Builder คุณจึงเปลี่ยนเนื้อหาหรือแก้ไขการออกแบบและสีได้อย่างง่ายดายตามต้องการ

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

มาดูแต่ละเลย์เอาต์กันดีกว่า

หน้าแรกของคลาร่า

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

บ้านธีมเด็ก Clara Divi

หน้าเกี่ยวกับเราของคลารา

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

ธีมเด็ก Clara Divi เกี่ยวกับเรา

หน้าบริการคลาร่า

หน้าบริการมีส่วนหัว ข้อความคำอธิบายบางส่วน และบล็อก 6 บล็อกเพื่อแสดงบริการแต่ละรายการของคุณ ตามด้วยส่วนรับรอง CTA และการสมัครรับจดหมายข่าว

บริการธีมเด็กของ Clara Divi

หน้าบริการเดี่ยวของ Clara

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

Clara Divi Child Theme Single Service

หน้าโครงการคลาร่า

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

โครงการ

หน้าโครงการ Clara Single

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

โครงการเดี่ยวธีมเด็กของ Clara Divi

หน้าคำรับรองของคลาร่า

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

ข้อความรับรองธีมเด็กของ Clara Divi

หน้าราคา Clara

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

ราคาธีมเด็กของ Clara Divi

หน้าคำถามที่พบบ่อยของคลาร่า

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

คำถามที่พบบ่อยเกี่ยวกับธีมเด็กของ Clara Divi

บล็อก Clara พร้อมแถบด้านข้าง

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

แถบด้านข้างบล็อกธีมเด็กของ Clara Divi

ตารางบล็อกของ Clara

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

ตารางบล็อกธีมลูกของ Clara Divi

หน้าติดต่อเราคลารา

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

ธีมเด็ก Clara Divi ติดต่อเรา

หน้าขอบคุณคลาร่า

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

ธีมเด็ก Clara Divi ขอบคุณ

เทมเพลตตัวสร้างธีม Divi ธีมเด็ก Clara Divi

เค้าโครงหมวดหมู่ Clara

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

หมวดหมู่บล็อกธีมเด็กของ Clara Divi

เค้าโครงโพสต์เดี่ยวของ Clara

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

บล็อกธีมเด็ก Clara Divi โพสต์เดียว

เค้าโครงหน้า Clara 404

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

ธีมเด็ก Clara Divi 404

เค้าโครงส่วนหัวและเมนูของ Clara

ธีมลูกของ Clara Divi มาพร้อมกับส่วนหัวและเค้าโครงเมนูสี่แบบที่คุณสามารถเลือกได้

Clara Header & เค้าโครงเมนู V1

เลย์เอาต์แรกมีโลโก้ขนาดใหญ่ตรงกลางด้านบน ช่องค้นหาทางด้านซ้าย และไอคอนโซเชียลมีเดียทางด้านขวา เมนูอยู่ตรงกลางด้านล่าง

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

Clara Header & เค้าโครงเมนู V2

เค้าโครงส่วนหัวและเมนู 2 มีโลโก้ทางด้านซ้าย เมนูชิดขวาตรงกลาง และไอคอนโซเชียลมีเดียทางด้านขวา

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

Clara Header & เค้าโครงเมนู V3

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

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

Clara Header & เค้าโครงเมนู V4

รูปแบบที่สี่ใช้เมนูย่อยสีส้มที่ด้านบนเพื่อแสดงไอคอนโซเชียลมีเดียและปุ่ม CTA ด้านล่างนี้ โลโก้จะอยู่กึ่งกลางกับเมนูด้านล่าง

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

เค้าโครงเพิ่มเติมของธีมเด็ก Clara Divi

ธีมย่อยของ Clara Divi ยังมีส่วนหัวของฮีโร่ทางเลือกและโครงร่างส่วนหัวย่อย ลองมาดูกัน

เค้าโครงส่วนหัวของ Clara Hero

คลาร่า ฮีโร่ เฮดเดอร์ V1

เค้าโครงส่วนหัวนี้มีรูปภาพขนาดใหญ่ที่เลื่อนเข้ามาจากด้านข้าง

ฮีโร่ธีมเด็กของ Clara Divi 1

คลาร่าฮีโร่เฮดเดอร์ V2

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

Clara Divi Child Theme Hero 2

คลาร่าฮีโร่เฮดเดอร์ V3

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

Clara Divi Child Theme Hero 3

ฮีโร่คลาร่าเฮดเดอร์ V4

ส่วนหัวของฮีโร่ตัวที่ 4 มีรูปภาพ 3 รูปวางเรียงกันพร้อมข้อความส่วนหัวขนาดใหญ่

Clara Divi Child Theme Hero 4

เค้าโครงส่วนหัวย่อยของ Clara

ส่วนหัวย่อย Clara V1

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

หัวข้อย่อยของธีมย่อยของ Clara Divi Child 1

ส่วนหัวย่อย Clara V2

ส่วนหัวย่อย v2 อยู่บนพื้นหลังรูปภาพขนาดใหญ่ ข้อความชิดซ้าย

ส่วนหัวย่อย Clara V3

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

หัวข้อย่อยของธีมย่อย Clara Divi Child 3

สถานที่ซื้อธีมเด็ก Clara Divi

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

การซื้อธีมเด็กของ Clara Divi

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

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

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