วิธีแทรกไอคอนเว็บไซต์

สารบัญ:

วิธีแทรกไอคอนเว็บไซต์
วิธีแทรกไอคอนเว็บไซต์

วีดีโอ: วิธีแทรกไอคอนเว็บไซต์

วีดีโอ: วิธีแทรกไอคอนเว็บไซต์
วีดีโอ: การใส่ ไอคอน เว็บไซต์ u0026 การเปลี่ยนโลโก้ เว็บไซต์ ใน WooCommerce (Wordpress) 2024, อาจ
Anonim

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

วิธีแทรกไอคอนเว็บไซต์
วิธีแทรกไอคอนเว็บไซต์

มันจำเป็น

  • - โปรแกรมแก้ไขกราฟิก;
  • - แผ่นจดบันทึก

คำแนะนำ

ขั้นตอนที่ 1

เปิดไดเร็กทอรีรากของไซต์ของคุณ สร้างไฟล์ที่เรียกว่า favicon.ico ไฟล์นี้จะสนับสนุนการแสดงไอคอนเว็บไซต์ของคุณที่ด้านหน้าแถบที่อยู่ในเบราว์เซอร์

ขั้นตอนที่ 2

หากไอคอนเว็บไซต์ของคุณไม่พร้อม ให้สร้างโดยใช้โปรแกรม Adobe Photoshop หลังจากดาวน์โหลดปลั๊กอินที่เหมาะสม หรือโปรแกรมแก้ไขกราฟิกอื่นที่รองรับการทำงานกับไฟล์ประเภทนี้ เช่น Microangelo, QTam Bitmap to Icon, Axialis ไอคอนเวิร์คช็อป ตรวจสอบงานล่วงหน้าในเบราว์เซอร์ต่างๆ ไม่เพียงแต่เกี่ยวกับการแสดงไอคอนเว็บไซต์ในแถบที่อยู่ แต่ยังรวมถึงในไดเรกทอรี "รายการโปรด" ด้วย

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

คุณยังสามารถใช้ไฟล์.atn พิเศษสำหรับ Adobe Photoshop ได้อีกด้วย ซึ่งช่วยให้คุณสามารถสร้างไอคอนที่มีเอฟเฟกต์ที่ต้องการได้โดยอัตโนมัติ คุณสามารถค้นหาได้ทางอินเทอร์เน็ตที่ฟอรัมเฉพาะเรื่องหรือบน deviantart.com ในส่วน "การดำเนินการ"