วันนี้เรายังคงมีคำแนะนำเกี่ยวกับ Revolution Slider แต่คราวนี้เราจะพูดถึงการแสดงสไลด์โชว์ในหน้า / บทความ WordPress แต่เราจะทำการกำหนดค่าขั้นสูงบางอย่างบนตัวเลื่อนของคุณ ฉันหวังว่าตั้งแต่เริ่มต้นของคำแนะนำเหล่านี้คุณฝึกที่บ้าน (มันเป็นข้อได้เปรียบอย่างมากในการฝึกฝนอยู่เสมอ) หากคุณพบปัญหาฉันเตือนคุณว่าคุณสามารถถามคำถามฉันยินดีที่จะตอบคำถามเหล่านี้
สำหรับผู้ที่เริ่มต้นด้วยการอ่านบทช่วยสอนนี้ฉันขอเชิญคุณอย่าพลาดจุดเริ่มต้นของบทช่วยสอนเหล่านี้ใน Revolution Slider
- วิธีการติดตั้งการปฏิวัติ Slider
- การทำความเข้าใจอินเตอร์เฟซ Slider ปฏิวัติ
- วิธีการกำหนดค่าการเลื่อน
- วิธีสร้างสไลด์โชว์บน Revolution Slider
หากคุณทำตามขั้นตอนเหล่านี้คุณสามารถดำเนินการต่อไปไม่เช่นนั้นคุณจะมีปัญหาในการติดตามฉัน
สิ่งที่คุณต้องรู้เกี่ยวกับสไลด์โชว์
Revolution Slider เป็นปลั๊กอินที่ไม่ได้ขึ้นอยู่กับธีมใด ๆ โดยหลักการแล้วสไลด์โชว์ของภาพหลังสามารถแสดงบนธีมประเภทใดก็ได้ แต่สิ่งนี้ไม่เป็นความจริงเสมอไป แน่นอนว่าธีมใด ๆ มีกฎสไตล์ CSS ที่อาจเป็นอุปสรรคต่อการแสดงแถบเลื่อนที่ถูกต้อง บางครั้งเมื่อคุณเลือกตัวเลื่อนเค้าโครง " เต็มความกว้าง มันจะล้นและจะไม่แสดงตามที่ควร
แทนที่จะมองหาชุดรูปแบบฟรีที่ในที่สุดจะเข้ากันได้กับ Revolution Slider ฉันขอแนะนำให้เลือกชุดรูปแบบพรีเมียมที่เข้ากันได้กับ Revolutio Slider แล้วและหนึ่งในชุดรูปแบบที่ฉันเห็นครั้งแรกคือ " รวม จาก WPExplorer
หนึ่งในตัวอย่างที่พิสูจน์ความจริงที่ว่าคุณต้องใช้ชุดรูปแบบพิเศษคือการแสดงของตัวเลื่อนชุดรูปแบบ Twenty Fourteen
คุณสามารถสังเกตได้ว่าในภาพนี้ พื้นที่สีแดงแสดงถึงพื้นที่ปัจจุบันทั้งหมดของธีม พื้นที่สีน้ำเงินแสดงถึงการล้นของตัวเลื่อนในธีม คุณอาจพบว่าการแสดงผลไม่เหมาะสม คุณจะพบหลายอย่าง ธีม WordPress เข้ากันได้กับ Revolution Slider on ThemeForest
ที่ถูกกล่าวมาลองมาดูวิธีการแสดงแถบเลื่อนในบทความ / หน้า
วิธีการแสดงเลื่อนเกี่ยวกับบทความที่
Revolution Slider ให้คุณเพิ่มตัวเลื่อนไปยังหน้า / บทความของคุณในสองวิธี
โดยใช้รหัส
คุณเข้าถึงหน้าการกำหนดค่าและรับรหัสย่อ ในส่วน ชื่อตัวเลื่อนและรหัสย่อ คุณจะสังเกตเห็นช่อง 3 3e ฟิลด์ที่มีรหัสย่อซึ่งขึ้นต้นเช่นนี้ "[rev_slider…” คือรหัสที่คุณต้องคัดลอก เนื้อหา.
สิ่งที่คุณต้องทำตอนนี้คือการเพิ่มรหัสย่อในบทความหรือหน้าที่คุณเลือก
การใช้ปุ่มเพิ่มตัวเลื่อนบนโปรแกรมแก้ไขภาพ
หากคุณไม่ต้องการกลับไปที่หน้าการกำหนดค่าตัวเลื่อนทุกครั้งคุณสามารถใช้ปุ่มที่เพิ่มโดยตัวเลื่อนการปฏิวัติในตัวแก้ไขภาพ
คลิกที่มันจะเปิดหน้าต่างใหม่ที่คุณสามารถเลือกแถบเลื่อนที่คุณต้องการเพิ่มในหน้าของคุณ
คุณสามารถเปลี่ยนลำดับของสไลด์ได้เป็นพิเศษ การเปลี่ยนแปลงนี้จะมีผลบังคับใช้กับรหัสย่อที่กำหนดเองที่จะสร้างขึ้น หากต้องการเปลี่ยนลำดับของสไลด์ให้คลิกที่ " แก้ไขด่วน Slider " คุณจะเข้าสู่รายการสไลด์ซึ่งคุณสามารถจัดระเบียบใหม่โดย " ลากและวาง '
เมื่อเสร็จแล้วคุณจะสังเกตเห็นรหัสย่อที่เพิ่มลงในโปรแกรมแก้ไขภาพ
สิ่งที่คุณต้องทำตอนนี้คือดูบทความของคุณ ตอนนี้คุณมีพื้นฐานในการสร้างแถบเลื่อนบน WordPress แล้ว
เคล็ดลับบางประการเกี่ยวกับการใช้ Revolution Slider ขั้นสูง
ตอนนี้คุณรู้วิธีใช้ Revolution Slider แล้ว ฉันจะให้คุณบางส่วน เล่นกล ซึ่งจะช่วยให้คุณมีประสิทธิผลมากขึ้นในการใช้ปลั๊กอินนี้
ใช้แป้นพิมพ์ลัด
Revolution Slider ต้องการเป็นผู้แก้ไขสไลด์โชว์ที่สมบูรณ์ ด้วยเหตุนี้จึงทำให้คุณสามารถใช้แป้นพิมพ์ลัดที่จะช่วยให้คุณทำงานได้เร็วขึ้น
- Ctrl + S : บันทึกงานของคุณ
- ลูกศรทิศทาง : เพื่อย้ายรายการบนเวทีของคุณ
- Shift + ลูกศรบอกทิศทาง : ช่วยให้คุณย้ายรายการได้เร็วขึ้น
- Shift + ปรับขนาด : ดำเนินการปรับสัดส่วน
- ดับเบิลคลิก : เปิดการปรับเปลี่ยนองค์ประกอบ
ใช้เครื่องมือของตัวแก้ไขภาพนิ่งเป็นหลัก
สไลด์เสนอเครื่องมือที่จะช่วยให้คุณสามารถย้ายองค์ประกอบของคุณได้อย่างง่ายดาย เราได้พูดคุยเกี่ยวกับกริดแล้ว แต่คุณสามารถใช้ปุ่มจัดตำแหน่งที่เสนอโดย Revolution Slider
ปุ่มการจัดตำแหน่งเหล่านี้ช่วยให้คุณวางรายการสำหรับบรรทัดแรกจากซ้ายไปขวาที่ด้านซ้ายของเวทีในช่วงกลางของเวทีและที่ด้านขวาสุดของเวที สำหรับบรรทัดที่สองที่ระดับสูงของเวทีในช่วงกลางของเวทีและที่ปลายฐานของเวที ด้วยการใช้ปุ่มเหล่านี้อย่างถูกต้องคุณสามารถจัดองค์ประกอบต่างๆได้อย่างง่ายดายในสองคลิก
ใช้เครื่องมือนำทางระหว่างองค์ประกอบของฉาก
หากต้องการค้นหารายการที่มีอยู่ในฉากได้อย่างง่ายดายคุณสามารถใช้ " ไทม์ไลน์ หรือนักสำรวจองค์ประกอบของฉาก ส่วนหลังอยู่ที่ด้านบนสุดของเครื่องมือแก้ไขเวที
เมื่อคลิกที่รายการนักสำรวจคุณจะสามารถดำเนินการต่างๆกับรายการดังต่อไปนี้:
- แก้ไของค์ประกอบ: ไอคอนดินสอ
- ปรับขนาดสัดส่วนขององค์ประกอบ: ไอคอนพร้อมลูกศรทิศทาง
- ลบรายการ: ไอคอนถังขยะ
- องค์ประกอบที่ซ้ำกัน: ไอคอนสองหน้า
- ซ่อนรายการ: ไอคอนรูปตา
- ล็อครายการ: ไอคอนแม่กุญแจ
หากคุณให้ความสนใจกับพื้นที่เดียวกันนี้คุณจะสังเกตเห็นปุ่มทดสอบความสามารถในการเลื่อนตัวเลื่อนซึ่งจะช่วยให้คุณดูตัวอย่างการแสดงแถบเลื่อนของคุณบนอุปกรณ์มือถือ
เพียงเท่านี้สำหรับบทช่วยสอนนี้ ตอนนี้คุณมีอาวุธในการสร้างแถบเลื่อนที่ยอดเยี่ยม หากคุณมีคำถามใด ๆ อย่าลังเลที่จะถามพวกเขา
เคอร์เซอร์ต้องได้รับอนุญาตจากผู้ดูแลระบบหรือไม่?