แก้ไขการตั้งค่าธีมของคุณ

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

ก่อนที่คุณจะเริ่มต้น

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

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

เนื้อหาบางส่วนสำหรับเว็บไซต์ของคุณได้รับการจัดการในส่วนอื่นๆของการตั้งค่าบัญชีของคุณรวมถึง:

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

แก้ไขการตั้งค่าธีม

คุณสามารถแก้ไขการตั้งค่าของชุดรูปแบบได้จากตัวแก้ไขเนื้อหาสำหรับหน้าใดๆหรือโพสต์โดยใช้ชุดรูปแบบนั้น: 

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
• คลิกที่ชื่อเนื้อหาของคุณ 
• ในเครื่องมือแก้ไขเนื้อหาให้คลิกเมนูแก้ไขแล้ว เลือกธีม 

สี

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

แบบอักษร

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

ระยะห่าง 

การตั้งค่าธีมของคุณสำหรับการเว้นระยะห่างควบคุมความกว้างสูงสุดของเนื้อหาหน้าเว็บของคุณและการเว้นระยะห่างในแนวตั้งระหว่างองค์ประกอบต่างๆในหน้าเว็บของคุณ

การตั้งค่าอื่นๆ

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

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

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

วิชาการพิมพ์

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

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

ปุ่ม

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

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

แบบฟอร์ม

ปรับแต่งสีเริ่มต้นแบบอักษรและสไตล์ข้อความและสไตล์ปุ่มสำหรับแบบฟอร์มของคุณ

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

ตาราง

ตั้งค่าสีเริ่มต้นแบบอักษรระยะห่างและเส้นขอบสำหรับตารางที่เพิ่มลงในหน้าเว็บของคุณ

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

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

ส่วนหัวของเว็บไซต์

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

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

ส่วนท้าย

การตั้งค่าเหล่านี้จะควบคุมสีและแบบอักษรที่ปรากฏในส่วนท้ายของหน้ารวมถึงเมนูนำทาง ดูวิธีตั้งค่าเมนูนำทางในการตั้งค่าบัญชี 

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

บล็อก

การตั้งค่าเหล่านี้จะควบคุมสไตล์ของเทมเพลตหน้าประกาศและเทมเพลตบล็อกโพสต์

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

แท็ก: ตั้งค่าสีเริ่มต้นแบบอักษรและสไตล์สำหรับแท็กบล็อกของคุณซึ่งจะปรากฏที่ด้านบนของโพสต์บล็อกของคุณ