ภาพรวมธีมลูก DiviHvac

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

การติดตั้ง DiviHvac Child Theme

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

ขั้นตอนทั้งหมดเหล่านี้เรียบง่าย แต่ใช้เวลานานกว่าวิธีการแก้ปัญหาเพียงคลิกเดียวไม่กี่นาที คำแนะนำนั้นง่ายต่อการปฏิบัติตามและไฟล์มีป้ายกำกับอย่างดี วิธีนี้ช่วยได้

เพจ DiviHvac

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

หน้าแรก DiviHvac Child Theme

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

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

บริการ

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

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

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

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

โครงการ

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

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

ส่วนบล็อกจะแสดงการ์ดที่มีสไตล์โดยมีสามเหลี่ยมอยู่ที่มุม

CTA

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

DiviHvac ธีมลูกเกี่ยวกับเรา Page

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

หน้าโครงการ DiviHvac

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

DiviHvac หน้าโครงการเดียว

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

หน้าบริการ DiviHvac

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

DiviHvac หน้าบริการเดียว

หน้า Single Service ให้พื้นที่เนื้อหาสำหรับรายละเอียดเกี่ยวกับบริการด้วยแบบฟอร์มที่มีสไตล์เพื่อขอบริการ

หน้าบล็อก DiviHvac

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

เค้าโครงบล็อก DiviHvac

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

DiviHvac หน้าคำถามที่พบบ่อย

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

หน้าคำรับรองธีมเด็ก DiviHvac

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

หน้าคูปองธีมเด็ก DiviHvac

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

DiviHvac หน้าติดต่อธีมลูก

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

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

;

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

เลย์เอาต์ตัวสร้างธีม DiviHvac

เลย์เอาต์ของตัวสร้างธีมประกอบด้วยส่วนหัวและส่วนท้ายส่วนกลาง หน้าหมวดหมู่ และหน้า 404

หัวข้อ

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

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

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

นี่คือปุ่มติดหนึบแบบเลื่อนเข้าเมื่อคุณวางเมาส์เหนือปุ่มนั้น ทำงานเป็น CTA ด้วยปุ่มและเปลี่ยนเส้นทางไปยังหน้าขอบคุณ

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

ส่วนท้าย

ส่วนท้ายส่วนกลางถูกสร้างขึ้นด้วยส่วนพิเศษและประกอบด้วยรูปภาพ ข้อความ ติดตามทางสังคม และปุ่มในสามแถว

นี่คือลักษณะที่ปรากฏในมุมมองภาพ

นี่คือลักษณะที่ปรากฏบนหน้าแรก

404 หน้า

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

สถานที่ซื้อ DiviHvac

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

จบความคิด

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

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

ภาพเด่นผ่าน Seahorse Vector / shutterstock.com