จุดเด่นของผลิตภัณฑ์ Divi: ธีมเด็ก Clara Divi
เผยแพร่แล้ว: 2023-07-03Clara เป็นธีมเด็กของ 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 แล้วคลิกเพิ่มใหม่
จากหน้า Add Themes ให้คลิกปุ่ม Upload Theme ที่ด้านบน เลือก clara-divi-child-theme.zip จากไฟล์ของคุณ จากนั้นคลิก ติดตั้งทันที
เมื่อติดตั้งแล้ว ให้เปิดใช้งานธีม
เมื่อเปิดใช้งานธีมลูก แท็บ Clara Demo Import จะปรากฏในเมนูแดชบอร์ด หน้านี้ช่วยให้คุณสามารถนำเข้าเนื้อหาและการตั้งค่าธีมย่อยทั้งหมดได้อย่างง่ายดายเพียงคลิกเดียว เลือกนำเข้าเนื้อหาสาธิตเพื่อเริ่มต้น
เมื่อการติดตั้งสำเร็จ คุณจะเห็นข้อความแจ้งว่าเสร็จสิ้น
ตอนนี้ธีมลูกได้รับการติดตั้งอย่างสมบูรณ์และตั้งค่าให้คุณใช้งานแล้ว สิ่งที่คุณต้องทำคือแทนที่เนื้อหา! มาสำรวจเค้าโครงหน้าที่มาพร้อมกับธีมย่อยของ Clara Divi
หน้าธีมลูกของ Clara Divi
ธีมลูก Clara Divi มาพร้อมกับเค้าโครงหน้าต่างๆ 16 แบบ รวมถึงบล็อกและหน้าโครงการ เค้าโครงบางส่วนถูกตั้งค่าเป็นหน้า และบางส่วนถูกตั้งค่าเป็นเค้าโครง Divi Theme Builder ธีมลูกสามารถแก้ไขได้ด้วย Divi Builder คุณจึงเปลี่ยนเนื้อหาหรือแก้ไขการออกแบบและสีได้อย่างง่ายดายตามต้องการ
การออกแบบธีมลูกของ Clara Divi นั้นเรียบง่าย สง่างาม และเป็นผู้หญิงด้วยโทนสีชมพูและส้ม ฉันชอบฟอนต์ serif หลักที่เลือกไว้สำหรับส่วนหัว และฟอนต์สคริปต์ที่ใช้เป็นสำเนียงช่วยเพิ่มสัมผัสที่ดีให้กับงานออกแบบ การโหลดแอนิเมชั่นใช้กับภาพตลอดการออกแบบ เพิ่มการเคลื่อนไหวที่ละเอียดอ่อนแต่มีประสิทธิภาพให้กับเลย์เอาต์
มาดูแต่ละเลย์เอาต์กันดีกว่า
หน้าแรกของคลาร่า
หน้าแรกเปิดขึ้นพร้อมกับส่วนหัวของฮีโร่พร้อมรูปภาพที่เลื่อนเข้ามาจากด้านข้างและปุ่มเรียกร้องให้ดำเนินการ หน้านี้ยังประกอบด้วยส่วนบริการ ส่วนคำกระตุ้นการตัดสินใจ ส่วนคำนิยม ส่วนวิธีที่เราทำงานซึ่งคุณสามารถเน้นขั้นตอนของกระบวนการ โพสต์บล็อกล่าสุด และแบบฟอร์มลงทะเบียนรับจดหมายข่าว ฉันชอบเลย์เอาต์ของโฮมเพจมาก โดยเฉพาะส่วนวิธีที่เราทำงานกับข้อความซ้อนทับและลูกศร
หน้าเกี่ยวกับเราของคลารา
หน้าเกี่ยวกับเรามีส่วนหัวที่มีรูปภาพสองรูป ตามด้วยส่วนเริ่มต้นอย่างไรซึ่งมีตัวนับจำนวนสามตัว ส่วนเรื่องราวของเราจนถึงขณะนี้มีรูปภาพอยู่ทางด้านขวาและส่วนสลับ ต่อไปนี้เป็นส่วนคำรับรอง ส่วน CTA และแบบฟอร์มลงทะเบียนรับจดหมายข่าว
หน้าบริการคลาร่า
หน้าบริการมีส่วนหัว ข้อความคำอธิบายบางส่วน และบล็อก 6 บล็อกเพื่อแสดงบริการแต่ละรายการของคุณ ตามด้วยส่วนรับรอง CTA และการสมัครรับจดหมายข่าว
หน้าบริการเดี่ยวของ Clara
เค้าโครงหน้านี้เป็นที่ที่คุณสามารถแบ่งปันข้อมูลเกี่ยวกับบริการของคุณในเชิงลึก เช่นเดียวกับหน้าอื่นๆ หน้านี้เริ่มต้นด้วยส่วนหัวที่มีรูปภาพสองรูปที่เลื่อนเข้ามาจากด้านข้าง ส่วนหลักในหน้านี้มีส่วนข้อความยาวพร้อมรูปภาพทางด้านขวา ด้านล่างนี้เป็นตัวนับจำนวนสามตัวตามด้วยส่วน CTA ข้อความรับรองและการสมัครรับจดหมายข่าว
หน้าโครงการคลาร่า
หน้าโครงการสามารถใช้เป็นผลงานเพื่อแสดงผลงานที่ผ่านมาของคุณ เลย์เอาต์จะมีส่วนหัว ตามด้วยส่วน Portfolio พร้อมรูปภาพขนาดใหญ่เพื่อแสดงผลงานของคุณ การซ้อนทับสีส้มปรากฏขึ้นเมื่อโฮเวอร์ เช่นเดียวกับหน้าอื่นๆ หน้านี้ลงท้ายด้วยส่วนรับรอง ส่วน CTA และการสมัครรับจดหมายข่าว
หน้าโครงการ Clara Single
หน้าโครงการเดียวคือที่ที่คุณสามารถเน้นโครงการเดียวหรือรายการพอร์ตโฟลิโอที่คุณต้องการแสดง เลย์เอาต์ใช้ส่วนหัวที่เรียบง่ายพร้อมชื่อเรื่อง ตามด้วยส่วนสรุปโครงการที่คุณสามารถเขียนเกี่ยวกับลูกค้า ความท้าทาย และวิธีแก้ปัญหา มีสี่ภาพในเค้าโครงนี้ ซึ่งคุณสามารถใช้เพื่อแสดงภาพงานของคุณได้ ด้านล่างนี้คือหัวข้อย่อยสองหัวข้อสำหรับความท้าทายและวิธีแก้ปัญหาพร้อมส่วนสลับที่สามารถเปิดเพื่อเปิดเผยข้อมูลเพิ่มเติมเกี่ยวกับงาน ตามด้วยส่วนคำรับรอง ส่วน CTA และส่วนการสมัครรับจดหมายข่าว
หน้าคำรับรองของคลาร่า
หน้าคำนิยมมีส่วนหัว ตามด้วยส่วนคำรับรอง ข้อความรับรองแต่ละรายการอยู่ในกล่องที่มีไอคอนคำพูดที่มุมขวาบน มีสองแถวของส่วนคำรับรองเหล่านี้ โดยมีคำรับรองแบบเต็มความกว้างหนึ่งแถวคั่นกลาง หน้านี้ลงท้ายด้วย CTA และส่วนการสมัครรับจดหมายข่าว
หน้าราคา Clara
หน้าราคาจะเปิดขึ้นพร้อมกับส่วนหัว ส่วนการกำหนดราคาอยู่ด้านล่างและแสดงการกำหนดราคาและปุ่มทางด้านซ้าย โดยมีชื่อระดับการกำหนดราคาและคำอธิบายทางด้านขวา ส่วนนี้ยังมีตัวนับจำนวนสามตัว ซึ่งตามด้วยส่วนการรับรอง CTA และการสมัครรับจดหมายข่าว
หน้าคำถามที่พบบ่อยของคลาร่า
เค้าโครงหน้าคำถามที่พบบ่อยยังเริ่มต้นด้วยส่วนหัวที่มีรูปภาพสองรูป ส่วนคำถามที่พบบ่อยด้านล่างแบ่งออกเป็นสามส่วนย่อย ซึ่งฉันคิดว่าเป็นส่วนที่ดีที่จะช่วยให้ลูกค้าไปยังส่วนต่างๆ ของหน้าได้อย่างง่ายดาย คำถามที่พบบ่อยมีรูปแบบเป็นโมดูลสลับที่ขยายเมื่อคลิก ตามด้วยส่วนรับรอง CTA และการสมัครรับจดหมายข่าว
บล็อก Clara พร้อมแถบด้านข้าง
ธีมลูก Clara Divi มาพร้อมกับเค้าโครงหน้าบล็อกที่แตกต่างกันสองแบบ เค้าโครงแรกคือบล็อกที่มีเค้าโครงแถบด้านข้าง เลย์เอาต์นี้เริ่มต้นด้วยส่วนหัวขนาดใหญ่ ตามด้วยส่วนของบล็อกที่แบ่งเนื้อหาบล็อกทางด้านซ้ายและแถบด้านข้างทางด้านขวา เนื้อหาบล็อกอยู่กึ่งกลางและมีรูปภาพเด่นขนาดใหญ่ แถบด้านข้างมีส่วนแนะนำ โมดูลการค้นหา โพสต์ล่าสุด และลิงก์ไปยังหมวดหมู่บล็อก ที่ด้านล่างของหน้าคือส่วนการสมัครรับจดหมายข่าว
ตารางบล็อกของ Clara
เค้าโครงบล็อกทางเลือกคือเค้าโครงกริดของบล็อกซึ่งไม่มีแถบด้านข้าง หน้านี้ขึ้นต้นด้วยส่วนหัวขนาดใหญ่ และบล็อกโพสต์ด้านล่างจะถูกจัดระเบียบเป็นตาราง ด้านล่างนี้คือส่วนการสมัครรับจดหมายข่าว
หน้าติดต่อเราคลารา
หน้าติดต่อมีส่วนหัวที่มีรูปภาพสองรูป ที่อยู่ อีเมล และเวลาเปิดทำการจะถูกเน้นด้านล่างด้วยไอคอน ต่อไปนี้เป็นส่วนติดต่อซึ่งมีข้อความและแบบฟอร์มการติดต่อ ด้านล่างนี้เป็นแบบฟอร์มลงทะเบียนรับจดหมายข่าว
หน้าขอบคุณคลาร่า
หน้าขอบคุณจะแสดงขึ้นหลังจากกรอกแบบฟอร์มติดต่อเรียบร้อยแล้ว เลย์เอาต์นี้มีส่วนหัว สามคำประกาศที่อยู่ อีเมล ข้อมูลเวลาทำการ และโพสต์บล็อกล่าสุด ตามด้วยแบบฟอร์มลงทะเบียนรับจดหมายข่าว
เทมเพลตตัวสร้างธีม Divi ธีมเด็ก Clara Divi
เค้าโครงหมวดหมู่ Clara
เค้าโครงหมวดหมู่บล็อกจะเปิดขึ้นพร้อมส่วนหัวที่เรียบง่ายและโพสต์บล็อกในรูปแบบตาราง ตามด้วยส่วนการสมัครรับจดหมายข่าว
เค้าโครงโพสต์เดี่ยวของ Clara
เค้าโครงโพสต์เดียวมีเนื้อหาโพสต์บล็อกทางด้านซ้ายพร้อมแถบด้านข้างทางด้านขวา เนื้อหาตามด้วยส่วนการสมัครรับจดหมายข่าว
เค้าโครงหน้า Clara 404
หน้า 404 มีตัวยึดสำหรับรูปภาพ ข้อความ และปุ่มเพื่อนำผู้ใช้กลับไปที่หน้าแรก
เค้าโครงส่วนหัวและเมนูของ Clara
ธีมลูกของ Clara Divi มาพร้อมกับส่วนหัวและเค้าโครงเมนูสี่แบบที่คุณสามารถเลือกได้
Clara Header & เค้าโครงเมนู V1
เลย์เอาต์แรกมีโลโก้ขนาดใหญ่ตรงกลางด้านบน ช่องค้นหาทางด้านซ้าย และไอคอนโซเชียลมีเดียทางด้านขวา เมนูอยู่ตรงกลางด้านล่าง
Clara Header & เค้าโครงเมนู V2
เค้าโครงส่วนหัวและเมนู 2 มีโลโก้ทางด้านซ้าย เมนูชิดขวาตรงกลาง และไอคอนโซเชียลมีเดียทางด้านขวา
Clara Header & เค้าโครงเมนู V3
รูปแบบที่สามมีเมนูตรงกลางพร้อมโลโก้แบบอินไลน์ มีแถบค้นหาทางด้านซ้ายและไอคอนโซเชียลมีเดียทางด้านขวา
Clara Header & เค้าโครงเมนู V4
รูปแบบที่สี่ใช้เมนูย่อยสีส้มที่ด้านบนเพื่อแสดงไอคอนโซเชียลมีเดียและปุ่ม CTA ด้านล่างนี้ โลโก้จะอยู่กึ่งกลางกับเมนูด้านล่าง
เค้าโครงเพิ่มเติมของธีมเด็ก Clara Divi
ธีมย่อยของ Clara Divi ยังมีส่วนหัวของฮีโร่ทางเลือกและโครงร่างส่วนหัวย่อย ลองมาดูกัน
เค้าโครงส่วนหัวของ Clara Hero
คลาร่า ฮีโร่ เฮดเดอร์ V1
เค้าโครงส่วนหัวนี้มีรูปภาพขนาดใหญ่ที่เลื่อนเข้ามาจากด้านข้าง
คลาร่าฮีโร่เฮดเดอร์ V2
ส่วนหัวนี้มีข้อความและปุ่มบนรูปภาพขนาดใหญ่ที่มีการซ้อนทับสีเข้ม
คลาร่าฮีโร่เฮดเดอร์ V3
ส่วนหัวนี้ยังมีพื้นหลังรูปภาพขนาดใหญ่พร้อมภาพซ้อนทับสีเข้ม ข้อความส่วนหัวอยู่กึ่งกลาง
ฮีโร่คลาร่าเฮดเดอร์ V4
ส่วนหัวของฮีโร่ตัวที่ 4 มีรูปภาพ 3 รูปวางเรียงกันพร้อมข้อความส่วนหัวขนาดใหญ่
เค้าโครงส่วนหัวย่อยของ Clara
ส่วนหัวย่อย Clara V1
เค้าโครงส่วนหัวย่อยแรกมีรูปภาพสองรูปที่เลื่อนเข้ามาจากด้านตรงข้ามและทับซ้อนกัน เนื้อหาส่วนหัวย่อยอยู่ทางด้านขวา พร้อมปุ่ม CTA
ส่วนหัวย่อย Clara V2
ส่วนหัวย่อย v2 อยู่บนพื้นหลังรูปภาพขนาดใหญ่ ข้อความชิดซ้าย
ส่วนหัวย่อย Clara V3
สุดท้าย ส่วนหัวย่อยที่สามอยู่บนพื้นหลังรูปภาพขนาดใหญ่และมีการซ้อนทับสีเข้ม ข้อความจะอยู่กึ่งกลางในส่วน
สถานที่ซื้อธีมเด็ก Clara Divi
ธีมลูก Clara Divi มีอยู่ใน Divi Marketplace มีค่าใช้จ่าย $35 สำหรับการใช้งานเว็บไซต์ไม่จำกัดและการสนับสนุนและการอัปเดตหนึ่งปี ราคานี้ยังรวมถึงการรับประกันคืนเงินภายใน 30 วัน
ความคิดสุดท้าย
นี่เป็นการสรุปรูปลักษณ์ของเราที่ธีมลูกของ Clara Divi Clara ติดตั้งง่ายและสามารถช่วยคุณเริ่มต้นกระบวนการออกแบบเว็บได้อย่างรวดเร็ว ฉันชอบการออกแบบโดยรวมของธีมลูกมาก และฉันชื่นชมการเปลี่ยนแปลงขององค์ประกอบการออกแบบบางอย่างที่ผู้เขียนธีมรวมไว้ เนื่องจากเป็นธีมย่อยของ Divi คุณจึงใช้ตัวเลือกการออกแบบของ Divi เพื่อปรับแต่งการออกแบบได้อย่างง่ายดาย หรือคุณสามารถแทนที่เนื้อหาและเตรียมเว็บไซต์ให้พร้อมใช้ความพยายามเพียงเล็กน้อย หากคุณกำลังมองหาธีมลูก Divi ที่ทันสมัยและออกแบบมาอย่างดีเพื่อโปรโมตบริการของคุณ ธีมลูก Clara Divi เป็นตัวเลือกที่ยอดเยี่ยม
เราชอบที่จะได้ยินจากคุณ! คุณได้ลองธีมลูกของ Clara Divi แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น!