การเพิ่ม Style Font

การเพิ่ม Style Font

สามารถทำการ "เพิ่ม Style Font" ได้โดยมีขั้นตอน ดังนี้
  

1. ไปที่ https://fonts.google.com/ เพื่อทำการเลือก Style Fonts ที่ต้องการ
2. คลิกเครื่องหมายบวก Select this font หลังชื่อ Fonts ที่ต้องการ
3. ปรากฎหน้าจอ Family Selected ให้ก็อปปี้ Link ที่ช่อง Standard
    

   

4. Login เข้าใช้งาน Webedit ด้วย Username และ Password ที่ทาง Ecomsiam ได้จัดส่งให้
5. แก้ไขเว็บเพจที่ท่านต้องการเพิ่ม Style Fonts
6. นำโค้ดด้านล่างไปใส่ที่ Block Title ของเว็บเพจที่ท่านต้องการเพิ่ม Style Fonts  โดยคลิกที่ Source จากนั้นกด Save change
    
   <link href="นำ Link ที่ก็อปปี้มาจาก Google ใส่" rel="stylesheet" /> <style type="text/css">.ตั้งชื่อ style { font-family: 'กรอกชื่อ Fonts จาก google', cursive; font-weight: bold; } </style>

   
   
   
   
   
   
   
   
   ตัวอย่างการนำ Link ที่ copy มาใส่ใน code

   <link href="https://fonts.googleapis.com/css?family=Itim" rel="stylesheet" /> <style type="text/css">.my_text { font-family: 'Itim', cursive; font-weight: bold; } </style>

    

   
   
   
   
   
    
7. สามารถนำ style font มาใช้งานได้ 2 วิธี คือ
   • ใช้งานผ่าน Source Code
     1. คลิกเลือกที่ row ที่ต้องการเพิ่มข้อความ
     2. คลิก Source จากนั้นวาง code ตามด้านล่าง
      
     <div class="my_text"> เพิ่มข้อความ </div>
      

      

     3. พิมพ์ข้อความที่ท่านต้องการแทนที่คำว่า เพิ่มข้อความ
     4. จากนั้นกด OK และกด save change 
      
   • ใช้งานผ่าน Editor
     1. คลิกเลือกที่ row ที่ต้องการเพิ่มข้อความ
     2. พิมพ์ข้อความที่ต้องการ
     3. คลิก  ที่เครื่องมือ Editor
     4. จะปรากฎหน้าต่าง Create Div Container ให้ทำการพิมพ์ชื่อ style font ที่สร้างไว้ใน title ใส่ในช่อง Stylesheet classes
     5. จากนั้นกด OK แล้วกด Save change 
      

 

ตัวอย่างการเพิ่ม Style Font

1. ไปที่ https://fonts.google.com/ เพื่อทำการเลือก Style Fonts ที่ต้องการ
2. คลิกเครื่องหมายบวก Select this font หลังชื่อ Fonts ที่ต้องการ

3. ปรากฎหน้าจอ Family Selected ให้ก็อปปี้ Link ที่ช่อง Standard ตัวอย่างดังภาพด้านล่าง

4. Login เข้าใช้งาน Webedit ด้วย Username และ Password ที่ทาง Ecomsiam ได้จัดส่งให้
5. แก้ไขเว็บเพจที่ท่านต้องการเพิ่ม Style Fonts
6. นำโค้ดด้านล่างไปใส่ที่ Block Title ของเว็บเพจที่ท่านต้องการเพิ่ม Style Fonts โดยคลิกที่ Source จากนั้นพิมพ์โค้ดใส่ตามตัวอย่าง

 

ตัวอย่างการนำ Link ที่ copy มาใส่ใน code

 

 

 

7. กด Save change  

ตัวอย่างการเรียกใช้ Style Font

ท่านสามารถนำ style font มาใช้งานได้ 2 วิธี คือ

• ใช้งานผ่าน Source Code

1. คลิกเลือกที่ row ที่ต้องการเพิ่มข้อความ
2. คลิก Source จากนั้นวาง code ตามด้านล่าง

 

 

3. พิมพ์ข้อความที่ท่านต้องการแทนที่คำว่า เพิ่มข้อความ
4. จากนั้นกด OK และกด save change 

* หมายเหตุ : หากเลือกมากกว่า 1 font ให้เพิ่ม style และกำหนดชื่อให้ต่างกัน
 

• ใช้งานผ่าน Editor

1. คลิกเลือกที่ row ที่ต้องการเพิ่มข้อความ
2. พิมพ์ข้อความที่ต้องการ
3. คลิก  ที่เครื่องมือ Editor

4. จะปรากฎหน้าต่าง Create Div Container ให้ทำการพิมพ์ชื่อ style font ที่สร้างไว้ใน title ใส่ในช่อง Stylesheet classes

5. จากนั้นกด OK แล้วกด Save change 

* หมายเหตุ : หากเลือกมากกว่า 1 font ให้เพิ่ม style และกำหนดชื่อให้ต่างกัน


 

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

• จัดการเมนู
• สีเมนูเว็บไซต์
• เว็บเพจประเภทต่างๆ
• กำหนดเว็บเพจหน้าแรก
• แก้ไขเว็บเพจ
• คัดลอกเว็บเพจ
• อัพโหลดไฟล์และลิงค์
• แสดงรายการเว็บเพจ

---

คลิปแนะนำเว็บสำเร็จรูป

website template สร้างภาพสไลด์ ใส่ภาพส่วนบนแยกแต่ละเพจ อัพโหลดโลโก้ แบนเนอร์ด้านล่างของเว็บไซต์ ข้อความด้านล่างของเว็บไซต์

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

meta tag description keywords การกำหนดชื่อเว็บเพจสำหรับ search engine สร้างแผนผังเว็บไซต์ sitemap สถิติการเยี่ยมชมเว็บไซต์ (webstatistics)

 

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