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

แทรกและแก้ไขไอคอนในโมดูลข้อความแบบสมบูรณ์

อัปเดตล่าสุด: 31 ธันวาคม 2025

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

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

ได้

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


ต้องได้รับสิทธิ์​ ต้องได้รับอนุญาตให้แก้ไขโมดูลข้อความสมบูรณ์สำหรับหน้าเว็บไซต์หน้า Landing Page หรือโพสต์บล็อก

แทรกไอคอน

  1. ไปที่เนื้อหาของคุณ:
  2. คลิกที่ชื่อเนื้อหาของคุณ
  3. คลิกโมดูลข้อความสมบูรณ์ที่คุณต้องการให้ไอคอนปรากฏ
  4. ที่ด้านบนขวาของแถบเครื่องมือ Rich Text ให้คลิกเมนูแบบเลื่อนลงแทรก แล้วเลือกไอคอน

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Insert' dropdown menu to display options. An arrow points to the insert options, including call-to-action, embed, video, table, icon and more.

  1. ในกล่องป๊อปอัปให้ค้นหาไอคอนในแถบค้นหา
  2. คลิกที่ไอคอนเพื่อแทรกลงในโมดูลข้อความรวยของคุณ
  3. เมื่อเสร็จแล้วให้คลิกเผยแพร่หรืออัปเดตที่ด้านบนขวา

แก้ไขไอคอน

แก้ไขสไตล์การจัดตำแหน่งหรือลิงก์ของไอคอนไปยังเนื้อหาอื่นๆ หรือจะเปลี่ยนไอคอนหรือลบออกก็ได้

  1. ไปที่เนื้อหาของคุณ:
    1. หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
    2. หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
    3. บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
  2. คลิกที่ชื่อเนื้อหาของคุณ
  3. ในเครื่องมือแก้ไขเนื้อหาให้คลิกไอคอนของคุณเพื่อเปิดเครื่องมือแก้ไขไอคอน
    • หากต้องการแก้ไขสีของไอคอนให้คลิกbackgroundColor นูแบบเลื่อนลงสีไอคอน backgroundColor แล้วเลือกสี หากต้องการป้อนค่า HEX หรือค่า สี RGB ให้คลิกแท็บขั้นสูง
    • ใช้ไอคอนindent เยื้องเพื่อเลื่อนไอคอนไปทางขวาหรือซ้าย
    • ใช้ไอblockAlignmentBottom การจัดตำแหน่งด้านล่างเพื่อปรับตำแหน่งของไอคอนภายในบล็อกข้อความ
    • หากต้องการเพิ่มลิงก์ไปยังไอคอนของคุณให้คลิกไอคอน link ก์แล้วแทรกลิงก์
    • หากต้องการปรับขนาดไอคอนของคุณให้คลิกและลากมุมของไอคอนในเครื่องมือแก้ไขหรือป้อนค่าพิกเซลสำหรับความกว้างและความสูงในแถบเครื่องมือ
  4. หากต้องการลบไอคอนออกจากโมดูลข้อความสมบูรณ์ให้คลิกที่ไอคอน จากนั้นคลิกไอคอน delete.ลบ
  5. หากต้องการแทนที่ไอคอนให้คลิกที่ไอคอน จากนั้นคลิกไอคอน replaceที่แล้วเลือกไอคอนใหม่
  6. เมื่อเสร็จแล้วให้คลิกเผยแพร่หรืออัปเดตที่ด้านบนขวา

In the content editor, the rich text module contains an icon. The icon is selected with the icon editor displayed indicating the icon can be customized. Below the image, there's a pop up box showing the edit, replace or delete icons.

แก้ไขตัวเลือกไอคอนขั้นสูง

แก้ไขตัวเลือกขั้นสูงสำหรับไอคอนของคุณเพื่อเพิ่มข้อความการเข้าถึงหรือปรับแต่งลิงก์ไอคอน 

  1. ไปที่เนื้อหาของคุณ:
  2. คลิกที่ชื่อเนื้อหาของคุณ
  3. ในเครื่องมือแก้ไขเนื้อหาให้คลิกที่ไอคอน
  4. คลิกไอคอน edit แก้ไข
  5. ในกล่องป๊อปอัปให้คลิกขั้นสูง
  6. หากไอคอนของคุณมีลิงก์ก็เลือกประเภทลิงก์ได้อย่างน้อย 1 ประเภท ซึ่งจะบอกเครื่องมือค้นหาว่าลิงก์นี้เกี่ยวข้องกับเว็บไซต์ของคุณอย่างไร ดูข้อมูลเพิ่มเติมเกี่ยวกับลิงก์ประเภทต่างๆ
  7. เลือกวัตถุประสงค์สำหรับภาพของคุณ
    • หากไอคอนของคุณมีไว้เพื่อถ่ายทอดข้อมูลให้เลือกอ่านตามตัวอ่านหน้าจอและเพิ่มชื่อที่อธิบายวัตถุประสงค์
    • หากไอคอนของคุณไม่ถ่ายทอดข้อมูลให้เลือกละเว้นโดยโปรแกรมอ่านหน้าจอ

In the content editor, the rich text module contains an icon. The advanced options pop up box is displayed to select the link type and purpose.

  1. คลิกนำไปใช้
  2. เมื่อเสร็จแล้วให้คลิกเผยแพร่หรืออัปเดตที่ด้านบนขวา
บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot