You are here บทความ วิธีการเปลี่ยน Favicon ให้กับเว็บไซต์ Joomla!

วิธีการเปลี่ยน Favicon ให้กับเว็บไซต์ Joomla!

อีเมล พิมพ์ PDF

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


Favicon คืออะไรคุณ กระปาล์มเขียนอธิบายไว้ว่าอย่างนี้นะครับ
ถ้าคุณมีเว็บไซต์ หรือว่ามีบล็อกเป็นของตัวเอง สิ่งที่จำเป้นอย่างหนึ่งที่ต้องมีในเว็บหรือบล็อกของเรานั้นก็คือ Favicon นั้นเอง หากใครไม่รู้ว่า Favicon คืออะไร ? Favicon ก็คือ ไอคอนเล็กๆ ที่แสดงตรงแถบที่อยู่หรือ Address Bar ใน Browser ของเรานั้นเอง ซึ่งข้อดีก็คือ จะทำให้สมาชิกหรือแขกผู้เยี่ยมชมนั้น สามารถจดได้ว่าไอคอนหรือ Favicon ที่เป็นของเว็บนี้ๆ ได้ (ซึ่งจะทำให้ช่วยในการจดจำได้มากขึ้น) ซึ่งวันนี้ผมก็มีเครื่องมือที่ช่วยให้เรา สามารถทำ Favicon ได้ออนไลน์ ทำให้เราได้ไอคอนมาติดในเว็บหรือบล็อกของเราอย่าง่ายดาย ช่วยลดเวลาได้มากเลยทีเดียว

ส่วนวิธีการเปลี่ยน Favicon ใน Joomla นั้นทำได้ดังนี้นะครับ
1. เลือกรูปที่จะมาทำ favicon ให้ทำเป็นรูปเล็กๆขนาด 16 x 16px นะครับจะทำมาเป็นไฟล์ .gif, .png, .jpg ได้หมดครับ
2. รูปที่จะทำ favicon ต้องเป็นสกุล .ico เท่านั้น
3. หาโปรแกรมมาสร้างไฟล์ .ico หรือถ้าอยากทำผ่านเว็บผมแนะนำเว็บ นี่ http://tools.dynamicdrive.com/favicon/
4. หลังจากได้ไฟล์มาแล้วเซฟเป็นชื่อ favicon.ico แล้วให้เอาไฟล์ไปวางที่ Folder Template ของเราเช่น  "C:\xampp\htdocs\joomla9\templates\rhuk_milkyway" ให้วางทับไฟล์ที่มีอยู่ไปเลยนะครับ พอเสร็จแล้วลองกด Refresh หน้าเว็บดูนะครับน่าจะได้แล้วหล่ะ

 

หรือถ้า Template ที่คุณใช้อยู่นั้นไม่มีคำสั่งในการใส่ Favicon ก็ให้ใส่ Code ด้านล่างนี้ลงไปในไฟล์ index.php ที่อยู่ใน Folder Template  ที่เลือกใช้อยู่นะครับใส่ก่อนบรรทัดทีมี Code </head> อย่าลืมเปลี่ยน templatename ให้เป็นชื่อ Template ของคุณนะครับ

<link href="templates/templatename/favicon.ico" rel="shortcut icon" type="image/x-icon" /> ดาวน์โหลด Source Code ได้ที่นี่

 

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

 

คอมเมนต์  

 
0 # %ป.-%ด.-%ว. %ช.:%น.
ชอบครับ... เนื้อหากำลังเป็ นที่ต้องการ
แต่ .. จะลาก copy โค๊ด ซะหน่อยก็ไม่ได้ ...

แหม...จริงๆเลยน้า

ยังไงก็ขอบคุณคร ับ... ความรู้ๆ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ล็อคแบบนี้ ... เหนื่อยครับ...
เปลี่ยนไม่ได้สั กที

เลยไม่รู้ว่า พิมพ์โค๊ดผิด หรือ เทมเพลตเค้าไม่ม ีให้แก้ หรือ วางผิดที่ ...
งานนี้บอกตรงๆว่ าเหนื่อย...
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ต้องขอประทานโทษ มาเป็นอย่างสูงเ ลยครับ อ่ะทำให้ดาวน์โห ลดง่ายๆแล้วครับ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ไม่เห็นแสดงเลยง ่ะ
ทำผิดขั้นตอนตรง ไหนเนี่ย...
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ดีจัยจัง

ทำได้แย้ว ขอบคุณมากเลยนะค ร้า

ที่มาแบ่งปันควา มรู้

พอดีเป็นมือใหม่ อ่ะค่ะ
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 
 
0 # %ป.-%ด.-%ว. %ช.:%น.
ขอเสริมสำหรับคน ที่ยังไม่เข้าใจ หรือทำแล้วไม่ขึ ้นนะครับ

จุดแรกที่ต้องแก ้ไขคือ templatename ให้เปลี่ยนเป็นช ื่อเทมเพลทที่เร าใช้อยู่

จุดที่สองคือ "image/x-icon ตรงคำว่า x ให้เปลี่ยนเป็นช ื่อไฟล์ favicon ที่เราตั้งชื่อไ ว้ครับ

แล้วอย่าลืมต้อง เอา favicon.ico ไปวางทิ้งไว้ในโ ฟลเดอร์เทมเพลทค รับ แล้วก็กด F5 ดูผลงาน
ตอบ | ตอบโดยอ้างถึง | อ้างอิง
 

เพิ่มคอมเมนต์ใหม่

canakkale canakkale canakkale truva search