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

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

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

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

ทำความเข้าใจข้อจำกัดและข้อพิจารณา

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

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

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

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

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
   • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
2. คลิกที่ชื่อเนื้อหาของคุณ 
3. วิธีใช้โปรแกรมแก้ไขธีมแบบเต็มสำหรับหน้าเว็บและโพสต์:
   • ในเครื่องมือแก้ไขเนื้อหาให้คลิกเมนูแก้ไขและเลือกธีมในแถบเครื่องมือแก้ไข ตัวอย่างเช่นหากคุณใช้ธีม Elevate ให้คลิกเมนู Edit แล้วเลือก Theme: Elevate

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

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

ทำความเข้าใจรูปแบบธีม

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

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

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

สี

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

แบบอักษร

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

ระยะห่าง 

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

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

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

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

ปุ่ม

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

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

แบบฟอร์ม

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

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

ตาราง

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

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

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

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

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

ส่วนท้าย

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

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

บล็อก

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

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