ย้ายจากการปฏิวัติแถบเลื่อนไปสู่แถบเลื่อนอัจฉริยะ 3

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

วิธีที่เร็วที่สุดในการทำให้แถบเลื่อนของคุณทำงานคืออะไร?

ฉันจะย้ายจากการปฏิวัติตัวเลื่อนได้อย่างไร

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

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

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

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

มีความแตกต่างอย่างมีนัยสำคัญระหว่างปลั๊กอินทั้งสอง แม้ว่าทั้งสองปลั๊กอินจะมีคุณสมบัติหลายอย่างที่เหมือนกันก็ตาม

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

ในบล็อกนี้ เราจะกล่าวถึงประเด็นเหล่านี้ :

ตัวเลื่อนอัจฉริยะสามารถจดจำตัวเลื่อนในการปฏิวัติตัวเลื่อนโดยอัตโนมัติได้หรือไม่

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

ขออภัย การเลื่อนแถบเลื่อน Slider Revolution ด้วยตนเองไม่ใช่ตัวเลือก ในการใช้แถบเลื่อนที่คุณสร้างก่อนหน้านี้ใน Revolution Slider ใน Smart Slider คุณต้องสร้างใหม่

การสร้างแถบเลื่อนครั้งแรกของคุณ

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

จะสร้างสไลเดอร์ได้อย่างไร?

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

สไลเดอร์แบบง่าย บล็อก ตู้โชว์ และวงล้อคือสไลเดอร์สี่ประเภทที่นำเสนอโดย Smart Slider ประเภท Slider ใน Slider Revolution เทียบเท่ากับประเภท Simple บล็อกและฉากเหมือนกัน ตู้โชว์คือสิ่งที่ Smart Slider หมายถึง Carousel ใน Revolution Slider

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

(IMAGE- ภาพหมุนและภาพเลื่อนเดี่ยว)

สามารถเปลี่ยนขนาดตัวเลื่อนได้อย่างไร?

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

การเปลี่ยนรูปแบบและประเภทของแถบเลื่อน

ก่อนสร้างแถบเลื่อน Smart Slider จะแจ้งให้คุณเลือกประเภทและเค้าโครง คุณมีตัวเลือกในการแก้ไขภายหลังหากคุณเลือกผิด/เปลี่ยนใจ

ไปที่แท็บ Slider Settings Size เพื่อแก้ไขเลย์เอาต์ของ Slider เปลี่ยนประเภทตัวเลื่อนภายใต้การทำงานของตัวเลื่อน เปลี่ยนประเภทตัวเลื่อนหากคุณต้องการประเภทตัวเลื่อนอื่น

(แถบเลื่อนรูปภาพพร้อมเลย์เอาต์)

เปิดใช้งานและปรับแต่งการเล่นอัตโนมัติ

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

แถบเลื่อนอัจฉริยะจัดการกับเลเยอร์อย่างไร

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

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

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

เลเยอร์ที่ใช้บ่อยที่สุด

คุณจะพบหัวเรื่องและเลเยอร์ข้อความที่แยกจากกันใน Smart Slider สามารถสร้างส่วนหัวหรือ div h1-h6 ได้โดยใช้เลเยอร์ส่วนหัว

เลเยอร์วิดีโอคือความแตกต่างที่สำคัญอีกประการหนึ่ง มีเลเยอร์วิดีโอหนึ่งเลเยอร์ใน Slider Revolution คุณสามารถเลือกได้ว่าจะแสดงวิดีโอ HTML, YouTube หรือ Vimeo ที่เลเยอร์นี้ อย่างไรก็ตาม แต่ละวิดีโอมีเลเยอร์ของตัวเองใน Smart Slider ดังนั้น คุณต้องเพิ่มเลเยอร์ YouTube หากคุณต้องการแสดงวิดีโอ YouTube

เลเยอร์ถูกออกแบบอย่างไร?

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

การเพิ่มภาพเคลื่อนไหวในเลเยอร์

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

สามารถเพิ่มแอนิเมชั่นที่แตกต่างกันได้สามแบบในแต่ละเลเยอร์:

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

วางแถบเลื่อนของคุณบนเว็บไซต์

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

เครื่องมือสร้างเพจยอดนิยมบางตัว เช่น Divi หรือ Elementor ก็มีปลั๊กอิน Smart Slider เช่นกัน ระมัดระวังในการเปลี่ยนแถบเลื่อนเก่าทั้งหมดของคุณด้วยแถบเลื่อนใหม่เมื่อคุณย้ายจาก Slider Revolution

บทสรุป

เครื่องมือสร้างแถบเลื่อนที่ยอดเยี่ยม ได้แก่ Smart Slider และ Slider Revolution แต่แตกต่างกันอย่างมากในแง่ของอินเทอร์เฟซผู้ใช้ ชื่อและตำแหน่งของฟังก์ชัน และปัจจัยอื่นๆ

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