เพิ่มไอคอนประจำไซต์

บทความนี้อธิบายถึงวิธีการเพิ่มไอคอนประจำไซต์ลงในไซต์ของคุณ

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

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

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

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

1. ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ไลบรารีสื่อ

2. บนแถบคำสั่ง เลือก อัปโหลด > อัปโหลดรายการสื่อ

3. ในหน้าต่างตัวสำรวจไฟล์ ให้เลือกดูไฟล์รูปไอคอนประจำไซต์ที่คุณต้องการอัปโหลด เลือก แล้วเลือก เปิด

4. ในกล่องโต้ตอบ อัปโหลดรายการสื่อ ให้ป้อนชื่อเรื่องและข้อความกำกับที่ต้องการ

5. ถ้าคุณต้องการเผยแพร่รูปภาพหลังจากการอัปโหลดโดยทันที ให้เลือกกล่องกาเครื่องหมาย เผยแพร่รายการสื่อหลังจากการอัปโหลด

   หมายเหตุ

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

6. เลือก ตกลง

7. ในบานหน้าต่างคุณสมบัติทางด้านขวา ให้คัดลอก URL สาธารณะของไอคอนประจำไซต์ คุณจะใช้ URL นี้ในภายหลัง

สร้าง HTML สำหรับไอคอนประจำไซต์ของคุณ

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

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

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

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

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

เพิ่มส่วนย่อยเมตาแท็กไปที่ส่วนหัว HTML ของหน้าของคุณ

หากต้องการเพิ่มส่วนย่อยเมตาแท็กไปที่ส่วน หัว HTML ของหน้าของคุณ ให้ทำตามขั้นตอนต่อไปนี้

1. ไปที่ เทมเพลต เปิดเทมเพลตสำหรับเพจที่คุณต้องการเพิ่มไอคอนประจำไซต์ของคุณ และเลือก แก้ไข
2. ในแผนภูมิลำดับชั้นเทมเพลต ให้เลือกปุ่มจุดไข่ปลา (...) ที่อยู่ทางด้านขวาของคอนเทนเนอร์ ส่วนหัว ของ HTML แล้วเลือก เพิ่มส่วนย่อย
3. ในกล่องโต้ตอบ เลือกส่วนย่อย ให้เลือกส่วนย่อยเมตาแท็กที่คุณสร้างไว้ก่อนหน้า แล้วเลือก ตกลง
4. เลือก แก้ไขให้เสร็จสิ้น และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่เทมเพลต

หมายเหตุ

ถ้าไซต์ของคุณใช้เทมเพลตมากกว่าหนึ่งเทมเพลต คุณต้องเพิ่มส่วนย่อยเมตาแท็กให้กับเทมเพลตทั้งหมด

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

ทรัพยากรเพิ่มเติม

เพิ่มโลโก้

เลือกชุดรูปแบบของไซต์

ทำงานกับไฟล์การแทนที่ CSS

เพิ่มข้อความสงวนลิขสิทธิ์

เพิ่มภาษาลงในไซต์ของคุณ

เพิ่มโค้ดสคริปต์ให้กับหน้าไซต์เพื่อสนับสนุนการตรวจวัดระยะไกล