วิธีเพิ่ม Favicon ของ WordPress อย่างง่ายดาย

ต้องการทราบวิธีการเพิ่ม WordPress Favicon อย่างง่ายดายหรือไม่? ค้นหาโดยทำตามบทช่วยสอนนี้

favicon คือไอคอนสี่เหลี่ยมเล็กๆ ที่แสดงถึงเว็บไซต์ของคุณ มักจะปรากฏข้างชื่อเว็บไซต์ในแท็บเบราว์เซอร์ ไอคอน Fav จะปรากฏในประวัติเบราว์เซอร์ บุ๊กมาร์ก และทุกที่ที่เว็บไซต์ของคุณต้องการเอกลักษณ์ทางภาพ

รายละเอียดเล็กๆ น้อยๆ นี้จำเป็นสำหรับตัวตนออนไลน์ของคุณ เราจะหารือเกี่ยวกับ favicon ของ WordPress และวิธีเพิ่มเว็บไซต์ WordPress ของคุณ

แต่ก่อนที่เราจะเริ่มหากคุณไม่เคยติดตั้ง WordPress มาก่อนให้หาคำตอบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

ทำไมการเพิ่ม Favicon ลงในเว็บไซต์ของคุณจึงสำคัญ

Favicon คือรหัสเว็บไซต์ของคุณ ดังนั้น โลโก้ของคุณจึงมีแนวโน้มที่จะปรากฏบนนั้นมากขึ้น การเพิกเฉยต่อการแสดงตนบนเว็บไซต์ของคุณถือเป็นความผิดพลาดอย่างแท้จริง

ต่อไปนี้คือสาเหตุบางประการที่ไอคอน Fav มีความสำคัญต่อเว็บไซต์ของคุณ

• โดดเด่นเป็นการรับรู้ของ เครื่องหมาย
  ผู้ใช้ส่วนใหญ่มักจะเปิดหลายแท็บในเบราว์เซอร์ หากไม่มี favicon คุณจะเห็นหน้าหรือชื่อโพสต์ในแท็บเบราว์เซอร์เท่านั้น นอกจากนี้ หากคุณเปิดมากกว่า 20 แท็บ แท็บเหล่านั้นจะสั้นลง และเป็นการยากที่จะระบุว่าแท็บใดแสดงถึงเว็บไซต์ใด
  การมีไอคอน Fav ช่วยให้ผู้ใช้ระบุแต่ละแท็บได้ง่ายขึ้น หากไอคอน Fav ของคุณโดดเด่น มันจะไม่เพียงแต่ปรับปรุงการมองเห็นของคุณ แต่ยังรวมถึง . ของคุณอีกด้วย ประสบการณ์ของผู้ใช้.
• สร้างความไว้วางใจ
  คุณจะสร้างความประทับใจแรกพบที่ไม่ดีแก่ผู้ใช้ของคุณหากคุณไม่มีไอคอน Fav เว็บไซต์ที่ไม่มี favicon นั้นดูไม่เป็นมืออาชีพ
  หากคุณกำลังสร้างเว็บไซต์สำหรับการเขียนบล็อกในแต่ละวัน การไม่มี favicon อาจไม่เกี่ยวข้อง แต่มันกลายเป็นสิ่งจำเป็นเมื่อคุณต้องจัดการเว็บไซต์ธุรกิจหรือร้านค้าออนไลน์
  ของคุณ ผู้เข้าชม จะไม่เชื่อถือธุรกรรมใด ๆ บนเว็บไซต์ที่ดูไม่เป็นมืออาชีพ
• ปรับปรุงประสบการณ์มือถือ
  นี่คือยุคของประสบการณ์มือถือ การมีเว็บไซต์ที่ตอบสนองอาจไม่เพียงพอที่จะสร้างความพึงพอใจให้กับผู้ใช้อุปกรณ์เคลื่อนที่ สาเหตุหลักมาจากเว็บแอปที่กำลังเติบโตในขณะนี้
  ผู้ใช้สามารถบุ๊กมาร์กเว็บไซต์บนหน้าจอหลักของโทรศัพท์ได้ ไม่ต้องพิมพ์ URL อีกต่อไป!
  ในสถานการณ์นี้ การมีไอคอน Fav ที่ดีจะช่วยคุณได้สองวิธี ประการแรก favicon จะถูกใช้เป็นไอคอนของแอป และประการที่สอง ผู้ที่ใช้เว็บแอปของคุณจะจดจำไอคอนของคุณ ดังนั้น favicon ของคุณจะเชื่อมโยงกับเว็บไซต์ของคุณ

การสร้าง Favicon สำหรับ WordPress

โดยปกติ favicon ของคุณคือโลโก้แบรนด์ของคุณ สำหรับรูปภาพ WordPress แนะนำให้คุณใช้สี่เหลี่ยมจัตุรัสเช่นกัน 512px x 512px.

คุณสามารถใช้รูปภาพที่ใหญ่ขึ้นได้ แต่ WordPress มักจะต้องการให้คุณครอบตัดรูปภาพเพื่อให้พอดีกับขนาด

เพื่อสร้างภาพขนาดที่แน่นอนของ 512 พิกเซล x 512 พิกเซลคุณสามารถใช้ซอฟต์แวร์แก้ไขภาพใด ๆ เช่น กว่า Adobe Photoshop (ชำระเงินแล้ว) และ ขลิบด้าย (ฟรี) หรือ เครื่องกำเนิดไฟฟ้า favicon

แม้ว่าคุณสามารถเลือกสีพื้นหลังสำหรับ favicon ของ WordPress ได้ แต่ควรใช้ความโปร่งใส คุณสามารถใช้รูปแบบ . Jpeg,ICO, . Gif ou . Png (เพียงตรวจสอบให้แน่ใจว่าใช้รูปแบบ . Png หากคุณใช้พื้นหลังโปร่งใส)

เมื่อรูปภาพพร้อมแล้ว คุณสามารถเพิ่มลงในเว็บไซต์ WordPress ของคุณได้โดยใช้หนึ่งในสามวิธีต่อไปนี้:

1. การเพิ่ม WordPress Favicon ผ่าน WordPress Customizer

จากเวอร์ชั่น WordPress 4.3คุณสามารถเพิ่ม favicon ของ WordPress จากพื้นที่ผู้ดูแลระบบของคุณ โดยทำตามขั้นตอนด้านล่าง:

1. การเข้าถึง ของคุณ แดชบอร์ดผู้ดูแลระบบ
2. วางเมาส์ไว้เหนือ ลักษณะที่ปรากฏ -> ปรับแต่ง
3. เลือก เอกลักษณ์ของเว็บไซต์
4. คลิกที่ ปุ่มเลือก ใต้ภาพ ส่วนไอคอนของเว็บไซต์
5. อัปโหลด favicon ของคุณที่เตรียมไว้
6. คลิกที่ ปุ่มเผยแพร่ เพื่อบันทึกการเปลี่ยนแปลง

หากคุณทำตามขั้นตอนอย่างถูกต้อง favicon ของคุณจะปรากฏถัดจากชื่อเว็บไซต์ของคุณ หากต้องการตั้งค่านี้บนอุปกรณ์มือถือ ให้ไปที่เว็บไซต์ของคุณจากโทรศัพท์ของคุณแล้วเลือก เพิ่มในหน้าจอหลัก.

ตอนนี้ favicon ของคุณจะปรากฏบนหน้าจอหลักของคุณ

2. เพิ่ม Favicon ลงในเว็บไซต์ด้วยปลั๊กอิน WordPress

คุณยังสามารถเพิ่ม favicon ให้กับ WordPress โดยใช้ปลั๊กอินที่เรียกว่า Favicon โดย RealFaviconGenerator. ใช้งานง่ายและมีคุณสมบัติเพิ่มเติม นี่คือขั้นตอนที่จำเป็น:

1. เข้าถึง .ของคุณ แดชบอร์ดผู้ดูแลระบบ
2. เลือก ส่วนขยาย -> เพิ่ม
3. ชนิด Favicon โดย RealFaviconGenerator ในช่องค้นหา
4. ติดตั้งและเปิดใช้งาน WordPress ปลั๊กอิน
5. หลังจากเปิดใช้งาน ไปที่ ลักษณะที่ปรากฏ -> Favicon
6. อัปโหลดรูปภาพที่คุณต้องการตั้งเป็นไอคอน Fav คุณไม่จำเป็นต้องแก้ไขภาพโดยใช้ซอฟต์แวร์แก้ไขภาพ ปลั๊กอินจะทำเพื่อคุณ เพียงตรวจสอบให้แน่ใจว่ารูปภาพของคุณมีขนาดอย่างน้อย 70 x 70px. จะดีกว่าถ้ามากกว่า 260 x 260 px.
7. เมื่อคุณอัปโหลดรูปภาพแล้ว ให้กดปุ่ม สร้าง favicon.
8. หลังจากคลิกที่ปุ่ม ปลั๊กอินจะนำคุณไปยังเว็บไซต์ เครื่องกำเนิด RealFavicon.
9. บนเว็บไซต์ ค้นหาและคลิก สร้าง Favicons และโค้ด HTML ของคุณ.
10. ปลั๊กอินจะนำคุณกลับไปที่เว็บไซต์ของคุณ คุณจะได้รับการแจ้งเตือนว่าไอคอน Fav ของคุณได้รับการกำหนดค่าแล้ว
11. ตรวจสอบว่าไอคอน Fav ของคุณมีหน้าตาเป็นอย่างไรในเบราว์เซอร์และอุปกรณ์มือถือของคุณ

3. เพิ่ม WordPress Favicon บนเว็บไซต์ด้วยตนเอง

เราแนะนำให้ทดสอบสิ่งนี้ในเว็บไซต์การพัฒนาในพื้นที่ของคุณก่อนที่จะเผยแพร่

1. เข้าถึงไฟล์ธีมของคุณผ่านไคลเอนต์ FTP หรือตัวจัดการไฟล์
2. ค้นหาโฟลเดอร์ /wp-content/themes/votre-theme
3. อัปโหลด favicon ของคุณไปยังโฟลเดอร์ธีมของคุณ ขอแนะนำให้ดาวน์โหลดในโฟลเดอร์ย่อยเช่น สินทรัพย์
4. จำเส้นทางของไฟล์นี้
5. ค้นหาไฟล์ชื่อ functions.php และเพิ่มรหัสต่อไปนี้:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');

6. เส้นหลัง href="'.get_template_directory_uri() จะต้องเป็นเส้นทางไปยังไอคอน Fav ของคุณ ตรวจสอบให้แน่ใจว่าคุณมีชื่อไฟล์ที่ถูกต้อง หากคุณกำลังใช้รูปแบบ .ico ไฟล์มันจะเป็นนี้:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

ต้องมี favicon! โดยเฉพาะอย่างยิ่งเมื่อสร้างได้ง่ายมาก favicon แสดงถึงเอกลักษณ์ของเว็บไซต์ของคุณ อาจใช้พื้นที่เพียงเล็กน้อยบนเว็บไซต์ของคุณ แต่รายละเอียดเล็กน้อยนี้มีบทบาทพิเศษในการปรับปรุงการจดจำแบรนด์และประสบการณ์ผู้ใช้ของคุณ

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

เราขอเชิญคุณมาปรึกษากับ บริการสารสนเทศ ด้านล่างเพื่อเจาะลึกการเริ่มต้นใช้งานและควบคุมเว็บไซต์และบล็อกของคุณ

• วิธีการเพิ่มการตรวจสอบ Gmail บน WordPress
• วิธีลบธีม WordPress ออกจากเว็บไซต์
• วิธีตั้งค่าโฮมเพจของคุณใน WordPress
• Elementor: วิธีเพิ่มเอฟเฟกต์เสียงของปุ่ม
• วิธีการสร้างแม่แบบกำหนดเอง WordPress

สรุป

นั่นคือทั้งหมดสำหรับบทช่วยสอนนี้ที่อธิบายวิธีเพิ่ม Favicon บน WordPress หากคุณมีข้อกังวลหรือข้อเสนอแนะใด ๆ โปรดแจ้งให้เราทราบภายใน ความเห็น.

อย่างไรก็ตามคุณยังจะสามารถปรึกษาเราได้ บริการสารสนเทศหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.

en ผู้ดูแล แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.   

...