คุณอาจจะรู้ เลื่อนการปฏิวัติเป็นหนึ่งในปลั๊กอิน WordPress ระดับพรีเมียมที่ดาวน์โหลดมากที่สุดใน CodeCanyon นอกจากนี้ยังแนะนำมากที่สุดสำหรับผู้ที่ต้องการเพิ่มไฟล์ ตัวเลื่อน (สไลด์โชว์) บนเว็บไซต์หรือ บล็อก WordPress.

เป็นปลั๊กอินที่มีอยู่ใน CodeCanyon.com. จำไว้ว่าเราแนะนำให้คุณรู้จัก ดาวน์โหลดปลั๊กอินบนแพลตฟอร์มนี้.

ดังนั้นสิ่งแรกคือ Téléchargerติดตั้งและเปิดใช้งาน

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

แนะนำ

วิธีการกำหนดค่า เลื่อน การปฏิวัติ

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

access revolution slider.jpg

นี่จะนำคุณไปยังแผงควบคุมปลั๊กอิน Slider Revolution จากนั้นเราจะกำหนดค่าปลั๊กอิน จากนั้นคุณต้องคลิกที่ลิงค์ " การตั้งค่าทั่วไป ตั้งอยู่ในเมนูย่อย Slider Revolution

พารามิเตอร์ทั่วไป resolution slider.jpg

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

  • บทบาทที่มีการเข้าถึง ได้รับอนุญาตปลั๊กอินมุมมอง »
  • กำลังโหลดทรัพยากรปลั๊กอินทุกที่ " on หรือเฉพาะในหน้าที่ใช้. การโหลดทรัพยากรในทุกหน้าของคุณอาจทำให้เว็บไซต์ของคุณช้าลง
  • คุณยังสามารถรวมทรัพยากรของปลั๊กอินในบางเพจได้โดยเพิ่มตัวระบุของแต่ละเพจในแท็บ " หน้า RevSlider รวมถึงห้องสมุด '
  • เพื่อการแสดงผลที่ดีขึ้นคุณสามารถเลือกที่จะโหลดทรัพยากรปลั๊กอินหลังจากที่หน้าเว็บแสดงด้วยตัวเลือก " สิ่งที่ใส่เข้าไป JavaScript เข้าไปในส่วนท้าย '
  • คุณสามารถเปิดใช้งานตัวเลือกสำหรับการส่งออกข้อมูลแถบเลื่อนเพื่อใช้กับเว็บไซต์อื่น ๆ
  • ตัวเลือกสุดท้ายเกี่ยวข้องกับรายงานกิจกรรมของแถบเลื่อน

การตั้งค่าการปฏิวัติตัวเลื่อนทั่วไปพารามิเตอร์

การตั้งค่าเริ่มต้นเป็นที่ยอมรับได้ แต่คุณสามารถปรับแต่งสิ่งเหล่านี้ได้ตามที่คุณต้องการ อย่าลืมคลิกที่ " บันทึกการตั้งค่า »เพื่อบันทึกการตั้งค่าของคุณ

กลับไปที่« เลื่อนการปฏิวัติ เพราะตอนนี้เรากำลังจะสร้างตัวเลื่อนใหม่

กำหนดค่าปลั๊กอิน WordPress Slider Revolution

วิธีสร้างแถบเลื่อนด้วยปลั๊กอิน Revolution Slider

Revolution Slider มีความยืดหยุ่นมากและปรับให้เข้ากับตัวเลื่อนประเภทใดก็ได้ตั้งแต่แบบง่ายที่สุดไปจนถึงซับซ้อนที่สุดด้วยเลเยอร์ (นี่เป็นคุณสมบัติที่น่าสนใจมาก).

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

ค้นพบของเรา 10 ปลั๊กอิน WordPress พรีเมี่ยมที่ดีที่สุดเพื่อสร้างแถบเลื่อนบนบล็อกของคุณ

ในส่วน "Param Slider"

เรามีฟิลด์บังคับหลายช่องที่ต้องกรอก ได้แก่ :

  • ชื่อเรื่อง
  • นามแฝงที่จะใช้กับรหัสย่อ คุณต้องระบุนามแฝง

ชื่อรหัสย่อ revolution slider.jpg

มีตัวเลื่อนหลายประเภทที่สามารถทำได้ เลื่อน ปฏิวัติ:

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

ตัวเลื่อนการปฏิวัติประเภทการเลือก slider.jpg

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

ขนาดการปฏิวัติการกำหนดค่า slider.jpg

นี่คือตัวเลือกในคอลัมน์แรก คอลัมน์ที่สองมีตัวเลือกอื่น ๆ อีกมากมาย อื่น ๆ ที่เรามี: ระยะเวลาของแต่ละสไลด์ซึ่งโดยค่าเริ่มต้นคือ 9 วินาที

การแสดงผลแบบสุ่ม (โหมดสับเปลี่ยน)

ตัวเลื่อนพารามิเตอร์ทั่วไปปฏิวัติ revolution.jpg

ส่วนเค้าโครงและภาพ

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

layout & visual Revolution slider.jpg

ส่วนการนำทาง

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

แท็บการปฏิวัติการนำทาง slider.jpg

กำหนดค่าเงื่อนไขการเคลื่อนไหว "พารามิเตอร์ทั่วไป"

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

การตั้งค่าภาพเคลื่อนไหวการปฏิวัติการเลื่อนตัวเลื่อน

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

ค้นพบ วิธีการสร้างเว็บเพจโปรด้วย WPBakery และเพิ่มเป็น Slider ที่สวยงาม

เมื่อเสร็จแล้วให้บันทึกแถบเลื่อนด้านล่างโดยใช้ " บันทึกการตั้งค่า '

register slider revolution sliders.jpg

หลังจากคลิกที่ " บันทึกการตั้งค่า », คุณจะถูกเปลี่ยนเส้นทางไปยังอินเทอร์เฟซการสร้างแถบเลื่อน ซึ่งจะสร้างแถบเลื่อนเริ่มต้นที่ว่างเปล่า

slider creation interface.jpg

วิธีเพิ่มสไลด์ใหม่ให้กับตัวเลื่อน

หากคุณจำไม่ได้ว่านี่คืออะไรในโพสต์ก่อนหน้านี้ฉันได้กำหนดชุดคำศัพท์ทางเทคนิคของ WordPress รวมถึง « สไลเดอร์ "และ" สไลเดอร์ ».

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

เพิ่มตัวเลื่อนไปยัง slider.jpg

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

อินเทอร์เฟซของแถบเลื่อนประกอบด้วย:

  • ตัวเลือกสไลด์ขั้นสูง
  • จากส่วนต่อประสานการออกแบบตัวเลื่อน (ส่วนต่อประสานการสร้าง)

อินเตอร์เฟซตัวเลือกขั้นสูง

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

การปฏิวัติวิดีโอพื้นหลัง slider.jpg

แท็บพารามิเตอร์ทั่วไปช่วยให้คุณกำหนดค่าองค์ประกอบต่างๆเช่นระยะเวลาของสไลด์เหตุการณ์ต่างๆที่จะทำให้สไลด์หยุดชั่วคราว (หยุดภาพเคลื่อนไหว)

พารามิเตอร์ทั่วไป revolution slider.jpg

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

creation vignette revolution slider.jpg

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

เลือกแอนิเมชัน slide Revolution slider.jpg

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

อินเตอร์เฟซการออกแบบ Revolution Slider

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

ปฏิวัติการออกแบบอินเตอร์เฟส

เรื่องน่ารู้เกี่ยวกับเลเยอร์ (Layer)

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

เรียกดู layer revolution slider.jpg

หากคุณคลิกที่ "ข้อความ / html" สิ่งนี้จะเพิ่มโซนข้อความบนอินเทอร์เฟซการออกแบบที่คุณกำหนดเองได้ (เพิ่มข้อความเปลี่ยนแบบอักษรหรือย้าย)

เพิ่มตัวปฏิวัติข้อความ slider.gif

แต่ละเลเยอร์ที่เพิ่มสามารถเสนอตัวเลือกที่แตกต่างกัน โดยปกติในการเข้าถึงตัวเลือกของเลเยอร์เพียงดับเบิลคลิกที่มัน ตอนนี้เราจะเพิ่มรูปภาพ

เพิ่มการปฏิวัติภาพ slider.gif

แต่ละชั้นมีตัวเลือกของตัวเอง ตัวเลือกเหล่านี้คือแถบที่อยู่เหนืออินเทอร์เฟซการออกแบบ

ตัวเลือกสำหรับ layer revolution slider.jpg

แท็บเหล่านี้มีตัวเลือกขั้นสูง ตัวอย่างเช่นหากเราต้องการเปลี่ยนภาพเคลื่อนไหวของเลเยอร์เราต้องไปที่แท็บภาพเคลื่อนไหวและเลือกภาพเคลื่อนไหวอินพุตและเอาต์พุตดังนี้

เลือกภาพเคลื่อนไหวสำหรับ layer.gif

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

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

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

1 RoyalSlider

ตัวเลื่อนที่ดาวน์โหลดมากที่สุดใน CodeCanyon Royal Slider มาพร้อมกับคุณสมบัติที่ไม่อาจต้านทานได้ ใช้โดย บริษัท ต่างๆเช่น Coca-Cola, Ralph Lauren และ Land Rover ปลั๊กอินนี้ทำทุกอย่างที่คุณคาดหวังจากแถบเลื่อน คุณสมบัติที่น่าสนใจที่สุดคือการรองรับแบบเต็มหน้าจอ

Royalslider แตะแถบเลื่อนเนื้อหาสำหรับ wordpress

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2. . WP Slick Slider และ Image Carousel Pro

หากคุณเป็นผู้ติดตามที่ไม่มีเงื่อนไขของภาคต่อ แต่งภาพการใช้ปลั๊กอิน WP Slick Slider เป็นตัวเลือกที่คุณจะต้องพิจารณา ด้วยเทมเพลตที่กำหนดไว้ล่วงหน้าเกือบ 100 คุณจะพบสิ่งที่คุณกำลังมองหาโดยไม่ต้องเข้ารหัสอะไรwp slick slider และ image carousel pro

นี่คือตัวเลือกที่จะใช้อย่างจริงจังโดยเฉพาะอย่างยิ่งสำหรับผู้ใช้ Visual Composer - WPBakery -.

คุณสมบัติมันอยู่ในหมู่คนอื่น ๆ : เมตรise หน้าตอบสนองอย่างเต็มที่ด้วยการสนับสนุนการลากและวาง cผู้สร้างรหัสย่อ,สนับสนุนของ RTL และหลายภาษาของการออกแบบที่น่าทึ่งและ มากขึ้น

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

สรุป

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