สร้าง Favicon ด้วย Myfavicon.info แบบมี Text เลื่อนๆด้วยที่สำคัญคนไทยทำเองครับ

เมื่อปีกลายผมเคยพูดถึงเรื่อง Favicons เอาไว้ครั้งนึงน่ะครับว่าขั้นตอนการ ปะ Favicon ใน wordpress มันทำยังไง (link เดิมที่นี่ครับ) ล่าสุดมีพี่น้องคนไทยเราเองนี่หละครับ บอกว่า ขอฝาก myfavicons.info ไว้แน่นอนครับผมอยากให้ฝากไว้อยู่แล้วครับ เพราะที่ผมลองใช้คือ มันมีการ upgrade จาก Favicon ปกตินิดหน่อยตรงที่ว่า เราสามารถที่จะพิมพ์ text เข้าไปได้ด้วย แล้วมันก็จะแสดงเป็นภาพเลื่อนๆตรง Favicons น่ะหละครับ แตกต่างแค่นี้ก็ถือได้ว่าเป็นทางเลือกที่ดีกว่า (หากว่าบางคนคิดว่าอยากจะให้มี text วิ่งๆ อยู่ Favicons น่ะครับ) แต่ว่าสำหรับผมแล้ว ผมว่า Favicons ที่เป็น Logo นิ่งๆน่าจะทำให้การเกิด brand recognition ที่ดีกว่านะครับ อันนี้ก็แล้วแต่มุมมองนะครับ ถ้าหากว่าผู้พัฒนาอ่านข้อความนี้ของผมไป ผมแนะนำว่า ที่น่าจะเป็นก็คือ การที่มีการเปลี่ยนหรือเลื่อน Logo ให้เป็นภาพอื่นๆได้ครับ เพราะ การที่มี text วิ่งกว่าจะรู้เรือ่งกันก็นะ นานเอาการแล้วก็ยิ่งเล็กๆอยู่ด้วยนี่ก็ .. ดูลำบากๆยังไงก็ไม่รู้น่ะครับ

สรุปว่าหากว่า application เล็กๆนี้สร้างโดยคนไทยแล้วล่ะก็สามารถที่จะต่อยอดผนักดันไปได้อีกครับ สามารถ submit ผ่านเว็ปดังๆเพื่อให้มีการเกิดการพูดถึงเป็น buzz เล็กๆของคนใช้งาน wordpress ได้ครับ มันมีเหตุผลว่าทำไมต้องเป็น wordpress น่ะครับเพราะว่ามันเป็นตลาดใหญ่มากสำหรับคนที่สร้างเว็ปออกมาใหม่ครับ

ยังไงลองเข้าไปที่หน้าเว็ป myfavicons.info ดูนะครับว่า Logo กะ Text หมุนๆเลื่อนๆทำออกมาแล้วโอเคเหรอป่าวครับ

วิธีการเอา Favicon ปะไว้ที่หน้า url บน wordpress ทำได้ไม่ยากครับ

Favicon คือ icon เล็กๆขนาด 16 x 16 pixels ที่โชว์อยู่หน้า url ของเราที่ Browser สมัยใหม่ไม่ว่าจะเป็น Opera,Firefox และอื่นๆ การทีมี Favicon ไม่ได้ทำให้เว็ปเราแตกต่างอะไรหรอกครับ แต่ว่า มันจะดีตรงที่ว่าพอคนที่เค้า Bookmark เว็ปเราเข้าไป เค้าก็จะสังเกตเห็นเว็ปเราไม่ได้ง่ายกว่า เพราะมันเป็นภาพทีเป็นตัวแทนเว็ปเราแสดงเอาไว้ที่ Bookmark ด้วยนั่นเอง ผมก็เลยลองหาวิธีการ upload Favicon แล้วทำให้มัน work กับ wordpress ที่ใช้งานอยู่ เนื้อความหาอ่านได้ไม่ยากครับ หรือไม่ก็ทำตามวิธีที่ผมว่านี้เลยก็ได้ครับผม ..

ขั้นตอนการเพิ่ม Favicon เข้าไปที่ wordpress blog วิธีง่ายๆตามนี้ครับผม..

step 1: สร้าง Favicon
โดยการเข้าไปที่ http://tools.dynamicdrive.com/favicon/ แล้วก็ Browse ภาพที่เราสร้างไว้ เน้นภาพออกมาเป็นแนวจัตุรัสซะหน่อยก็จะดีครับ แล้วกด download ก็จะได้ไฟล์ Favicon.ico กลับมา

step 2: เอา header.php ออกมาจาก Theme ที่เราใช้อยู่โดยการ เปิด FTP program มาเข้าไปที่ wp-content>themes>theme ที่เราใช้อยู่ เข้าไปจนถึงที่ที่มี file header.php แล้วโหลด header.php มาเก็บไว้ที่เครื่องเราก่อน(เพราะว่าเดี๋ยวจะต้อง edit นิดหน่อย)

step 3: อัพโหลดไฟล์ Favicon.ico ที่เราได้มาจากขั้นตอนแรก เข้าไปที่ folder ที่มี header.php อยู่

step 4: แก้ไข file header.php โดยการเพิ่มบรรทัดนึงเข้าไปใต้ <head> (ใช้ตามหาดูก็ได้แล้ว) อ้อตอนเปิด header.php เปิดด้วย notepad นะครับ ก็คือให้ ดับเบิ้ล click file header.php มาแล้วก็เลือกโปรแกรม notepad เพื่อเปิดไฟล์ครับ หลังจากเปิดไฟล์แล้วให้ copy

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

และ paste text นี้ใต้ <head> แต่ว่าไม่เกิน </head> สักบรรทัดนึงครับ อันไหนก็ได้ไม่คิดมาก

step 5: กลับไปที่หน้าเว็ปตัวเองแล้วลองเปิดดู..ก็จะมี Favicon โผล่ออกมาแล้วน่ะครับ

Related Posts Plugin for WordPress, Blogger...

คำค้นหาของคุณที่มาเจอหน้าเว็ปนี้:

  • favicon wordpress
  • วิธีใส่ faviconลงในเครื่องที่เรา
  • wordpress icon url
  • เอา favicon ใส่หน้าไหน
  • ใส่ favicon wordpress