วิธีเปลี่ยนไอคอนเว็บไซต์ WordPress

ไอคอนเว็บไซต์ WordPress หรือ Site Icon คือภาพขนาดเล็กที่มักแสดงบนแท็บเบราว์เซอร์ รายการบุ๊กมาร์ก และตำแหน่งอื่นที่รองรับไอคอนเว็บไซต์ หากต้องการเปลี่ยน ให้เตรียมภาพสี่เหลี่ยมที่ชัดเจน แล้วเปิดการตั้งค่า Site Icon ของธีมและอัปโหลดภาพใหม่

❶ เตรียมภาพไอคอนเว็บไซต์

เลือกภาพที่ยังมองออกเมื่อแสดงในขนาดเล็ก โดยใช้สัญลักษณ์หรือรูปทรงที่จำง่าย ไม่ใส่รายละเอียดหรือข้อความขนาดเล็กจนอ่านไม่ชัด

① ใช้ภาพสี่เหลี่ยม

เตรียมภาพสัดส่วนจัตุรัส แนะนำขนาด 512 × 512 พิกเซลขึ้นไป เพื่อให้มีความละเอียดเพียงพอสำหรับตำแหน่งแสดงผลต่าง ๆ WordPress หรือเบราว์เซอร์อาจสร้างขนาดย่อยจากภาพต้นฉบับ

② เลือกไฟล์และพื้นหลังให้เหมาะสม

ใช้ไฟล์ภาพที่เว็บไซต์รองรับ เช่น PNG หรือ JPG หากต้องการพื้นหลังโปร่งใสให้เตรียมไฟล์ที่รองรับความโปร่งใส และตรวจว่ารูปยังเห็นชัดบนพื้นหลังทั้งสีอ่อนและสีเข้ม

③ แยกไอคอนเว็บไซต์ออกจากโลโก้

โลโก้มักแสดงในส่วนหัวเว็บไซต์ ส่วน Site Icon เป็นไอคอนขนาดเล็กสำหรับแท็บเบราว์เซอร์และตำแหน่งอื่น จึงอาจใช้สัญลักษณ์ที่เรียบง่ายกว่าการนำโลโก้เต็มรูปแบบมาใช้

❷ เปลี่ยน Site Icon ในธีมคลาสสิก

ธีมคลาสสิกส่วนใหญ่มักมีการตั้งค่าไอคอนอยู่ในข้อมูลเว็บไซต์

① เปิดเมนูข้อมูลเว็บไซต์

ไปที่ รูปลักษณ์ > ปรับแต่ง แล้วเลือก ข้อมูลเว็บไซต์ (Site Identity) หรือเมนูที่มีชื่อใกล้เคียง จากนั้นมองหาตัวเลือก ไอคอนเว็บไซต์ (Site Icon)

② เลือกหรืออัปโหลดภาพ

กดเลือกภาพ แล้วอัปโหลดไฟล์ใหม่หรือเลือกภาพจากคลังสื่อ หากระบบแสดงหน้าครอบตัด ให้จัดภาพให้อยู่ตรงกลางและตรวจว่ารายละเอียดสำคัญไม่ถูกตัด

③ บันทึกการเปลี่ยนแปลง

กด เผยแพร่ หรือบันทึกตามปุ่มที่แสดงในหน้าปรับแต่ง จากนั้นเปิดเว็บไซต์เพื่อตรวจว่าไอคอนใหม่ถูกนำไปใช้แล้ว

❸ เปลี่ยน Site Icon ในธีมบล็อก

ธีมบล็อกอาจจัดตำแหน่งตั้งค่า Site Icon ไว้ใน Site Editor หรือการตั้งค่าเว็บไซต์ ชื่อเมนูอาจแตกต่างกันตามเวอร์ชัน WordPress และธีม

① เปิดตัวแก้ไขเว็บไซต์

ไปที่ รูปลักษณ์ > ตัวแก้ไข แล้วตรวจเมนูการตั้งค่าหรือข้อมูลเว็บไซต์เพื่อหาตัวเลือก Site Icon หากไม่พบใน Site Editor ให้ตรวจ การตั้งค่า > ทั่วไป หรือเมนูปรับแต่งที่ธีมจัดเตรียมไว้

② อัปโหลดไอคอนใหม่

เลือกภาพจากคลังสื่อหรืออัปโหลดไฟล์ แล้วตรวจตัวอย่างการครอบตัดให้เหมาะกับพื้นที่สี่เหลี่ยม บันทึกการเปลี่ยนแปลงก่อนออกจากตัวแก้ไข

③ ตรวจว่าแก้ Site Icon ไม่ใช่โลโก้

หากเปลี่ยนภาพแล้วโลโก้บนส่วนหัวเปลี่ยนตาม แสดงว่าอาจกำลังแก้บล็อกโลโก้หรือรูปภาพในส่วนหัว ให้กลับไปค้นหาการตั้งค่า Site Icon โดยตรง

❹ ตรวจสอบไอคอนหลังเปลี่ยน

หลังบันทึกแล้ว ให้เปิดหน้าเว็บไซต์และตรวจตำแหน่งที่ใช้ไอคอนเว็บไซต์ หากยังเห็นภาพเดิม อาจเกิดจากแคชของเบราว์เซอร์หรือระบบแคชของเว็บไซต์

① ตรวจบนแท็บเบราว์เซอร์

เปิดเว็บไซต์ในแท็บใหม่ แล้วดูไอคอนข้างชื่อเว็บไซต์ หากไม่เปลี่ยน ให้ลองรีเฟรชหน้าอย่างเต็มรูปแบบหรือเปิดเว็บไซต์ในหน้าต่างส่วนตัว

② ตรวจภาพบนอุปกรณ์อื่น

ตรวจบนเบราว์เซอร์หรืออุปกรณ์อื่นด้วย เพราะบางอุปกรณ์อาจเก็บไอคอนเดิมไว้ชั่วคราว การแสดงผลในบุ๊กมาร์กหรือหน้าจอหลักอาจใช้เวลาปรับตามระบบของอุปกรณ์

③ ตรวจภาพต้นฉบับ

หากไอคอนเบลอหรือถูกตัด ให้กลับไปตรวจขนาดภาพ อัตราส่วน และตำแหน่งของสัญลักษณ์ แล้วอัปโหลดไฟล์ที่เหมาะสมกว่า

❺ ปัญหาที่พบบ่อยเมื่อเปลี่ยนไอคอน

① หาเมนู Site Icon ไม่เจอ

เมนูอาจต่างกันตามธีมและเวอร์ชัน WordPress ให้ตรวจ รูปลักษณ์ > ปรับแต่ง, รูปลักษณ์ > ตัวแก้ไข และ การตั้งค่า > ทั่วไป หากเว็บไซต์ใช้ธีมที่มีหน้าตั้งค่าเฉพาะ ให้ตรวจตัวเลือกข้อมูลเว็บไซต์ในหน้านั้นด้วย

② อัปโหลดภาพไม่ได้

ตรวจชนิดไฟล์และขนาดภาพ รวมถึงข้อความแจ้งเตือนจาก WordPress หากไฟล์มีขนาดใหญ่เกินไป ให้ย่อภาพก่อนอัปโหลด หรือส่งออกเป็นชนิดไฟล์ภาพที่เว็บไซต์รองรับ

③ ไอคอนยังไม่เปลี่ยนทันที

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

❻ สรุป

การเปลี่ยนไอคอนเว็บไซต์ WordPress เริ่มจากเตรียมภาพสี่เหลี่ยมที่ชัดเจน แล้วอัปโหลดผ่านการตั้งค่า Site Icon ของธีม ธีมคลาสสิกมักมีตัวเลือกใน รูปลักษณ์ > ปรับแต่ง > ข้อมูลเว็บไซต์ ส่วนธีมบล็อกอาจมีตัวเลือกใน Site Editor หรือเมนูการตั้งค่าเว็บไซต์

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