หลังจากลง Discuz และงมใช้งานมาหลายวัน ก้มาติดใจปัญหาเล็กๆน้อยๆ ที่อาาจะไม่มีผลอะไรกับเว็บมากนัก แต่ก็ถือว่ามันขาดไปไม่ได้เหมือนกัน
นั่นคือ Favicon รูปไอคอนเล็กๆ ที่แสดงอยู่หน้าเว็บใน Browser สำหรับคนที่ทำเว็บแบบผม ถ้าขาดเจ้านี่ก็ก็คงแบบเดียวกับซื้อรถแล้วไม่มีรูปโลโก้ยี่ห้อแปะมาด้วย
ส่วนวิธีแก้แบบง่ายสุดคือ
การ Copy ไฟล์ favicon.ico ไปวางทับของเดิม
ซึ่งจริงๆควรจะได้ผล แต่บอร์ดที่ผมทำไว้ ใช้วิธีนี้ไม่ได้ผล เลยต้องมาลงโค้ดกันหน่อย
**การสร้างไฟล์ .ico สำหรับผมทำเองใน photoshop แล้ว save ไฟล์เป็น png
เข้าเว็บ http://www.convertico.com/ อัพรูปที่ทำไว้ แล้วจะได้ไฟล์ .ico มาเอง
หรือถ้าใครไม่อยากทำเอง ผมแนะนำเว็บ https://www.iconfinder.com/ เว็บรวมไอคอนสวยๆ มัทั้งไฟล์ png ico เลือกตามใจชอบได้่เลย
– อย่างแรก เตรียมไฟล์ favicon.ico เอาไว้และ copy ไปไว้ใน root ของบอร์ดเสียก่อน
– เข้าไปที่ template > ชื่อtemplate ที่ใช้งาน > common
(ในรูปผมใช้ Theme default ของเดิมที่แถมมาตั้งแต่แรก)
เข้าไปแก้ไขไฟล์ header.htm
– เพิ่มโค้ดนี้ลงไปก่อน </head>
<LINK REL=”SHORTCUT ICON” HREF=”http://www.yourdomain.com/name_of_icon.ico”>
อย่าลืมเปลี่ยน URL ของไฟล์ด้วยนะครับ
ตัวอย่าง
เสร็จแล้วก็ Save ไฟล์
– ทดลองเปิดเว็บใน Browser หลายๆตัวดูผลที่ได้
ผมทดลองกับ IE11, Firefox26, Chrome31 แสดงผลออกมาทั้งหมดครับ
Internet Explorer 11
Mozilla Firefox 26
Google Chrome 31
Credit :
http://www.discuzthai.com/thread-23451-1-1.html
http://www.discuzthai.com/forum.php?mod=viewthread&tid=12904&highlight=favicon
No comments: