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

แก้ไขโลโก้ favicon สีของแบรนด์แบบอักษรและธีม

อัปเดตล่าสุด: 26 พฤษภาคม 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

ผลิตภัณฑ์และแพ็กเกจทั้งหมด

ผู้ใช้ที่มีสิทธิ์เข้าถึงค่าเริ่มต้นของบัญชี Edit สามารถแก้ไขโลโก้ favicon สีของแบรนด์ธีมและแบบอักษรของแบรนด์ได้ในชุดแบรนด์ของคุณ 

โปรดทราบ: คุณสามารถสร้างชุดแบรนด์ได้หนึ่งชุดต่อบัญชีหากคุณมีส่วนเสริมของแบรนด์คุณสามารถสร้างชุดแบรนด์หนึ่งชุดต่อแบรนด์

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

เพิ่มหรือแก้ไขโลโก้ของคุณ

ในการตั้งค่าบัญชีของคุณคุณสามารถแก้ไขโลโก้เริ่มต้นของคุณได้คุณสามารถแทนที่โลโก้นี้สำหรับเนื้อหาแต่ละชิ้นได้ 

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

Brand Identity Select Brand: Dropdown menu to select a brand to update logo.

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

Brand Identity Update Logo: Options to add or update a logo, with fields for logo details.

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

Brand Identity Change Default Logo: Dropdown menu to change or delete a logo.

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

Brand Identity Override Logo: Switch to override the default logo.

เพิ่มหรือแก้ไข favicon ของคุณ

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

โปรดทราบ: คุณสามารถเพิ่ม favicon ได้สูงสุด 20 รายการต่อ แบรนด์

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

Brand Identity Select Brand: Dropdown menu to select a brand for favicon update.

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

Brand Identity Update Favicon: Options to add or update a favicon.

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

Brand Identity Change Default Favicon: Dropdown menu to change the default favicon.

  • เมื่อแก้ไข favicon เสร็จแล้วให้คลิกบันทึกที่ด้านล่างซ้าย 

เพิ่มหรือแก้ไขสีแบรนด์ของคุณ

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

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

Brand Identity Select Brand: Dropdown menu to select a brand to update colors.

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

Brand Kit Colors section, showing options to set primary, secondary, and accent colors.

โปรดทราบว่า:

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

Import Colors from URL: Dialog box to enter a URL to import colors.

เพิ่มแก้ไขหรือลบแบบอักษร

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

เพิ่มแบบอักษร

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

Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

  • ในส่วน Brand Kit ให้คลิกแบบอักษร
  • ในการตั้งค่าแบบอักษรที่จะใช้สำหรับข้อความเนื้อหา:
    • ใต้เนื้อหาให้คลิกเมนูแบบเลื่อนลงเลือกแบบอักษร
    • ป้อนชื่อแบบอักษรในแถบค้นหาหรือเลือกแบบอักษรจากรายการ
    • คลิกอัพเดท
  • วิธีตั้งค่าแบบอักษรที่จะใช้สำหรับส่วนหัวและข้อความขนาดใหญ่:
    • ใต้รายการหลักให้คลิกเมนูแบบเลื่อนลงเลือกแบบอักษร
    • ป้อนชื่อแบบอักษรในแถบค้นหาหรือเลือกแบบอักษรจากรายการ
    • คลิกอัพเดท
  • วิธีตั้งค่าแบบอักษรที่กำหนดเองซึ่งจะพร้อมใช้งานในตัวเลือกแบบอักษรในเครื่องมือแก้ไขเนื้อหา:
    • ใต้แบบอักษรที่กำหนดเองให้คลิก + เพิ่มแบบอักษรที่กำหนดเอง
    • ในช่องชื่อแบบอักษรให้ป้อนชื่อแบบอักษรของคุณ
    • คลิกเลือกไฟล์แบบอักษร
    • เลือกไฟล์แบบอักษรที่จะอัปโหลดจากคอมพิวเตอร์ของคุณ รูปแบบไฟล์ที่รองรับ: TTF, OTF และ WOFF
      • Add custom font interface in HubSpot settings showing font name field and choose font files button.
    • คลิก + อัปโหลดไฟล์เพิ่มเติมเพื่อเพิ่มไฟล์แบบอักษรเพิ่มเติม
    • คลิกถัดไป
    • ใช้เมนูแบบเลื่อนลงเพื่อเลือกสไตล์แบบอักษรที่เกี่ยวข้อง

Custom font style selection dropdown menus in HubSpot settings.

    • คลิก + เพิ่มสไตล์แบบอักษรอื่นเพื่อเพิ่มสไตล์เพิ่มเติม
    • คลิกอัพเดท
    • คุณสามารถเพิ่มแบบอักษรที่กำหนดเองได้มากกว่าหนึ่งแบบ หากต้องการเพิ่มอีกให้ทำตามขั้นตอนอีกครั้ง

แก้ไขแบบอักษร

วิธีแก้ไขแบบอักษรที่มีอยู่:

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

Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

  • ในส่วน Brand Kit ให้คลิกแบบอักษร
  • ในการแก้ไขแบบอักษรที่จะใช้สำหรับข้อความเนื้อหา:
    • ใต้เนื้อหาให้คลิกเมนูแบบเลื่อนลง
    • ป้อนชื่อแบบอักษรในแถบค้นหาหรือเลือกแบบอักษรจากรายการ
    • คลิกอัพเดท
  • วิธีแก้ไขแบบอักษรที่จะใช้สำหรับส่วนหัวและข้อความขนาดใหญ่:
    • ใต้ Primary ให้คลิกเมนูแบบเลื่อนลง
    • ป้อนชื่อแบบอักษรในแถบค้นหาหรือเลือกแบบอักษรจากรายการ
    • คลิกอัพเดท
  • วิธีแก้ไขแบบอักษรที่กำหนดเอง:
    • ใต้แบบอักษรที่กำหนดเองถัดจากแบบอักษรที่มีอยู่ให้คลิกการดำเนินการแล้วเลือก แก้ไข
Edit custom font option under Actions dropdown in HubSpot settings.
    • ใช้เมนูแบบเลื่อนลงเพื่อเลือกสไตล์แบบอักษรที่เกี่ยวข้อง

Custom font style selection dropdown menus in HubSpot settings for editing.

    • คลิก + เพิ่มสไตล์แบบอักษรอื่นเพื่อเพิ่มสไตล์เพิ่มเติม
    • คลิกอัพเดท

ลบแบบอักษรที่กำหนดเอง

วิธีลบแบบอักษรที่กำหนดเอง:

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

Brand Identity Select Brand: Dropdown menu to select a brand to delete custom fonts.

  • ในส่วน Brand Kit ให้คลิกแบบอักษร
  • ใต้แบบอักษรที่กำหนดเองถัดจากแบบอักษรที่มีอยู่ให้คลิกการดำเนินการแล้วเลือก ลบ

Delete custom font option under Actions dropdown in HubSpot settings.

  • ในกล่องโต้ตอบให้คลิกลบแบบอักษร

เปลี่ยนธีมของคุณ

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

บัญชีทั้งหมดมีสิทธิ์เข้าถึงธีม HubSpot เริ่มต้นอย่างน้อยหนึ่งรายการนอกจากนี้ยังสามารถดาวน์โหลดธีมได้จากตลาดเทมเพลต

โปรดทราบ: ฐานความรู้ใช้ธีมเวอร์ชันที่แก้ไขแล้วดูข้อมูลเพิ่มเติมเกี่ยวกับการแก้ไขการตั้งค่าธีมฐานความรู้

วิธีเปลี่ยนธีม:

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

Brand Identity Select Brand: Dropdown to select a brand to change the theme.

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

เนื้อหาที่เกี่ยวข้อง