วิธีการติดตั้งสไลเดอร์

สารบัญ:

วิธีการติดตั้งสไลเดอร์
วิธีการติดตั้งสไลเดอร์

วีดีโอ: วิธีการติดตั้งสไลเดอร์

วีดีโอ: วิธีการติดตั้งสไลเดอร์
วีดีโอ: ติดตั้งSlider สไลเดอร์ สระว่ายน้ำ By Winwin Pool 2024, อาจ
Anonim

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

วิธีการติดตั้งสไลเดอร์
วิธีการติดตั้งสไลเดอร์

จำเป็น

  • - คอมพิวเตอร์พร้อมอินเทอร์เน็ต
  • - ทักษะการทำงานใน Wordpress

คำแนะนำ

ขั้นตอนที่ 1

ไปที่แผงควบคุมของไซต์ของคุณใน Wordpress เพิ่มตัวเลื่อนไปที่หน้าโดยใช้ปลั๊กอินพิเศษ - Vslider ในการดำเนินการนี้ ให้เพิ่มบรรทัดต่อไปนี้ในโค้ดเพจของคุณ:

<? php if (function_exists (“ป้อนชื่อปลั๊กอิน - vSlider ')) {vSlider (); }? & gt.

แทรกก่อนเริ่มการวนซ้ำ กล่าวคือ ก่อนเริ่มการบันทึกของคุณ

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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