ข้ามไปยังเนื้อหาหลัก

วิธีการแสดงสไลด์โชว์ Slider ปฏิวัติ WordPress

Divi: ธีม WordPress ที่ใช้ง่ายที่สุด

Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 701.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62 [แนะนำ]

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

สำหรับผู้ที่เริ่มต้นด้วยการอ่านบทช่วยสอนนี้ฉันขอเชิญคุณอย่าพลาดจุดเริ่มต้นของบทช่วยสอนเหล่านี้ใน Revolution Slider

หากคุณทำตามขั้นตอนเหล่านี้คุณสามารถดำเนินการต่อไปไม่เช่นนั้นคุณจะมีปัญหาในการติดตามฉัน

สิ่งที่คุณต้องรู้เกี่ยวกับสไลด์โชว์

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

แทนที่จะมองหาชุดรูปแบบฟรีที่ในที่สุดจะเข้ากันได้กับ Revolution Slider ฉันขอแนะนำให้เลือกชุดรูปแบบพรีเมียมที่เข้ากันได้กับ Revolutio Slider แล้วและหนึ่งในชุดรูปแบบที่ฉันเห็นครั้งแรกคือ " รวม จาก WPExplorer

ที่รวม-theme-WordPress กรอบ

หนึ่งในตัวอย่างที่พิสูจน์ความจริงที่ว่าคุณต้องใช้ชุดรูปแบบพิเศษคือการแสดงของตัวเลื่อนชุดรูปแบบ Twenty Fourteen

ปฏิวัติเลื่อนกวดวิชา WordPress เลื่อนหน้าจอปฏิวัติ

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

ที่ถูกกล่าวมาลองมาดูวิธีการแสดงแถบเลื่อนในบทความ / หน้า

วิธีการแสดงเลื่อนเกี่ยวกับบทความที่

Revolution Slider ให้คุณเพิ่มตัวเลื่อนไปยังหน้า / บทความของคุณในสองวิธี

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

โดยใช้รหัส

คุณเข้าถึงหน้าการกำหนดค่าและรับรหัสย่อ ในส่วน ชื่อตัวเลื่อนและรหัสย่อ คุณจะสังเกตเห็นช่อง 3 3e ซึ่งมีรหัสย่อที่ขึ้นต้นด้วย "[rev_slider ... " คือรหัสที่คุณต้องคัดลอกเนื้อหา

ปฏิวัติเลื่อนการกู้คืนของรหัส

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

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

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

เพิ่ม-a-เลื่อน WordPress-กวดวิชา

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

เพิ่ม-a-เลื่อนมี-a-หน้า WordPress

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

ลากและวางปฏิวัติเลื่อน

คุณกำลังมองหาธีมและปลั๊กอิน WordPress ที่ดีที่สุดหรือไม่?

ดาวน์โหลดปลั๊กอินและธีม WordPress ที่ดีที่สุดใน Envato และสามารถสร้างเว็บไซต์ของคุณได้ง่ายๆ ดาวน์โหลดมากกว่า 49.720.000 [EXCLUSIVE]

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

รหัสผู้ปฏิวัติเลื่อน

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

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

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

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

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

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

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

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

การจัดตำแหน่งขององค์ประกอบการปฏิวัติเลื่อน

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

องค์ประกอบศูนย์การปฏิวัติเลื่อน

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

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

สำรวจในสไลด์ปฏิวัติเลื่อน

สร้างร้านค้าออนไลน์ได้อย่างง่ายดาย

ดาวน์โหลดฟรี WooCommerce ปลั๊กอินอีคอมเมิร์ซที่ดีที่สุดในการขายผลิตภัณฑ์ทางกายภาพและดิจิทัลของคุณบน WordPress [แนะนำ]

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

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

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

แฟชั่นที่ตอบสนองต่อการปฏิวัติเลื่อน

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

บทความนี้มีความคิดเห็น 1

แสดงความคิดเห็น

ที่อยู่อีเมล์ของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

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

กลับไปด้านบน