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 Smart จะเริ่มออกแบบตัวเลื่อนพื้นฐานของคุณ หลังจากนั้นไม่กี่วินาทีคุณจะพบว่าตัวเองอยู่ในหน้าที่ให้รายละเอียดพื้นฐานทั้งหมดเกี่ยวกับปลั๊กอิน
ค้นพบ วิธีสร้างนโยบายความเป็นส่วนตัวบน WordPress
สิ่งแรกที่ควรทราบที่นี่คือส่วน " เผยแพร่ Slider". คุณจะต้องใช้หนึ่งในสามวิธีนี้ (รหัสย่อตัวแก้ไขหน้าหรือโพสต์หรือรหัส PHP) เมื่อถึงเวลาที่จะเผยแพร่สไลด์ของคุณ (n ° 1 ด้านล่าง) ก่อนที่เราจะทำได้เราต้องสร้างสไลด์
นี่คือจุดที่ปลั๊กอินแสดงให้เห็นถึงความสะดวกในการใช้งาน
สิ่งที่คุณต้องทำคือคลิกที่ปุ่มสีเขียว " เพิ่มสไลด์ภาพ "(n ° 2 ด้านล่าง) และคลังสื่อของคุณจะเปิดขึ้น จากตรงนั้นคุณสามารถเลือกรูปภาพได้มากเท่าที่คุณต้องการหรือเริ่มต้นด้วยภาพเดียวจากนั้นคลิก " เลือก ในหน้าต่างไลบรารีสื่อ
Remarque: คุณไม่ จำกัด เฉพาะรูปภาพเมื่อเลือกสไลด์ของคุณ คุณยังสามารถใช้วิดีโอหรือบทความตลอดจนสร้างสไลด์ว่างภาพนิ่งหรือแม้กระทั่งไดนามิก
ปรึกษา วิธีการทำซ้ำ (คัดลอก) หน้าของคุณใน WordPress: บทช่วยสอน
Smart Slider โหลดสไลด์ของคุณลงในอินเทอร์เฟซและคุณพร้อมที่จะบันทึกและเผยแพร่หรือเริ่มปรับแต่ง อย่างไรก็ตามหากฉันเผยแพร่สไลด์โชว์ของฉันมันจะใช้งานได้ดี แต่มันก็ไม่ใช่สิ่งที่ฉันกำลังมองหาอย่างที่เห็นในภาพด้านล่าง
เพื่อแก้ไขปัญหานี้ฉันไปที่เมนู "ขนาด" และฉันเลื่อนลงไปที่ส่วน โหมดตอบสนอง. ตัวเลือกคือ "เต็มความกว้าง" ฉันจึงเลือก "อัตโนมัติ" และบันทึกความคืบหน้าของฉัน จากนั้นฉันกลับไปที่ " ทั่วไป "และ การจัดตำแหน่งศูนย์ที่เลือก.
เมื่อฉันพูดถึงความสะดวกในการใช้งานที่นี่โปรดจำไว้ว่า ขั้นตอนทั้งหมดนี้ใช้เวลาน้อยกว่า 5 นาทีในครั้งแรก ความพยายาม
ตอนนี้ถึงเวลาทำงานกับสไลด์แล้ว เมื่อคุณวางเมาส์เหนือสไลด์ของคุณในวิวพอร์ตคุณจะสังเกตเห็นว่ามีกล่องสีเขียวปรากฏขึ้นที่มุมบนซ้าย อย่างที่คุณอาจเดาได้การคลิกจะทำเครื่องหมายสไลด์นี้เป็นสไลด์แรกในลำดับ
ดูเพิ่มเติมที่ ปลั๊กอิน WordPress พรีเมี่ยม 5 ที่ยอดเยี่ยมเพื่อเพิ่มแถบเลื่อน
เมื่อตัวเลื่อนของฉันสร้างขึ้นและมีพื้นหลังอยู่ในตำแหน่งก็ถึงเวลาเพิ่มเนื้อหาและการเปลี่ยนภาพ ในการดำเนินการขั้นตอนนี้ฉันเพียงแค่คลิกที่สไลด์ที่ต้องการแก้ไขซึ่งจะไปที่ส่วนเลเยอร์
แผงด้านขวามีการตั้งค่าหลายอย่าง แต่ถ้าคุณเลื่อนลงคุณจะพบภาพสไลด์ของคุณ จากนั้นคุณสามารถคลิกที่รายการใดรายการหนึ่งในแผงด้านซ้ายเพื่อวางบนสไลด์ของคุณ
การสร้างสไลด์เหล่านี้เป็นอีกโรงเรียนหนึ่ง มีให้เลือกมากมาย เพื่อให้คุณทราบว่าปลั๊กอินนี้มีความยืดหยุ่นเพียงใดให้ดูว่าแต่ละองค์ประกอบสามารถทำอะไรกับตัวเลื่อนของคุณได้บ้างผ่านทาง:
- เมนูรายการ
- ภาพเคลื่อนไหว
- การตั้งค่าเลเยอร์
ในแต่ละเมนูมีเมนูย่อยหลายรายการ ตัวอย่างเช่นเมื่อคุณสร้างองค์ประกอบข้อความคุณสามารถปรับการตั้งค่าแบบอักษรเช่น:
- ครอบครัวตัวอักษร
- สีของตัวอักษร
- ขนาดตัวอักษร
- ความสูงของสาย
- การตกแต่งของข้อความ
- การจัดตำแหน่ง
- ระยะห่างระหว่างตัวอักษรและคำ
- แก้ไขการตั้งค่าข้อความ
- เงาของข้อความ
องค์ประกอบข้อความแต่ละรายการบนตัวเลื่อนของคุณสามารถมีการตั้งค่าที่ไม่ซ้ำกันภาพเคลื่อนไหวที่ไม่ซ้ำกันและการตั้งค่าการซิงค์ของตัวเอง มีแม้กระทั่งส่วนสำหรับ CSS ที่กำหนดเอง.
เมื่อคุณเพิ่มองค์ประกอบและภาพเคลื่อนไหวในสไลด์ของคุณในเวอร์ชันโปรคุณจะสังเกตเห็นฟังก์ชั่นปฏิทินซึ่งช่วยให้คุณ ควบคุมเวลาในการแสดงผลของแต่ละองค์ประกอบและระยะเวลาของภาพเคลื่อนไหว ใช้สไลด์บาร์แบบธรรมดา
ฉันอาศัยคุณสมบัตินี้เมื่อเพิ่มเลเยอร์ต่างๆสำหรับสไลด์นี้ในภายหลัง
การเพิ่มเลเยอร์และภาพเคลื่อนไหว
เมื่อติดตั้งแถบเลื่อนและพื้นหลังแล้วก็ถึงเวลาแนะนำบางส่วน ต่าง องค์ประกอบและเลเยอร์ เราจะเริ่มต้นด้วยการเพิ่มภาพของมนุษย์หิมะลงในสไลด์ โดยไปที่เมนู "เลเยอร์" และคลิกที่ "รูปภาพ". สิ่งนี้จะวางภาพที่สมมติขึ้นบนสไลด์
ค้นพบด้วย วิธีการกำหนดค่าปลั๊กอิน WordPress Slider Revolution
จากนั้นคุณสามารถคลิกที่ภาพจำลองที่ด้านล่างซ้ายจากนั้นเลือกและปรับขนาดภาพในไลบรารีสื่อ
เมื่อฉันเลือกแทรกและปรับขนาดภาพแล้วก็ถึงเวลาเพิ่มภาพเคลื่อนไหวพื้นฐานที่สามารถทำได้ในไม่กี่ขั้นตอน
อันดับแรกคือการเลือกแท็บ "ภาพเคลื่อนไหว" ดังที่เห็นด้านล่าง เมื่อเสร็จแล้วเราจะคลิกที่ปุ่มแอนิเมชั่นสีเขียว "ใน".
หน้าจอถัดไปคือที่ที่ฉันสามารถเลือกแอนิเมชั่นและปรับตารางเวลาได้ สำหรับสไลด์นี้ผมแนะนำภาพเคลื่อนไหว "RIGHT" และเพิ่มระยะเวลาเป็น 2200 มิลลิวินาที
คุณกำลังมองหา ftp เพื่อจัดการไฟล์และโฟลเดอร์ WordPress ของคุณหรือไม่ค้นพบ วิธีการใช้ FTP บน Windows 10
ฉันจะเพิ่มความล่าช้า 300 มิลลิวินาที ที่ด้านล่างของหน้าจอนี้มีตัวเลือกให้มีเหตุการณ์เฉพาะและทริกเกอร์สำหรับภาพเคลื่อนไหวนั้นเช่นการเลื่อนเมาส์หรือการคลิกในสไลด์ ฉันจะไม่ซับซ้อนกับการตั้งค่าเหล่านี้สำหรับตัวอย่างนี้
จากนั้นฉันจะเพิ่มข้อความ ทำตามขั้นตอนเดียวกับด้านบนคลิกที่รายการ " เพิ่มข้อความ และทำการปรับเปลี่ยนที่จำเป็นของคุณ ฉันป้อนข้อความจากนั้นไปที่การตั้งค่าแบบอักษรที่ฉันเปลี่ยนขนาดและสี
ฉันเพิ่มภาพเคลื่อนไหว " จางหายไปใน และปรับปฏิทินให้เริ่มทันทีหลังจากภาพเคลื่อนไหวของมนุษย์หิมะ
คุณจะสังเกตเห็นในเมนูนี้ว่ามีความเป็นไปได้ที่จะมี ข้อความเฉพาะสำหรับแท็บเล็ตและอุปกรณ์ มือถือ นี่เป็นตัวอย่างที่ดีของคุณลักษณะต่างๆที่ทำให้ปลั๊กอินนี้มีความยืดหยุ่นและใช้งานง่าย
ในแถบเลื่อน "อื่น ๆ " บางตัวฉันอาจถูกบังคับให้ใช้แบบสอบถามสื่อและ CSS ที่กำหนดเอง
สุดท้ายฉันเพิ่มอีกสองชั้น ชั้นแรกคือเลเยอร์ข้อความและชั้นที่สองคือเลเยอร์รูปภาพ อีกครั้งฉันกำลังดำเนินการตามขั้นตอนเดียวกับด้านบน แต่ฉันได้เพิ่มเวลาในการเคลื่อนไหวเล็กน้อย คุณสามารถดูผลลัพธ์สุดท้ายด้านล่าง
สรุปการสร้างสไลด์นี้เป็นกระบวนการของ 20 นาที
หมายเหตุ: แปลงสไลด์นี้เป็น GIF จะแก้ไขกำหนดเวลาบางอย่างของแอนิเมชั่นที่สวยงามที่ฉันได้รวบรวมไว้อย่างรอบคอบ
Voila! หลังจากลองใช้ปลั๊กอินจำนวนมาก WordPress ของสไลเดอร์ทั้งฟรีและพรีเมียมฉันสามารถพูดได้อย่างตรงไปตรงมาว่านี่เป็นหนึ่งในสิ่งที่ดีที่สุดที่ฉันเคยทดสอบ ไม่ใช่แค่ลักษณะเฉพาะอย่างเดียวที่ทำให้เป็นเอกลักษณ์ เป็นการรวมกันของสิ่งต่างๆที่แสดงให้เห็นว่าปลั๊กอินนี้ยอดเยี่ยมเพียงใด
โปรดทราบว่าฉันยังไม่ได้กล่าวถึงคุณลักษณะทั้งหมด
ค้นพบด้วย จะทราบได้อย่างไรว่าจะใช้ชุดรูปแบบใดในบล็อก WordPress
ฉันแน่ใจว่าถ้าฉันใช้เวลาทำงานกับปลั๊กอินนี้เพิ่มขึ้นอีกสักหน่อยฉันจะพบบางสิ่งที่ฉันอยากจะเปลี่ยนแปลงและอาจจะมีข้อบกพร่องเล็กน้อย ฉันคิดว่าความสะดวกในการใช้งานช่วยให้ผู้คนอยู่ที่นั่นนานพอที่จะใช้ประโยชน์จากคุณสมบัติมากมายที่มีให้ได้ในที่สุด และเชื่อฉันมีมากมาย
ดาวน์โหลด Smart Slider 3
ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง
คุณสามารถใช้อื่นๆ ปลั๊กอิน WordPress เพื่อให้ดูทันสมัยและเพิ่มประสิทธิภาพการจัดการบล็อกหรือเว็บไซต์ของคุณ
เรานำเสนอปลั๊กอิน WordPress พรีเมี่ยมที่นี่เพื่อช่วยให้คุณทำเช่นนั้น
1 WooCommerce Page Builder
ตัวสร้างหน้า WooCommerce เป็น WordPress ปลั๊กอิน เป็นที่นิยมมากซึ่งเสนอรหัสย่อที่ค่อนข้างสม่ำเสมอและช่วยให้คุณสร้างหน้าส่วนตัวหลายประเภท (ผลิตภัณฑ์ ตะกร้าสินค้า ชำระเงิน "บัญชีของฉัน") บนเว็บไซต์ของคุณ WooCommerce. มันเป็นส่วนขยายของ ปลั๊กอินผู้แต่งภาพ คุณต้องติดตั้งไว้ก่อน
ขอบคุณปลั๊กอินนี้คุณจะมีความเป็นไปได้ สร้างเว็บไซต์ e-Commerce ไม่ซ้ำใครโดยใช้ใดๆ ธีม WordPressและทำเงินให้คุณได้มากมาย
ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง
2 Elementor
ปลั๊กอิน Elementor WordPress เปิดตัวครั้งแรกในปี 2016 เป็นหนึ่งในผู้สร้างเพจที่อายุน้อยที่สุดในรายการนี้ แม้จะเริ่มช้า แต่ Elementor ก็เพิ่มการติดตั้งที่ใช้งานอยู่กว่า 1 ครั้งบน WordPress.org อย่างรวดเร็วทำให้เป็นหนึ่งใน ผู้สร้างภาพของหน้า WordPress ที่เป็นที่นิยมที่สุด.
สิ่งที่ทำให้ชื่อเสียงของมันคืออินเตอร์เฟซภาพของเหลวตัวเลือกสไตล์ที่แตกต่างและคุณสมบัติที่มีประสิทธิภาพอื่น ๆ เช่นการสร้างที่สมบูรณ์ ธีม WordPress.
อินเทอร์เฟซของมันถูกแบ่งออกเป็นสองส่วนหลักโดยมีโซนที่สามสำหรับพารามิเตอร์บางอย่าง Elementor เวอร์ชันฟรีให้บริการวิดเจ็ต 28 ฟรี รุ่น Pro นำมาซึ่ง 30 widgets อื่น ๆ รวมเป็น 58 widgets ในรุ่น Pro รุ่นฟรีรวมถึงเทมเพลตฟรี 40 เกี่ยวกับในขณะที่รุ่น Pro นำเทมเพลตเพิ่มเติมหลายร้อย
ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง
3 ป๊อปอัปนินจา
ด้วยยอดขายมากกว่า 30 รายการและคะแนน 000 ดาว Ninja Popups เป็นหนึ่งใน ปลั๊กอิน WordPress รายการยอดนิยมที่มีอยู่ใน Code Canyon
นอกจากรุ่นที่หลากหลายสำหรับการใช้งานที่หลากหลายแล้วยังมาพร้อมกับคุณสมบัติอีกมากมายเช่นตัวสร้างภาพของ ป๊อปอัพ, ตำแหน่งการแสดงผลที่แตกต่างกัน 10 ตำแหน่งสำหรับป๊อปอัป, เอฟเฟกต์ภาพเคลื่อนไหว 74 แบบ, เทคโนโลยีป้องกันการบล็อกที่รองรับเพื่อหลีกเลี่ยงตัวบล็อกโฆษณา, ตัวเลือกการกำหนดเป้าหมายที่หลากหลาย, สถิติใน หน้าปัด, การบล็อกเนื้อหาสำหรับอีเมลที่เลือกใช้หรือการแบ่งปันบนโซเชียลมีเดีย, การผสานรวมกับบริการการตลาดทางอีเมลและอื่น ๆ อีกมากมาย
ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง
ทรัพยากรที่แนะนำ
ค้นหาข้อมูลเกี่ยวกับแหล่งข้อมูลที่แนะนำอื่น ๆ เพื่อช่วยคุณสร้างและจัดการเว็บไซต์ของคุณ
- วิธีสร้างนโยบายความเป็นส่วนตัวบน WordPress
- วิธีทำความเข้าใจโครงสร้างของไฟล์ WordPress
- วิธีเพิ่มเมนูการนำทางไปยังหน้า WordPress
- วิธีการกำหนดค่าปลั๊กอิน WordPress Slider Revolution
สรุป
ที่นี่คือ ! สำหรับบทช่วยสอนนี้และฉันหวังว่ามันจะช่วยให้คุณสร้างแถบเลื่อนหรือสไลด์ได้อย่างง่ายดายด้วยความช่วยเหลือของไฟล์ ปลั๊กอิน WordPress Smart-Slider. ถ้าคุณชอบมันอย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ.
อย่างไรก็ตามคุณยังจะสามารถปรึกษาเราได้ บริการสารสนเทศหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress
แต่ในระหว่างนี้โปรดแจ้งให้เราทราบเกี่ยวกับไฟล์ ความเห็น และข้อเสนอแนะในส่วนเฉพาะ
...
สวัสดี,
ขอขอบคุณสำหรับคำอธิบายโดยละเอียดเกี่ยวกับสมาร์ทเลื่อน 3
หลังจากสร้างแถบเลื่อนของฉันแล้วฉันจะแทรกลงในบทความ ขนาดของแถบเลื่อนไม่เป็นไปตามที่ฉันตั้งค่าด้วยเครื่องมือ ครอบคลุมความกว้างทั้งหมดของคอนเทนเนอร์ เราจะปรับให้เข้ากับรูปแบบที่กำหนดไว้ล่วงหน้าในหน้าหรือบทความได้อย่างไร?
Cordialement
สวัสดี,
ฉันไม่เคยทดสอบกับธีมของคุณขออภัย ฉันขอเชิญคุณอ่านเอกสารประกอบของปลั๊กอินหรือติดต่อผู้พัฒนา