les เลื่อน เป็นองค์ประกอบที่สามารถพบได้ในเกือบทุกหน้าแรกของเว็บไซต์ Slider Smart 3 เป็นปลั๊กอินที่มีประสิทธิภาพที่มีอยู่ในรุ่นฟรีและพรีเมียม

คุณสมบัติหลักของปลั๊กอินนี้

ในฐานะที่เป็นคุณสมบัติมันมีหมู่คนอื่น ๆ :

  • ส่วนต่อประสานผู้ใช้ที่เข้าใจง่าย
  • เครื่องมือสร้างหน้าวิดีโอแบบลากแล้ววางพร้อม Live Preview / 8
  • ภาพนิ่งแบบไดนามิกที่สามารถสร้างขึ้นได้โดยใช้บทความและกรองตาม ID หรือหน้าเว็บที่กำหนดเอง
  • การสร้างสไลด์ (แบบไดนามิก) จากเครือข่ายโซเชียลต่างๆ (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube และอื่น ๆ )
  • แถบเลื่อนควบคุมที่ปรับแต่งได้ 
  • การเลื่อนภาพเคลื่อนไหวในพื้นหลัง (เคนเบิร์น)

ฟรีกับพรีเมี่ยม

หากสิ่งที่คุณกำลังมองหาคือแถบเลื่อนพื้นฐาน Smart Slider 3 มีอยู่ใน WordPress.org ในไดเร็กทอรีปลั๊กอิน แม้แต่เวอร์ชันฟรีก็น่าประทับใจและพิเศษเมื่อเทียบกับตัวเลื่อนอื่น ๆ

ใบอนุญาตไซต์เดียวส่วนบุคคลมีราคาเพียง $ 25 (การต่ออายุอยู่ที่ 15 $).

สมาร์ทเลื่อนแม่

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

  • เครื่องกำเนิดสไลด์แบบไดนามิกที่ไม่ จำกัด
  • คำสั่งขั้นสูง
  • โหมดผู้เชี่ยวชาญ
  • ภาพเคลื่อนไหวในพื้นหลัง
  • โปรแกรมดูภาพและโปรแกรมแก้ไข
  • การสาธิตตัวเลื่อน 43

บทช่วยสอน: การสร้างแถบเลื่อนพื้นฐาน

หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ.

เมื่อเปิดใช้งานแล้ว WordPress ปลั๊กอิน Slider Smart วางเมนูของตัวเองไว้ที่ด้านล่างของแผงผู้ดูแลระบบ WordPress

หากคุณไม่เคยติดตั้ง a WordPress ปลั๊กอิน ค้นพบ วิธีการติดตั้งปลั๊กอินในเวิร์ดเพรส

คลิกที่เมนู แถบเลื่อนอัจฉริยะอินเทอร์เฟซหลักจะเปิดขึ้นโดยที่ตัวเลือกแรกที่คุณจะเห็นคือปุ่มสีเขียวขนาดใหญ่: " สร้าง Slider » ซึ่งจะเปิดหน้าต่างการกำหนดค่าเริ่มต้นตามที่คุณเห็นด้านล่าง

สมาร์ทไลเดอร์สร้าง-Slider

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

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

ค้นพบ วิธีสร้างนโยบายความเป็นส่วนตัวบน WordPress

สิ่งแรกที่ควรทราบที่นี่คือส่วน " เผยแพร่ Slider". คุณจะต้องใช้หนึ่งในสามวิธีนี้ (รหัสย่อตัวแก้ไขหน้าหรือโพสต์หรือรหัส PHP) เมื่อถึงเวลาที่จะเผยแพร่สไลด์ของคุณ (n ° 1 ด้านล่าง) ก่อนที่เราจะทำได้เราต้องสร้างสไลด์

นี่คือจุดที่ปลั๊กอินแสดงให้เห็นถึงความสะดวกในการใช้งาน

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

สมาร์ทสไลเดอร์ใหม่สไลด์

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

ปรึกษา วิธีการทำซ้ำ (คัดลอก) หน้าของคุณใน WordPress: บทช่วยสอน

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

สมาร์ทสไลเดอร์ออฟเซ็นเตอร์ 1

เพื่อแก้ไขปัญหานี้ฉันไปที่เมนู "ขนาด" และฉันเลื่อนลงไปที่ส่วน โหมดตอบสนอง. ตัวเลือกคือ "เต็มความกว้าง" ฉันจึงเลือก "อัตโนมัติ" และบันทึกความคืบหน้าของฉัน จากนั้นฉันกลับไปที่ " ทั่วไป "และ การจัดตำแหน่งศูนย์ที่เลือก.

สมาร์ท Slider ขนาดเปลี่ยน

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

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

ดูเพิ่มเติมที่ ปลั๊กอิน WordPress พรีเมี่ยม 5 ที่ยอดเยี่ยมเพื่อเพิ่มแถบเลื่อน

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

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

สมาร์ท Slider องค์ประกอบ

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

  • เมนูรายการ
  • ภาพเคลื่อนไหว
  • การตั้งค่าเลเยอร์

ในแต่ละเมนูมีเมนูย่อยหลายรายการ ตัวอย่างเช่นเมื่อคุณสร้างองค์ประกอบข้อความคุณสามารถปรับการตั้งค่าแบบอักษรเช่น: 

  • ครอบครัวตัวอักษร
  • สีของตัวอักษร
  • ขนาดตัวอักษร
  • ความสูงของสาย
  • การตกแต่งของข้อความ
  • การจัดตำแหน่ง
  • ระยะห่างระหว่างตัวอักษรและคำ
  • แก้ไขการตั้งค่าข้อความ
  • เงาของข้อความ

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

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

ฉันอาศัยคุณสมบัตินี้เมื่อเพิ่มเลเยอร์ต่างๆสำหรับสไลด์นี้ในภายหลัง

สมาร์ทไลเดอร์ไทม์ไลน์

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

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

ค้นพบด้วย วิธีการกำหนดค่าปลั๊กอิน WordPress Slider Revolution

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

สมาร์ทไลเดอร์ภาพองค์ประกอบปรับขนาด

เมื่อฉันเลือกแทรกและปรับขนาดภาพแล้วก็ถึงเวลาเพิ่มภาพเคลื่อนไหวพื้นฐานที่สามารถทำได้ในไม่กี่ขั้นตอน

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

สมาร์ทไลเดอร์ภาพเคลื่อนไหว

หน้าจอถัดไปคือที่ที่ฉันสามารถเลือกแอนิเมชั่นและปรับตารางเวลาได้ สำหรับสไลด์นี้ผมแนะนำภาพเคลื่อนไหว "RIGHT" และเพิ่มระยะเวลาเป็น 2200 มิลลิวินาที

คุณกำลังมองหา ftp เพื่อจัดการไฟล์และโฟลเดอร์ WordPress ของคุณหรือไม่ค้นพบ วิธีการใช้ FTP บน Windows 10

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

สมาร์ท Slider-In-นิเมชั่นการตั้งค่า

จากนั้นฉันจะเพิ่มข้อความ ทำตามขั้นตอนเดียวกับด้านบนคลิกที่รายการ " เพิ่มข้อความ และทำการปรับเปลี่ยนที่จำเป็นของคุณ ฉันป้อนข้อความจากนั้นไปที่การตั้งค่าแบบอักษรที่ฉันเปลี่ยนขนาดและสี

ฉันเพิ่มภาพเคลื่อนไหว " จางหายไปใน และปรับปฏิทินให้เริ่มทันทีหลังจากภาพเคลื่อนไหวของมนุษย์หิมะ

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

ในแถบเลื่อน "อื่น ๆ " บางตัวฉันอาจถูกบังคับให้ใช้แบบสอบถามสื่อและ CSS ที่กำหนดเอง

สมาร์ท Slider-Text-Layer-ตัวเลือก

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

สรุปการสร้างสไลด์นี้เป็นกระบวนการของ 20 นาที

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

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

โปรดทราบว่าฉันยังไม่ได้กล่าวถึงคุณลักษณะทั้งหมด

ค้นพบด้วย จะทราบได้อย่างไรว่าจะใช้ชุดรูปแบบใดในบล็อก WordPress

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

ดาวน์โหลด Smart Slider 3

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เรานำเสนอปลั๊กอิน WordPress พรีเมี่ยมที่นี่เพื่อช่วยให้คุณทำเช่นนั้น

1 WooCommerce Page Builder

ตัวสร้างหน้า WooCommerce เป็น WordPress ปลั๊กอิน เป็นที่นิยมมากซึ่งเสนอรหัสย่อที่ค่อนข้างสม่ำเสมอและช่วยให้คุณสร้างหน้าส่วนตัวหลายประเภท (ผลิตภัณฑ์ ตะกร้าสินค้า ชำระเงิน "บัญชีของฉัน") บนเว็บไซต์ของคุณ WooCommerce. มันเป็นส่วนขยายของ ปลั๊กอินผู้แต่งภาพ คุณต้องติดตั้งไว้ก่อนWooCommerce หน้าผู้สร้าง

ขอบคุณปลั๊กอินนี้คุณจะมีความเป็นไปได้ สร้างเว็บไซต์ e-Commerce ไม่ซ้ำใครโดยใช้ใดๆ ธีม WordPressและทำเงินให้คุณได้มากมาย

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

2 Elementor

ปลั๊กอิน Elementor WordPress เปิดตัวครั้งแรกในปี 2016 เป็นหนึ่งในผู้สร้างเพจที่อายุน้อยที่สุดในรายการนี้ แม้จะเริ่มช้า แต่ Elementor ก็เพิ่มการติดตั้งที่ใช้งานอยู่กว่า 1 ครั้งบน WordPress.org อย่างรวดเร็วทำให้เป็นหนึ่งใน ผู้สร้างภาพของหน้า WordPress ที่เป็นที่นิยมที่สุด.

elementor โปร e1544277036401
สิ่งที่ทำให้ชื่อเสียงของมันคืออินเตอร์เฟซภาพของเหลวตัวเลือกสไตล์ที่แตกต่างและคุณสมบัติที่มีประสิทธิภาพอื่น ๆ เช่นการสร้างที่สมบูรณ์ ธีม WordPress.

อินเทอร์เฟซของมันถูกแบ่งออกเป็นสองส่วนหลักโดยมีโซนที่สามสำหรับพารามิเตอร์บางอย่าง Elementor เวอร์ชันฟรีให้บริการวิดเจ็ต 28 ฟรี รุ่น Pro นำมาซึ่ง 30 widgets อื่น ๆ รวมเป็น 58 widgets ในรุ่น Pro รุ่นฟรีรวมถึงเทมเพลตฟรี 40 เกี่ยวกับในขณะที่รุ่น Pro นำเทมเพลตเพิ่มเติมหลายร้อย

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

3 ป๊อปอัปนินจา

ด้วยยอดขายมากกว่า 30 รายการและคะแนน 000 ดาว Ninja Popups เป็นหนึ่งใน ปลั๊กอิน WordPress รายการยอดนิยมที่มีอยู่ใน Code Canyon

ปลั๊กอิน Ninja Popups wordpress สร้างป๊อปอัปป๊อปอัปเลือกใช้

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

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

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

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

สรุป

ที่นี่คือ ! สำหรับบทช่วยสอนนี้และฉันหวังว่ามันจะช่วยให้คุณสร้างแถบเลื่อนหรือสไลด์ได้อย่างง่ายดายด้วยความช่วยเหลือของไฟล์ ปลั๊กอิน WordPress Smart-Sliderถ้าคุณชอบมันอย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ

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

แต่ในระหว่างนี้โปรดแจ้งให้เราทราบเกี่ยวกับไฟล์ ความเห็น และข้อเสนอแนะในส่วนเฉพาะ

...