webeditor : ใส่ไอคอนในเว็บเพจ (Insert icons)

webeditor :  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

คุณสามารถเพิ่มเติมไอคอน หรือ เปลี่ยนแปลงไอคอนของ templete ได้โดยทีขั้นตอนได้ดังนี้

  1. Login เข้าใช้งานเว็บไซต์สำเร็จรูป Ninenic
  2. ไปยังเว็บเพจที่ต้องการจัดทำ โดยไปที่เครื่องมือ "เพิ่มเว็บเพจ" หรือ "แก้ไขเว็บเพจ"
  3. คลิก  "Row setting"
  4. คลิก "Insert Shortcodes"

 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)


5. เลือกรูปแบบ Shortcodes ได้ตามต้องการ
 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

วิธีการใส่ Icon

1. คลิก "ดูรหัส HTML" เพื่อจะแก้ไข Code 
 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

2. โค้ดของ icon ขึ้นด้วย fa-  และ cogs คือชื่อของ icon
 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

3.  คัดลอกชื่อไอคอนที่ต้องการ โดยให้ครอบคลุมที่ชื่อไอคอน แล้วคลิกขวาที่เมาส์ --> คัดลอก
รายชื่อไอคอนทั้งหมด คลิก
 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

4. นำ ชื่อ icon วาง หลัง fa- แทนชื่อ icon เดิม
5. จากนั้น ให้ คลิก "ตกลง"
 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

6. คลิก "Save change" 
 

คู่มือเว็บไซต์สำเร็จรูป ninenic - webeditor  แนะนำการใส่ไอคอนในเว็บเพจ (Insert icons)

ตัวอย่างไอคอน (Sample icons)

Web Application Icons

Video Player Icons

Brand Icons

Medical Icons

เพจที่เกี่ยวข้อง