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

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

อัปเดตล่าสุด: 30 กันยายน 2025

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

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

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

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

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

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

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

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

      branding-upload-logo
    • เมื่อแก้ไขโลโก้เสร็จแล้วให้คลิก อัพเดท

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

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

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

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

    brand-identity-context-select-brand
  3. ในส่วน Brand Kit ให้คลิก Favicons 
  4. ในแผงด้านขวาให้เพิ่ม favicon ใหม่ของคุณ:
    • หากต้องการเพิ่มรูปภาพที่มีอยู่จากเครื่องมือไฟล์เป็นโลโก้ให้คลิกเรียกดูรูปภาพ จากนั้นคลิกรู ปภาพ 
    • หากต้องการเพิ่มภาพใหม่ให้คลิกอัปโหลดจากนั้นเพิ่มภาพจากคอมพิวเตอร์ของคุณ 
  5. ในช่องชื่อ Favicon ให้ป้อนชื่อสำหรับ favicon 
  6. หากต้องการทำให้ favicon เป็นค่าเริ่มต้นให้เลือกช่อง ทำเครื่องหมาย Make this my default favicon
  7. หากต้องการเพิ่มโลโก้อื่นให้คลิก + เพิ่ม favicon อื่น
  8. หากต้องการลบภาพที่มีอยู่ให้คลิ กลบ


    การสร้างแบรนด์ - favicon
  9. เมื่อแก้ไข favicon เสร็จแล้วให้คลิกอัพเดท

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

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

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

    brand-identity-context-select-brand
  3. ในส่วน Brand Kit ให้คลิก สี
  4. วิธีตั้งค่าสีแบรนด์ของคุณในแผงด้านขวา:
    • หากต้องการนำเข้าสีจาก URL ให้คลิก นำเข้าสีจาก URL
      • ในกล่องโต้ตอบให้ป้อน URL ของหน้าโดยใช้สีแบรนด์ของคุณและคลิก ค้นหาสี 
      • ลากและวางสีที่คุณต้องการใช้ถัดจากสีที่คุณต้องการกำหนด ตัวอย่างเช่นลาก #754262 ไปยังส่วน สีหลัก

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

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

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

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

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

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

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

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

  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ยี่ห้อ
  2. หากคุณใช้ ส่วนเสริมของแบรนด์ให้คลิกเมนูแบบเลื่อนลงที่ด้านขวาบนและเลือก แบรนด์ที่คุณต้องการอัปเดตโลโก้
  3. ในส่วน Brand Kit ให้คลิก Theme

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

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

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

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

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

    brand-identity-context-select-brand
  3. ในส่วน Brand Kit ให้คลิก แบบอักษร

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

      branding-font-type
      • ใต้แบบอักษรที่กำหนดเองให้คลิก + เพิ่มแบบอักษรที่กำหนดเอง
      • ในช่องชื่อแบบอักษร ให้ป้อนชื่อ แบบอักษรของคุณ
      • คลิกเลือกไฟล์แบบอักษร
      • เลือก ไฟล์แบบอักษร ที่จะอัปโหลดจากคอมพิวเตอร์ของคุณ รูปแบบไฟล์ที่รองรับ: TTF, OTF และ WOFF
      • คลิก + อัปโหลดไฟล์เพิ่มเติม เพื่อเพิ่มไฟล์แบบอักษรเพิ่มเติม
      • คลิก ถัดไป
      • ใช้เมนูแบบเลื่อนลง เพื่อเลือกสไตล์แบบอักษรที่เกี่ยวข้อง
      • คลิก + เพิ่มสไตล์แบบอักษรอื่น เพื่อเพิ่มสไตล์เพิ่มเติม
    • คลิก อัพเดท
    • คุณสามารถเพิ่มแบบอักษรที่กำหนดเองได้มากกว่าหนึ่งแบบ หากต้องการเพิ่มอีก ให้ทำตามขั้นตอน อีกครั้ง

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

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

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

    brand-identity-context-select-brand
  3. ในส่วน Brand Kit ให้คลิก แบบอักษร
    • ใต้แบบอักษรที่กำหนดเองถัดจากแบบอักษรที่มีอยู่ให้คลิกการดำเนินการจากนั้นเลือกแก้ไข หรือ ลบ 
    • ใช้ เมนูแบบเลื่อนลง เพื่อเลือกสไตล์แบบอักษรที่เกี่ยวข้อง
    • คลิก + เพิ่มสไตล์แบบอักษรอื่น เพื่อเพิ่มสไตล์เพิ่มเติม
    • คลิกอัพเดท
บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot