วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์

สารบัญ:

วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์
วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์

วีดีโอ: วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์

วีดีโอ: วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์
วีดีโอ: วิธีเพิ่ม Widget (วิดเจ็ต) ไปที่หน้า Home ใน iOS 14 ทำยังไง และปรับคลังแอปอย่างไร 2024, พฤศจิกายน
Anonim

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

วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์
วิธีเพิ่มวิดเจ็ตให้กับเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

พารามิเตอร์ type ระบุชนิดของวิดเจ็ตปลั๊กอิน (Java Script) และส่วน src ระบุแอดเดรสของส่วนขยายนี้บนอินเทอร์เน็ต หากคุณกำลังใช้ไฟล์ JS ที่ดาวน์โหลดหรือกำหนดเอง คุณสามารถระบุพาธแบบสัมบูรณ์หรือแบบสัมพันธ์กับไฟล์ที่มีนามสกุล.js ในพารามิเตอร์ src ตัวอย่างเช่น หากเอกสาร widget.js อยู่ในโฟลเดอร์วิดเจ็ต ซึ่งอยู่ในไดเร็กทอรีเดียวกันกับไฟล์ HTML ที่กำลังแก้ไข ให้ป้อน:

ขั้นตอนที่ 5

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