KruJakkrapong 's Blog
  • Home
  • Portfolio
  • Blog
  • Shop
  • About
0
KruJakkrapong 's Blog
  • Home
  • Portfolio
  • Blog
  • Shop
  • About

Follow us

Copyright © 2023 KruJakkrapong 's Blog

Play Pause Unmute Mute

ใส่ favicon ให้กับเว็บ wordpress

Written by จักรพงษ์ แผ่นทอง in WordPress on พฤศจิกายน 27, 2017

รู้จัก favicon ไหมครับ?

ผมรู้จัก favicon จากการทำเว็บครับ มันเป็นส่วนประกอบเล็กๆ มี หรือ ไม่มีก็ได้

ถ้ามี ก็สร้างการจดจำได้ไม่น้อย ไม่จำเป็นต้องเปลียนบ่อย แต่ให้มันเป็นที่น่าจดจำก็พอ

เวลาเราเล่นอินเตอร์เน็ตบนแท็บเบราเซอร์จะมีเว็บต่างๆ ที่เราเปิดใช้งานพร้อมกันครับ

แต่ละเว็บจะมี favicon ของตนเอง หากเว็บไหนที่ยังไม่มีก็จะเป็นเหมือนรูปกระดาษ A4 ว่างๆ ครับ

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

เว็บผมขายแฟลชไดร์ฟครับ ผมก็เลยเลือกรูปที่เป็นแฟลชไดร์ฟมาใส่ตรง favicon

หากเป็นภาพที่ซับซ้อนมากเกินไป ไม่ควรนำมาเป็น favicon เพราะจะลดความน่าเชื่อถือได้ครับ เช่นตัวหนังสือเล็กๆ ก็อยากใส่เยอะๆ

วันนี้ผมจะมาแนะนำการใส่ favicon ง่ายๆ บน wordpress เวอร์ชันหลังจาก 4.3 มาครับ

ปัจจุบัน 27/11/2017 เวอร์ชันของ wordpress เดินทางมาถึงรุ่น 4.9 แล้วครับ ผมก็อัพเดทเรียบร้อยแล้ว ก็เลยมาลองใส่ favicon กันเลยครับ

คุณอาจหารูปคลิปอาร์ตที่เกี่ยวกับเว็บของคุณ ผมก็ค้นในอินเตอร์ใช้คำว่า flashdrive+cilp art แล้วเลือก favicon ที่เกี่ยวกับแฟลชไดร์ฟมาได้อักนหนึ่งครับ

ขนาดที่ wordpress แนะนำคือ 512*512 ครับ เป็นขนาดสี่เหลี่ยมจัตุรัส

หากไม่เป็นสี่เหลี่ยนจัตุรัส คุณสามารถไปครอบตอนอัพโหลดภาพได้ แต่แนะนำให้ทำให้เสร็จก่อนอัพโหลดจะดีที่สุดครับ

บางคนอาจไปวาง clip art บน Photoshop ทำพื้นหลังสีขาว ขนาด 512*512 ก่อนก็ได้ครับ

จากนั้น

ไปที่ รูปแบบเว็บ > ปรับแต่ง

ไปที่ อัตลักษณ์เว็บไซต์

เลือกภาพที่ดาวน์โหลดมาจากอินเตอร์ ขนาดอย่างน้อย 512*512 px

เมื่อได้แล้วจะเห็นพรีวิว ขั้นตอนนี้สามารถอัพภาพใหม่ได้ หากไม่พอใจ

พอใจแล้ว คลิก เผยแพร่

ลองรีเฟรช ดูจะมีภาพ favicon แสดงบนแท็บเบราเซอร์

 

ขอบคุณภาพ : unsplash

  • Facebook iconFacebook
  • Twitter iconTwitter
  • LINE iconLine

Like this:

Like Loading...

Related

Tags

favicon ให้ wordpress,ใส่ favicon

Leave a ReplyCancel reply

ติดต่อ

LineID: @krujakkrapong
โทร.089-942-9565 (เปี๊ยก)

ความเห็นล่าสุด

  • Top 19 โปรแกรม Foxit Phantompdf - Tết Trung Thu King Dom บน Foxit Phantom PDF โปรแกรมเจ๋ง จัดการไฟล์ PDF
  • Top 20 Poster สวย ๆ - DTA City บน โปสเตอร์วิชาการ สวยๆ

Blog Stats

  • 1,464,094 hits

3 บทความยอดฮิต

  • โปรแกรมฝึกคิดเลขเร็วที่ฟรี และดีมากๆ
  • ANOVA คือ อะไร? พร้อมตัวอย่างการคำนวณ SPSS
  • การหาค่าความเชื่อมั่น ของแบบสอบถาม

Copyright © 2023 KruJakkrapong 's Blog

Designed by WPZOOM

 

Loading Comments...
 

    %d bloggers like this: