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



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

คุณสามารถนำโค้ดไอคอนไปใช้งาน ได้ดังนี้

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

 

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


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

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



ตัวอย่างการเลือก SHORTCODES



วิธีการใส่ Icon

1. ไปที่ ดูรหัส HTML เพื่อจะแก้ไข Code 
 

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

2. โดยโค้ดของ icon จะขึ้นด้วย fa-cogs จะคือชื่อของicon โดยท่านสามารถ copy ชื่อ icon ได้ตามด้านล่างนี้ค่ะ
 

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


3. โดยโค้ดของ icon จะขึ้นด้วย fa-cogs จะคือชื่อของicon โดยท่านสามารถ copy ชื่อ icon ได้ตามด้านล่างนี้ค่ะ
 

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

4.  คลิ๊ก (select) ให้ครอบคลุมที่ชื่อไอคอน แล้วคลิกขวาที่เมาส์ --> คัดลอก
 

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

5. ไปที่ ดูรหัส HTML เพื่อแก้ไข code
 

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


6. นำ ชื่อ icon วาง หลัง fa- แทนชื่อ icon เดิม ทำการแก้ไขใส่ iconที่ต้องการ จากนั้น ให้ คลิ๊ก ตกลง
 

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

7. คลิ๊ก Save change 
 

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



ตัวอย่างการใส่ Icon



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



Web Application Icons



Video Player Icons

Brand Icons

Medical Icons

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