วิธีการสร้าง Favicon ให้กับ WordPress

Favicon คือ ไอคอนเล็ก ๆ ที่อยู่ก่อนหน้าช่องแสดง URL  Browser นั่นเอง โดยปกติจะเป็นแค่รูปหน้ากระดาษขาว ๆ เรามาเริ่มการวิธีการสร้าง Favicon กันได้เลย

1. สร้างไฟล์ขนาด 16×16 pixel ขึ้นมา แล้วออกแบบได้ตามใจเลย

วิธีเพิ่ม Favicon ใน WordPress

WordPress Favicon

2. Save for Web & Devices ให้เซฟเป็น PNG

วิธีเพิ่ม Favicon ใน WordPress

3. จากนั้นไปที่เว็บ เปลี่ยนรูปภาพเป็นไอคอน

4. กด Browse เลือกไฟล์ที่เราออกแบบมาตะกี้

5. Icon Size เลือกเป็น 16×16 Pixel นะจ๊ะ แล้ว กด Convert ได้เลย โดยเราจะได้ชื่อไฟล์เป็น favicon.ico

วิธีเพิ่ม Favicon ใน WordPress

6. จากนั้นกด เข้าตรง FTP ของเราได้เลย เพื่อจะเอาไฟล์ไปวางในหน้าธีมของเราที่ใช้อยู่ขณะนั้นแล้ว Drag and Drop ได้เลยครับ

วิธีเพิ่ม Favicon ใน WordPress

7. จากนั้นเข้าไปที่หน้า admin ของ wordpress  ไปที่ Apperance > Editor แล้วมองหาไฟล์ชื่อ header.php บริเวณด้านขวามือ

8. แทรกโค้ดนี้ <link rel=”shortcut icon” href=”http://www.yourdomain/favicon.ico ” /> ตรง “yourdomain” ให้เปลี่ยนเป็นชื่อของเว็บของเรา ให้แทรกบริเวณ tag <head></head>

9. Update File เพื่อยืนยัน

วิธีเพิ่ม Favicon ใน WordPress

10. ลองดูหน้าเว็บเราแล้วจัดการ Refresh ดูผลครับ

วิธีเพิ่ม Favicon ใน WordPress

Favicon

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

Peter

ไม่ยอมแพ้ต่อโชคชะตา และเชื่อว่า "เราเลือกเกิดไม่ได้ แต่เราเลือกที่จะทำดีได้" ปัจจุบันทำงานสาย Digital Marketing และ E-commerce ชอบท่องเที่ยวเพื่อหาประสบการณ์และอยากแบ่งปันความรู้ในกะลาของตนเองแก่ชาวโลก ขอบคุณทุกท่านที่เข้ามาเยี่ยมชม Blog เล็ก ๆ แห่งนี้

More Posts - Website