วิธีสร้างไอคอนเว็บไซต์สำหรับเว็บไซต์ WordPress ของคุณ

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

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

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

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

คุณหมายถึงอะไรโดยไอคอนไซต์และเหตุใดจึงต้องมีไว้บนเว็บไซต์ WordPress ของคุณ

คุณอาจเคยเห็นไอคอนไซต์มาหลายครั้งแล้ว แต่คุณยังไม่ทราบว่านี่คือไอคอนของเว็บไซต์ ความจริงก็คือตอนนี้ คุณสามารถเห็นไอคอนไซต์ที่ด้านซ้ายบนของหน้าต่างเบราว์เซอร์ของคุณ

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

อย่างไรก็ตาม คุณสามารถสร้างไอคอนไซต์ของคุณเองเพื่อระบุแบรนด์ของคุณได้

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

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

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

3 ขั้นตอนง่ายๆ ในการสร้างไอคอนเว็บไซต์ของเว็บไซต์ของคุณ

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

สามขั้นตอนพื้นฐานในการสร้างไอคอนเว็บไซต์สำหรับ WordPress คือ

• เลือกขนาดไอคอนที่เหมาะสม
• ขณะออกแบบไอคอนเว็บไซต์ ให้ปฏิบัติตามแนวทางปฏิบัติที่เหมาะสมที่สุด
• สำหรับงาน เลือกเครื่องมือที่ลงตัว

หลังจากนี้ เราจะเรียนรู้สามขั้นตอนพื้นฐานในการอัปโหลดไอคอน:

• ใช้ประโยชน์จากฟังก์ชันที่สร้างไว้ล่วงหน้าของ WordPress
• ในการอัปโหลดไอคอน ใช้ plugin
• ในการอัปโหลดไอคอนไซต์ ให้เขียนโค้ด

ตอนนี้ให้เราดูขั้นตอนทั้งหมดเหล่านี้ในรายละเอียด

ขั้นตอนที่ 1: สำหรับไอคอนไซต์ของคุณ ให้เลือกขนาดที่เหมาะสม

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

คุณจะพบว่าเบราว์เซอร์บางตัวรองรับไฟล์ .ico ขนาด 32*32 พิกเซล ขนาดไอคอนนี้เรียกว่าขนาดมาตรฐาน

แต่ในทางปฏิบัติ คุณต้องใช้ไฟล์ .png ซึ่งมีขนาด 512* 512 พิกเซล ส่วนใหญ่จะใช้ไฟล์ .png เนื่องจากเกือบทุกเบราว์เซอร์เริ่มต้นจะมีขนาดนี้สำหรับไอคอนเว็บไซต์

ขั้นตอนที่ 2: ตรวจสอบให้แน่ใจว่าคุณกำลังใช้แนวทางปฏิบัติที่เหมาะสมที่สุดสำหรับการออกแบบไอคอนไซต์ของคุณ

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

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

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

มาดูตัวอย่างโลกแห่งความจริงกัน ตรวจสอบไอคอนเว็บไซต์ของธีม SKT ใช้สีส้มที่ให้คอนทราสต์สูงและเน้นที่โลโก้ของเว็บไซต์มากขึ้น

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

ขั้นตอนที่ 3: สร้างไอคอนไซต์ของคุณ เลือกเครื่องมือที่ถูกต้อง

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

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

อีกทางเลือกหนึ่งในการสร้างไอคอนเว็บไซต์แบบข้อความเท่านั้นอย่างรวดเร็วคือ https://favicon.io/favicon-generator/ เครื่องมือนี้จะช่วยให้คุณดาวน์โหลดไอคอนไซต์ที่มีขนาดต่างกันได้

อย่าลืมว่าการบันทึกไอคอนไซต์ของคุณระหว่างไฟล์ .PNG ที่ไม่โปร่งใส 8- หรือ 24 บิตเป็นสิ่งสำคัญ นี่เป็นรูปแบบที่เหมาะสมที่สุด อย่างไรก็ตาม favicon.io จะช่วยคุณทำให้สิ่งนี้เป็นไปได้

3 วิธีต่างๆ ในการอัปโหลดไอคอนเว็บไซต์บนเว็บไซต์ของคุณ ได้แก่

ใน WordPress คุณจะพบวิธีต่างๆ ในการอัปโหลดไอคอนเว็บไซต์ ด้านล่างนี้คุณจะพบวิธีที่ดีที่สุดในการอัปโหลดไอคอนเว็บไซต์

1. ใช้ประโยชน์จากฟังก์ชัน inbuilt ของ WordPress

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

ขั้นตอนที่ 1: ใน WordPress ให้เข้าถึงหน้าจอข้อมูลประจำตัวของเว็บไซต์ของคุณ

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

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

เมื่อคุณทำเสร็จแล้วคุณต้องก้าวไปอีกขั้น

ขั้นตอนที่ 2: เลือกไอคอนไซต์ของคุณ

ตรวจสอบส่วนอื่นเช่น ข้อมูลประจำตัวของไซต์ เพื่อเลือกไอคอนไซต์

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

ขั้นตอนที่ 3: ที่ส่วนหน้า ให้ตรวจสอบไอคอนไซต์ของคุณ

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

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

2. เพิ่มปลั๊กอิน WordPress

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

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

ขั้นที่ 1: เลือกปลั๊กอินที่เหมาะสม

ปลั๊กอินที่ดีที่สุดตัวหนึ่งที่เราอยากแนะนำคือ Favicon โดย RealFaviconGenerator

หนึ่งในเว็บไซต์ยอดนิยมที่ช่วยให้คุณสร้าง favicon คือ RealFaviconGenerator.net อย่างไรก็ตาม Favicon โดย RealFaviconGenerator เป็นเวอร์ชันปลั๊กอินยอดนิยมของ RealFaviconGenerator.net

ปลั๊กอินนี้จะสร้างไอคอนไซต์ต่างๆ จากภาพเดียว และไอคอนไซต์จะถูกจัดเก็บไว้ในไลบรารีสื่อ

ขั้นที่ 2: อัปโหลดไอคอนไซต์ขนาดเต็ม

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

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

ตอนนี้เพื่อเริ่มต้นให้คลิกที่ปุ่มสีน้ำเงินที่ระบุว่า 'สร้าง favicon' และตอนนี้ข้ามไปยังขั้นตอนอื่น

ขั้นตอนที่ 3: ดาวน์โหลดไอคอนเว็บไซต์

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

จากที่นี่ คุณสามารถเลือกตัวเลือกเฉพาะบางแพลตฟอร์มที่เป็นของการนำเสนอไอคอนและการออกแบบไซต์ของคุณได้

ตอนนี้คุณต้องคลิกที่ 'สร้าง favicons และโค้ด HTML ของคุณ' ตอนนี้ คุณจะพบว่าปลั๊กอินของคุณจะเริ่มทำงานได้อย่างน่าอัศจรรย์เพียงใด

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

โพสต์ที่เกี่ยวข้อง: คู่มือฉบับย่อในการเพิ่ม Favicon ให้กับไซต์ WordPress ของคุณ

3. หากต้องการแสดงไอคอนไซต์ของคุณ ให้ทำงานกับโค้ด

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

ขั้นตอนที่ 1: การใช้โปรโตคอลการถ่ายโอนไฟล์คุณสามารถเข้าถึงเซิร์ฟเวอร์ของเว็บไซต์ WordPress ได้

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

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

หากคุณสงสัยว่าคุณจะพบข้อมูลรับรองเหล่านี้ได้จากที่ใด คุณสามารถเชื่อมต่อกับช่องทางสนับสนุนของโฮสต์ได้

ขั้นตอนที่ 2: ไปที่เว็บไซต์ WordPress ของคุณ อัปโหลดไอคอนเว็บไซต์

เมื่อคุณเข้าสู่ระบบเซิร์ฟเวอร์ คุณจะเห็นรายการไดเรกทอรีของเว็บไซต์ของคุณโดยไคลเอนต์ FTP

อัปโหลดไฟล์ไอคอนเว็บไซต์ไปที่ไดเร็กทอรีรูทและโฟลเดอร์ธีมหลักของเว็บไซต์ของคุณที่นี่

ตอนนี้คุณเกือบจะเสร็จแล้ว ตอนนี้ขั้นตอนสุดท้ายคือการเขียนโค้ดไอคอนไซต์ของคุณใน WordPress

ขั้นตอนที่ 3: เพิ่มโค้ด . ในส่วนหัวของ WordPress

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

ป๊อปอัปข้อความเตือนหนึ่งรายการจะถูกสร้างขึ้นเมื่อคุณพยายามเข้าถึงหน้า ก่อนคลิกฉันเข้าใจเพื่อให้แน่ใจว่าคุณได้อ่านเนื้อหาทั้งหมดแล้ว

ตอนนี้รหัสจะแสดงที่สามารถแก้ไขได้ง่าย ที่นี่เลือกธีมจากตัวเลือกเมนูลาก ตอนนี้ค้นหาบรรทัดโค้ดที่ระบุว่า

ตอนนี้รหัสที่กล่าวถึงด้านล่างเพิ่มระหว่าง

 <head>

แท็ก

 <link rel="ไอคอนทางลัด" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

ตอนนี้คลิกที่ปุ่มอัปเดตไฟล์

บทสรุป:
ขั้นตอนพื้นฐานในการสร้างไอคอนเว็บไซต์สำหรับ WordPress มีการกล่าวถึงในบล็อกนี้