ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: chyutbnl ที่ 05 เมษายน 2013, 23:13:33



หัวข้อ: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 05 เมษายน 2013, 23:13:33
วิธีใส่Favicon สำหรับคนที่ยังไม่ทราบ ง่ายๆ


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


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/11.jpg)

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


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

(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/2.jpg)
ก่อนอื่นเราต้องเข้าไปที่adminของWP


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/3.jpg)
จากนั้นไปที่Theme > เลือกแก้ไขไฟล์ header.php


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/4.jpg)
ค้นหาคำว่า <title> จะอยู่ใน<head>


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/5.jpg)
ใส่โค้ตนี้ต่อจาก</title>
โค๊ด:
<link rel="shortcut icon" href="ลิ้งรูป">


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



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


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/6.jpg)
ไปที่ปลั๊กอิน > เพิ่มปลั๊กอินใหม่


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/7.jpg)
ใส่ช่องค้นหา พิมพ์ว่า"Favicon"


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/8.jpg)
ติดตั้งปลั๊กอิน > กดใช้งานปลั๊กอิน


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/9.jpg)
ใส่ไฟล์รูปที่ต้องการ แนะนำให้เอาแบบ 1:1 รูปจะไม่โดนบีบขอบ ตามสกุลไฟล์ได้เลยนะครับ : )

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



วิธีใส่FaviconในSMF :wanwan019:


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

(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/10.jpg)
ขั้นแรกเข้าไปในDirectAdmin Login Page ของเว็บ > File Manager > โฟดเดอร์เก็บไฟล์SMF > หาไฟล์ favicon.ico


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/111.jpg)
ทำการอัพไฟล์ favicon.ico อันใหม่ ต้องชื่อfavicon.ico เท่านั้นนะครับ เพราะไม่งั้นจะไม่เปลี่ยนเพราะ เราแค่เปลี่ยนรูปไม่ได้ไปแก้โค้ด


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

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



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


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/12.jpg)
ก่อนอื่นเลยต้องเปิดโปรอกรมแล้วเข้าไปที่ > HTML


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/13.jpg)
จะได้หน้าตาเป็นแบบนี้ เราก็จัดหน้าเว็บตามที่เราต้องการก่อนเลย


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/14.jpg)
หา</title> แล้วใส่
โค๊ด:
<link rel="shortcut icon" href="ลิ้งรูป">


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/15.jpg)
ผลที่ได้จะเป็นแบบนี้ครับ


(http://xn--12cn8c9ciq0lzb.com/talk/wp-content/uploads/2013/04/16.jpg)
ลองไปใสในหน้าเว็บตัวอย่างจะได้เช่นเดียวกัน ประมาณนี้ :-[

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



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


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



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

อ้างถึง
รวมความรู้เพิ่มเติมจากชาวเสียวท่านอื่น  :)
การสร้างFavicon วิธีที่3 โดย Tputti  (http://www.thaiseoboard.com/index.php/topic,314399.msg4352461.html#msg4352461)


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: nuttdam ที่ 05 เมษายน 2013, 23:16:34
รอดูครับ


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: thaigoodskin ที่ 05 เมษายน 2013, 23:42:11
กำลังกด F5 เรื่อยๆ  :wanwan011:


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


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

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


 :P

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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: Dr3am ที่ 06 เมษายน 2013, 00:50:15
+1 ให้ครับ รอภาคสมบูรณ์นะครับ


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 01:05:22
จริงๆ อัพรูปที่เป็น กว้าง=ยาว (จตุรัส) ขึ้นไปไว้ที่ Root ของเว็บนั้นๆ แล้วเรา rename ให้เป็น favicon.ico มันก็ขึ้นแล้วครับ ....


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

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


 :P

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

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

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

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

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

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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 01:28:11
ง่วงแล้วครับ ขอไปนอนก่อน เดี๋ยวเช้าๆ จะมาเขียนของHTML จากDw Cs6 นะครับ อันนี้ง่ายๆ  :P


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: lhinmie ที่ 06 เมษายน 2013, 01:28:47
ขอบคุณนะคะ รออัพต่อให้จบค่ะ :wanwan017:


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: SEARCH55 ที่ 06 เมษายน 2013, 02:21:37
เข้ามาเจิมครับ :wanwan019:


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 10:08:09
วิธีใช้ Dw Cs6 ทำFavicon เสร็จแล้วนะครับ ตามสัญญาครับผมมม  :D


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: beerqazasa ที่ 06 เมษายน 2013, 10:30:04
วางไว้ root ก็ได้ละนิ


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: KonGanG ที่ 06 เมษายน 2013, 10:52:01
joomla หละครับทำอย่างไร  กับ phpbb3


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: mymo ที่ 06 เมษายน 2013, 10:55:32
ขอบคุณครับ :wanwan003:


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: thaigoodskin ที่ 06 เมษายน 2013, 10:59:19
ขอบคุณมากครับ ได้ความรู้เยอะเลย ไม่ได้เห็นกระทู้ดีๆ แบบนี้นานแล้ว

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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 10:59:42
joomla หละครับทำอย่างไร  กับ phpbb3

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

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

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

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

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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 11:42:31
ขอบคุณมากครับ ได้ความรู้เยอะเลย ไม่ได้เห็นกระทู้ดีๆ แบบนี้นานแล้ว

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

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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: OptimusPrime ที่ 06 เมษายน 2013, 11:55:54
 :wanwan004: ตามมาจากรกะทู้ผมครับบเห็นบอกให้ใส่ favicon


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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: kaw24337 ที่ 06 เมษายน 2013, 12:00:51
Tank กำลังหาพอดี :'(


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 12:37:39
:wanwan004: ตามมาจากรกะทู้ผมครับบเห็นบอกให้ใส่ favicon


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

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


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: mosmf ที่ 06 เมษายน 2013, 13:47:13
ขอบคุณครับ  :wanwan017:


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 14:11:37
ขอบคุณครับ  :wanwan017:

ท่านเทพกว่าผมเยอะครับ  :wanwan019:


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: 4Aoy ที่ 06 เมษายน 2013, 14:36:25


จะบุ๊คมาร์คไว้ เพราะยังไม่เคยใช้ WP

ขอบคุณ จขกท


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: BeerSkz ที่ 06 เมษายน 2013, 14:42:18
ตั้งชื่อว่า favicon.ico ใส่ใน root ก็ได้ละครับไม่ต้องมาโค้ดยุ่งยาก


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 เมษายน 2013, 15:17:28
ตั้งชื่อว่า favicon.ico ใส่ใน root ก็ได้ละครับไม่ต้องมาโค้ดยุ่งยาก

รู้สึกว่าท่านมาก็ว่าเลยนะครับ ดูวิธีที่3 มีคนบอกแล้วครับ : ))


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: imworker ที่ 06 เมษายน 2013, 15:22:48
ขอบคุณครับ


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 07 เมษายน 2013, 00:39:43
ขอบคุณครับ

ครับ :)


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: careeralive ที่ 20 เมษายน 2013, 15:18:50
อยาก + สัก 100 คุณช่วยชีวิตผมไว้เลยนะครับ เพราะผมทำไม่เป็นและคำแนะนำที่ค้นหาจาก google ตั้งมากมายก็ใช้ไม่ได้ผลสักอันเดียว ผมใช้ blogspot มาโดยตลอด พอมา Word Press แล้วงง

ขอบคุณเจ้าของกระทู้มาก

 :wanwan017:


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: freetukyang ที่ 20 เมษายน 2013, 16:35:29
เยี่ยม :P


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 06 พฤษภาคม 2013, 00:11:41
อยาก + สัก 100 คุณช่วยชีวิตผมไว้เลยนะครับ เพราะผมทำไม่เป็นและคำแนะนำที่ค้นหาจาก google ตั้งมากมายก็ใช้ไม่ได้ผลสักอันเดียว ผมใช้ blogspot มาโดยตลอด พอมา Word Press แล้วงง

ขอบคุณเจ้าของกระทู้มาก

 :wanwan017:


แค่ผมแนะนำให้ท่านทำได้ ผมก็มีความสุขแล้วครับ


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: SEARCH55 ที่ 06 พฤษภาคม 2013, 00:15:08
+1 ให้อีกเป็นกำลังใจครับ
เผื่อมี Tips WP ดีๆมาฝากอีก :-[


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: Haniba55 ที่ 06 พฤษภาคม 2013, 00:15:41
ขอบคุณครับ


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 10 พฤษภาคม 2013, 15:04:21
+1 ให้อีกเป็นกำลังใจครับ
เผื่อมี Tips WP ดีๆมาฝากอีก :-[

ผมทำไม่เก่งหรอกครับ ตรงไหนที่ผมทำไม่เป็นพอทำได้แล้วก็อยากมาบอกคนอื่นครับ :)


หัวข้อ: Re: วิธีใส่Favicon WP SMF HTML ง่ายๆ
เริ่มหัวข้อโดย: chyutbnl ที่ 10 พฤษภาคม 2013, 15:05:19
ขอบคุณครับ

ครับบ :)