วิธีใส่Favicon WP SMF HTML ง่ายๆ

chyutbnl · 05 เมษายน 2013, 23:13:33

วิธีใส่Favicon สำหรับคนที่ยังไม่ทราบ ง่ายๆ

ใครชอบใจถูกใจก็+1ให้รางวัลผมนะครับ

กระทู้นี้จะเขียนไปเรื่อยๆนะคับบ เป็นวิธีบ้านๆแบบผมนะคับบ

มาใส่FaviconในWPกันน วิธีที่1

ก่อนอื่นเราต้องเข้าไปที่adminของWP

จากนั้นไปที่Theme > เลือกแก้ไขไฟล์ header.php

ค้นหาคำว่า <title> จะอยู่ใน<head>

ใส่โค้ตนี้ต่อจาก</title>

โค้ด เลือก

<link rel="shortcut icon" href="ลิ้งรูป">

เสร็จแล้ววว : ))

มาใส่FaviconในWPกันน วิธีที่2

ไปที่ปลั๊กอิน > เพิ่มปลั๊กอินใหม่

ใส่ช่องค้นหา พิมพ์ว่า"Favicon"

ติดตั้งปลั๊กอิน > กดใช้งานปลั๊กอิน

ใส่ไฟล์รูปที่ต้องการ แนะนำให้เอาแบบ 1:1 รูปจะไม่โดนบีบขอบ ตามสกุลไฟล์ได้เลยนะครับ : )

เสร็จแล้ววว : ))

วิธีใส่FaviconในSMF

อันนี้อาจงงนิดหน่อยนะครับ

ขั้นแรกเข้าไปในDirectAdmin Login Page ของเว็บ > File Manager > โฟดเดอร์เก็บไฟล์SMF > หาไฟล์ favicon.ico

ทำการอัพไฟล์ favicon.ico อันใหม่ ต้องชื่อfavicon.ico เท่านั้นนะครับ เพราะไม่งั้นจะไม่เปลี่ยนเพราะ เราแค่เปลี่ยนรูปไม่ได้ไปแก้โค้ด

ส่วนวิธีที่ภาพ.ico มีหลายเว็บเลยครับ ลองไปหาดูนะครับ

เสร็จแล้ววว : ))

วิธีใส่FaviconในHTML ผ่านDw Cs6

ก่อนอื่นเลยต้องเปิดโปรอกรมแล้วเข้าไปที่ > HTML

จะได้หน้าตาเป็นแบบนี้ เราก็จัดหน้าเว็บตามที่เราต้องการก่อนเลย

หา</title> แล้วใส่

โค้ด เลือก

<link rel="shortcut icon" href="ลิ้งรูป">

ผลที่ได้จะเป็นแบบนี้ครับ

ลองไปใสในหน้าเว็บตัวอย่างจะได้เช่นเดียวกัน ประมาณนี้

เสร็จแล้ววว : ))

การใส่Favicon ไม่ได้เป็นเรื่องที่ยากเลยนะครับ ลองทำดูนะครับ เพิ่มความน่าสนใจในเว็บได้ด้วย

+1ให้กำลังใจด้วยนะครับ

รอติดตามtips เล็กๆ กับผมได้ในกระทู้หน้านะครับ

อ้างถึง
รวมความรู้เพิ่มเติมจากชาวเสียวท่านอื่น
การสร้างFavicon วิธีที่3 โดย Tputti

nuttdam · 05 เมษายน 2013, 23:16:34

รอดูครับ

thaigoodskin · 05 เมษายน 2013, 23:42:11

กำลังกด F5 เรื่อยๆ

Tputti · 06 เมษายน 2013, 00:45:14

จริงๆ อัพรูปที่เป็น กว้าง=ยาว (จตุรัส) ขึ้นไปไว้ที่ Root ของเว็บนั้นๆ แล้วเรา rename ให้เป็น favicon.ico มันก็ขึ้นแล้วครับ ....

.... แต่ถ้ามันไม่ขึ้น ก็ค่อยไปดูโค๊ด <link rel="shortcut icon" href="favicon.ico"> ว่าพ้อยต์ไปที่อื่นรึปล่าว (บางทีธีมสำเร็จ มันพ้อยต์ไปที่อื่น)

หรือถ้าไม่มีโค๊ดนี้ ... แต่มันดันไม่ขึ้น เราก็ใส่มันที่ header.php เพิ่มเข้าไปก็ได้ครับ

ปล. ถ้าอัพเติมเข้าเว็บเก่า ที่ Install ไว้แล้วอาจจะต้องรอ 24 ชม. .... แต่ถ้าเรา อัพ favicon ขึ้นไปก่อน พอเราติดตั้งเว็บ เราจะเห็นทันทีครับ

Dr3am · 06 เมษายน 2013, 00:50:15

+1 ให้ครับ รอภาคสมบูรณ์นะครับ

chyutbnl · 06 เมษายน 2013, 01:05:22

อ้างถึงจาก: Tputti ใน 06 เมษายน 2013, 00:45:14
จริงๆ อัพรูปที่เป็น กว้าง=ยาว (จตุรัส) ขึ้นไปไว้ที่ Root ของเว็บนั้นๆ แล้วเรา rename ให้เป็น favicon.ico มันก็ขึ้นแล้วครับ ....

.... แต่ถ้ามันไม่ขึ้น ก็ค่อยไปดูโค๊ด <link rel="shortcut icon" href="favicon.ico"> ว่าพ้อยต์ไปที่อื่นรึปล่าว (บางทีธีมสำเร็จ มันพ้อยต์ไปที่อื่น)

หรือถ้าไม่มีโค๊ดนี้ ... แต่มันดันไม่ขึ้น เราก็ใส่มันที่ header.php เพิ่มเข้าไปก็ได้ครับ

ปล. ถ้าอัพเติมเข้าเว็บเก่า ที่ Install ไว้แล้วอาจจะต้องรอ 24 ชม. .... แต่ถ้าเรา อัพ favicon ขึ้นไปก่อน พอเราติดตั้งเว็บ เราจะเห็นทันทีครับ

มีท่านเทพเสียว มาตอบด้วยย>.<

ได้เหมือนกันครับ ของผมอาจดูง่ายกว่า(ในมุมของผม) แต่ถ้าเรา อัพ favicon ขึ้นไปก่อน ปัญหาคือไว้ในที่ไหน อันนี้เพื่อความสะดวกผมเลยแนะนำให้อัพไฟล์รูปขึ้นไปเลย แล้วค่อยใช้โค้ดชี้เป้ามาที่รูปอีกที่

ประโยชน์คือไม่จำเป็นต้องเปลี่ยนเป็น .ico ครับใช้.jpg .jpeg .png .gif ได้หมดเลยครับ แต่ตองเปลี่ยนfavicon คงยากกว่าวิธีท่านนิดหน่อย ^^ แต่ปกติก็ไม่ค่อยเปลี่ยนกันอยู่แล้วเน้อะครับ

ส่วนที่ท่านบอก "อัพเติมเข้าเว็บเก่า ที่ Install ไว้แล้วอาจจะต้องรอ 24 ชม." อันนี้ล้างแคชแล้วรีเฟรชใหม่ดูก็ได้แล้วครับ แต่ผู้ใช้คนอื่นคนต้องรอแบบทีท่านบอก

ขอบคุณสำหรับคะแนะนำนะครับ ชอบครับ มาช่วยกันแนะนำ เพื่อนๆพี่ๆ จะได้มีหลายๆทางเลือก

chyutbnl · 06 เมษายน 2013, 01:28:11

ง่วงแล้วครับ ขอไปนอนก่อน เดี๋ยวเช้าๆ จะมาเขียนของHTML จากDw Cs6 นะครับ อันนี้ง่ายๆ

lhinmie · 06 เมษายน 2013, 01:28:47

ขอบคุณนะคะ รออัพต่อให้จบค่ะ

SEARCH55 · 06 เมษายน 2013, 02:21:37

เข้ามาเจิมครับ

chyutbnl · 06 เมษายน 2013, 10:08:09

วิธีใช้ Dw Cs6 ทำFavicon เสร็จแล้วนะครับ ตามสัญญาครับผมมม

beerqazasa · 06 เมษายน 2013, 10:30:04

วางไว้ root ก็ได้ละนิ

KonGanG · 06 เมษายน 2013, 10:52:01

joomla หละครับทำอย่างไร กับ phpbb3

mymo · 06 เมษายน 2013, 10:55:32

ขอบคุณครับ

thaigoodskin · 06 เมษายน 2013, 10:59:19

ขอบคุณมากครับ ได้ความรู้เยอะเลย ไม่ได้เห็นกระทู้ดีๆ แบบนี้นานแล้ว

ขอบคุณจากใจครับ

chyutbnl · 06 เมษายน 2013, 10:59:42

อ้างถึงจาก: KonGanG ใน 06 เมษายน 2013, 10:52:01
joomla หละครับทำอย่างไร กับ phpbb3

จะลองงมให้ครับ ถ้าได้แล้วเด๋วจะจัดให้ครับ

ที่ผมทำเพราะผมทำบ่อยอ่ะครับ ส่วน จุมล่า กับ phpbb3 สองอันนี้ไม่ค่อยยุ่งซักเท่าไหร่

แต่ปกติแล้วน่าจะแก้ที่Code ได้เลยนะครับ

Joomla เข้าไปแก้ที่ ไฟล์หลัก ต่อจาก</title> ตามWP
phpbb3 เข้าไปแก้ตาม SMF ในโฟรเดอร์ ของsmf ที่เราเก็บไว้

ลองดูนะครับ น่าจะประมาณนี้ ผมยังไม่ได้ลองงมทำ บอกตามที่คิดผิดถูกยังไงเดี๋ยวลองก่อนแล้วมาบอกครับ

chyutbnl · 06 เมษายน 2013, 11:42:31

อ้างถึงจาก: thaigoodskin ใน 06 เมษายน 2013, 10:59:19
ขอบคุณมากครับ ได้ความรู้เยอะเลย ไม่ได้เห็นกระทู้ดีๆ แบบนี้นานแล้ว

ขอบคุณจากใจครับ

แค่อยากให้คนไม่รู้มาดูครับ เพราะผมก็รับมาเยอะ ปล่อยคืนบ้างจะเป็นไรไป

OptimusPrime · 06 เมษายน 2013, 11:55:54

ตามมาจากรกะทู้ผมครับบเห็นบอกให้ใส่ favicon

ขอบพระคุณครับ

kaw24337 · 06 เมษายน 2013, 12:00:51

Tank กำลังหาพอดี

chyutbnl · 06 เมษายน 2013, 12:37:39

อ้างถึงจาก: OptimusPrime ใน 06 เมษายน 2013, 11:55:54
ตามมาจากรกะทู้ผมครับบเห็นบอกให้ใส่ favicon

ขอบพระคุณครับ

ได้ใช้เลยครับ

mosmf · 06 เมษายน 2013, 13:47:13

ขอบคุณครับ