วิธีการออกแบบหน้าเกี่ยวกับ (คู่มือ 2025)

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

มาดำน้ำกันเถอะ

ทำไมหน้าเกี่ยวกับจึงสำคัญ?

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

มันสร้างความน่าเชื่อถือและความน่าเชื่อถือสำหรับแบรนด์ของคุณ

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

คุณสามารถเชื่อมต่อกับลูกค้าในระดับอารมณ์

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

คุณจะโดดเด่นจากฝูงชน

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

ให้ข้อมูลที่มีค่าเกี่ยวกับแบรนด์ของคุณ

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

เหมาะสำหรับ SEO

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

องค์ประกอบสำคัญของหน้ามีประสิทธิภาพเกี่ยวกับหน้า

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

เริ่มต้นด้วยเรื่องราวของคุณ

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

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

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

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

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

เน้นผลิตภัณฑ์หรือบริการของคุณ

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

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

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

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

ใส่หน้าแบรนด์ของคุณ

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

กำหนดเป้าหมายผู้ชมของคุณ

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

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

ออกแบบสำหรับผลกระทบ

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

ภาพที่สะดุดตา:

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

เทมเพลตหน้า:

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

ใช้ภาษาที่ชัดเจนและรัดกุม:

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

รวมการเรียกร้องให้ดำเนินการ

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

วิธีการออกแบบหน้าเกี่ยวกับ

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

บทนำสู่ Divi

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

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

รับ Divi

สร้างหน้าเกี่ยวกับด้วย Divi AI

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

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

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

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

เมื่อหน้ารีเฟรชให้ ชื่อ หน้าของคุณแล้วคลิก ใช้ Divi Builder

สามตัวเลือกจะปรากฏบนหน้าจอของคุณ เลือกเลย์เอาต์ที่ทำไว้ล่วงหน้า

กล่องโต้ตอบจะปรากฏขึ้นช่วยให้คุณ ค้นหา เค้าโครงเฉพาะหรือ กรอง ตามหมวดหมู่

เลื่อนหรือค้นหา ชุดเค้าโครงธุรกิจ CV และคลิกเพื่อเลือก

ถัดไปเลือก หน้าเกี่ยวกับ ในชุดเค้าโครง

สุดท้ายคลิกที่ปุ่ม Layout นี้ เพื่อโหลดลงในหน้า WordPress ของคุณ

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

การเพิ่มข้อความ Ai-Generated ลงในหน้า

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

เริ่มต้นด้วยข้อความด้านล่างพาดหัวแรกของหน้า วางเมาส์เหนือโมดูลข้อความเพื่อเปิดเผยการตั้งค่า คลิก ไอคอนเกียร์ เพื่อแก้ไขโมดูล

จากนั้นคลิก ปุ่ม AI ในพื้นที่ข้อความเพื่อเปิด Divi AI

คลิก เขียนด้วย AI เมื่อตัวเลือกปรากฏขึ้น

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

เมื่อ Divi AI สร้างข้อความของคุณคุณสามารถแก้ไขได้ คุณสามารถยืดยาวสั้นลงง่ายขึ้นเขียนใหม่หรือทำให้รายละเอียดหรืออธิบายเพิ่มเติมท่ามกลางตัวเลือกอื่น ๆ

เมื่อข้อความเป็นที่ชื่นชอบของคุณให้คลิก ใช้ปุ่มข้อความนี้ เพื่อแทรกลงในโมดูลข้อความ

การเพิ่มเนื้อหาเพิ่มเติมลงในหน้า

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

เริ่มต้นด้วยการเลื่อนผ่านส่วน เรื่องราวของฉัน ในหน้าเกี่ยวกับของเรา คลิก ไอคอนสีน้ำเงิน + เพื่อเพิ่มส่วนใหม่

เพิ่ม ส่วนปกติ ไปยังหน้าเมื่อกล่องโต้ตอบปรากฏขึ้น

ถัดไปเลือก แถวเดียว

เพิ่มโมดูลหัวเรื่อง

เลือก โมดูลหัวเรื่อง และเพิ่มลงในแถว

ด้วยการตั้งค่าโมดูลหัวเรื่องที่ใช้งานอยู่ให้พิมพ์ พอร์ตโฟลิโอของฉัน ลงใน ฟิลด์ชื่อเรื่อง

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

ในที่สุดเลือก พอร์ตโฟลิโอหัวเรื่อง ที่ตั้งไว้ล่วงหน้าเพื่อจัดสไตล์โมดูลส่วนหัวของคุณ

เพิ่มโมดูลแกลเลอรี่

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

ด้วยการตั้งค่าของโมดูลแกลเลอรี่ที่ใช้งานอยู่ให้คลิกไอคอน Add Gallery Images

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

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

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

มุ่งหน้าไปที่ แท็บการออกแบบ และปรับ ความกว้างรางน้ำ ของแถวเป็น 2

เพิ่มโมดูล CTA

ในที่สุดเราจะเพิ่มโมดูล CTA เพื่อกระตุ้นให้ผู้เยี่ยมชมเข้าถึง สร้างส่วนใหม่ด้วยแถวเดียวและเลือกโมดูล CTA

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

โดยค่าเริ่มต้นโมดูล CTA ของ Divi มาพร้อมกับสีพื้นหลัง ลองลบออก คุณสามารถตั้งค่าสีให้โปร่งใสหรือสลับ สีพื้นหลังใช้ เป็น ปิด

สลับไปที่แท็บการออกแบบและป้อนการตั้งค่าต่อไปนี้สำหรับ CTA:

ข้อความชื่อเรื่อง

• ระดับหัวเรื่องระดับ: H2
• ตัวอักษรชื่อเรื่อง: Poppins
• ชื่อฟอนต์น้ำหนัก: ปานกลาง
• การจัดตำแหน่งข้อความชื่อเรื่อง: ศูนย์
• ขนาดข้อความชื่อ: 52px (เดสก์ท็อป), 32px (แท็บเล็ต) และ 20px (มือถือ)

ข้อความร่างกาย

• ตัวอักษรร่างกาย: เปิด sans
• น้ำหนักตัวอักษร: ปกติ
• สีข้อความร่างกาย: #FFFFFF
• ขนาดข้อความร่างกาย: 18px (ขนาดหน้าจอทั้งหมด)

การตั้งค่าปุ่ม

• ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
• ปุ่มขนาดข้อความ: 16px
• ปุ่มข้อความสี: #16264a
• ปุ่มพื้นหลัง: #ffffff
• ปุ่มความกว้างของเส้นขอบ: 0px
• รัศมีเส้นขอบปุ่ม: 0px
• แบบอักษรปุ่ม: Poppins
• น้ำหนักตัวอักษรน้ำหนัก: ปานกลาง
• ไอคอนปุ่มแสดง: ไม่
• การจัดตำแหน่งปุ่ม: ศูนย์
• ปุ่มพิมพ์: 12px (ด้านบนและล่าง) และ 35px (ซ้ายและขวา)

สุดท้ายเปิดส่วนที่มีโมดูล CTA และเปลี่ยนสีพื้นหลังเป็น #16264A

ผลิตภัณฑ์สำเร็จรูป

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

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

คุณสามารถสร้างหน้าเกี่ยวกับหน้าตาที่น่าจดจำด้วย divi

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

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