วันนี้เรายังคงมีคำแนะนำเกี่ยวกับ 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 3^e ฟิลด์ที่มีรหัสย่อซึ่งขึ้นต้นเช่นนี้ "[rev_slider…” คือรหัสที่คุณต้องคัดลอก เนื้อหา.

สิ่งที่คุณต้องทำตอนนี้คือการเพิ่มรหัสย่อในบทความหรือหน้าที่คุณเลือก

การใช้ปุ่มเพิ่มตัวเลื่อนบนโปรแกรมแก้ไขภาพ

หากคุณไม่ต้องการกลับไปที่หน้าการกำหนดค่าตัวเลื่อนทุกครั้งคุณสามารถใช้ปุ่มที่เพิ่มโดยตัวเลื่อนการปฏิวัติในตัวแก้ไขภาพ

คลิกที่มันจะเปิดหน้าต่างใหม่ที่คุณสามารถเลือกแถบเลื่อนที่คุณต้องการเพิ่มในหน้าของคุณ

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

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

สิ่งที่คุณต้องทำตอนนี้คือดูบทความของคุณ ตอนนี้คุณมีพื้นฐานในการสร้างแถบเลื่อนบน WordPress แล้ว

เคล็ดลับบางประการเกี่ยวกับการใช้ Revolution Slider ขั้นสูง

ตอนนี้คุณรู้วิธีใช้ Revolution Slider แล้ว ฉันจะให้คุณบางส่วน เล่นกล ซึ่งจะช่วยให้คุณมีประสิทธิผลมากขึ้นในการใช้ปลั๊กอินนี้

ใช้แป้นพิมพ์ลัด

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

• Ctrl + S : บันทึกงานของคุณ
• ลูกศรทิศทาง : เพื่อย้ายรายการบนเวทีของคุณ
• Shift + ลูกศรบอกทิศทาง : ช่วยให้คุณย้ายรายการได้เร็วขึ้น
• Shift + ปรับขนาด : ดำเนินการปรับสัดส่วน
• ดับเบิลคลิก : เปิดการปรับเปลี่ยนองค์ประกอบ

ใช้เครื่องมือของตัวแก้ไขภาพนิ่งเป็นหลัก

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

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

ใช้เครื่องมือนำทางระหว่างองค์ประกอบของฉาก

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

เมื่อคลิกที่รายการนักสำรวจคุณจะสามารถดำเนินการต่างๆกับรายการดังต่อไปนี้:

• แก้ไของค์ประกอบ: ไอคอนดินสอ
• ปรับขนาดสัดส่วนขององค์ประกอบ: ไอคอนพร้อมลูกศรทิศทาง
• ลบรายการ: ไอคอนถังขยะ
• องค์ประกอบที่ซ้ำกัน: ไอคอนสองหน้า
• ซ่อนรายการ: ไอคอนรูปตา
• ล็อครายการ: ไอคอนแม่กุญแจ

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

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