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

คุณจะกำจัด Slider Revolution โดยฝึกนิสัยและอ่านบทช่วยสอนนี้

ในระหว่างบทเรียนก่อนหน้านี้เราได้ค้นพบวิธีการ:

• ดาวน์โหลดและติดตั้ง Slider Revolution
• วิธีทำความเข้าใจ Slider Revolution Home UI
• วิธีการตั้งค่าการนำเสนอภาพนิ่งใน Slider Revolution

และตอนนี้เราได้ตั้งค่าตัวเลื่อนของเราแล้วเราจะสร้าง สไลด์ "ของ" เลื่อน '

วิธีเริ่มต้นใช้งานตัวแก้ไข "สไลด์"

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

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

ค้นพบยังของเรา ปลั๊กอิน 10 WordPress ที่ให้คุณให้คะแนนบทความในบล็อกของคุณ

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

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

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

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

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

อ่านบทความของเราเกี่ยวกับ 6 ปลั๊กอินการบีบอัดรูปภาพ WordPress สำหรับบล็อกของคุณ

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

วิธีเพิ่มภาพพื้นหลังให้กับฉาก

สิ่งแรกที่คุณต้องทำก่อนคือเพิ่มพื้นหลังให้กับสไลด์ของเรา ที่นี่คุณมีตัวเลือกระหว่าง: ภาพพื้นหลัง (จากไลบรารีสื่อของคุณ), URL ภายนอกที่ชี้ไปที่รูปภาพ, พื้นหลังโปร่งใสซึ่งจะใช้สีที่เสนอโดย ธีม WordPress, สีคงที่, วิดีโอ Youtube, Vimeo หรือ HTML5 เราจะเลือกพื้นหลัง " ภาพ '

คุณสามารถค้นหารูปภาพฟรีมากมายบนเว็บ เพียงค้นหาบน Google 

เมื่อคุณเพิ่มรูปภาพสิ่งนี้จะมีผลทันทีในตัวอย่างสไลด์และใน "ฉาก"

วิธีการเพิ่มองค์ประกอบในฉาก

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

หากต้องการเพิ่มรายการในฉากให้เลื่อนเมาส์ไปวางเหนือ เพิ่มเลเยอร์ '

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

เราจะเริ่มต้นด้วยการเพิ่มภาพโปร่งใสของ Snoopy ลูกสุนัขตัวเล็ก

จากนั้นเพิ่มภาพนี้ในฉากและคุณจะมีดังนี้:

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

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

ดูเพิ่มเติมที่ ปลั๊กอิน WordPress 10 ที่จะทำให้คุณเป็น Blogger ที่ดีขึ้น

ตอนนี้ด้อมนี้ดูกระชับขึ้น คุณยังสามารถพลิกภาพโดยใช้ตัวบ่งชี้ที่อยู่ด้านขวาบนของแต่ละภาพดังนี้:

วิธีการจัดวางองค์ประกอบด้วยตารางวิธีใช้

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

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

วิธีการเพิ่มภาพเคลื่อนไหว

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

ดูเพิ่มเติมที่ 6 ปลั๊กอินการบีบอัดรูปภาพ WordPress สำหรับบล็อกของคุณ

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

ดังนั้นคลิกที่ Snoopy ขึ้นบนหน้าและคลิกที่แท็บ« นิเมชั่น '

ในภาพก่อนหน้าฉันมีภาพเคลื่อนไหวอินพุตเป็นสีน้ำเงินและภาพเคลื่อนไหวออกเป็นสีแดง

หากต้องการเปลี่ยนแอนิเมชันให้คลิกที่รายการดรอปดาวน์หลังไอคอนของนักวิ่ง

จากนั้นคุณจะมีภาพเคลื่อนไหวหลากหลายรูปแบบตามที่คุณต้องการ ฉันปล่อยให้คุณเลือกภาพเคลื่อนไหวที่คุณต้องการกำหนดสำหรับรายการขององค์ประกอบ สำหรับส่วนของฉันฉันเลือก " easeOutElastic », เพื่อให้ได้ผลลัพธ์นี้:

ที่นี่สำหรับคุณของเรา ปลั๊กอิน WordPress 4 เพื่อเพิ่มส่วนท้ายของบล็อกของคุณ

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

aussi Lire วิธีการซ่อนชื่อของบทความและหน้า WordPress

ตอนนี้ฉันอยากจะลอยสนูปปี้ไปที่ " ห่วง และบนตัวเลือกแบบหล่นลงให้เลือก " คลื่น ". ตอนนี้ Snoopy ลอย:

วิธีกำหนดค่าการเปิดเผยองค์ประกอบ

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

วิธีปรับพฤติกรรมขององค์ประกอบต่างๆ

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

วิธีการสร้างทริกเกอร์ที่กำหนดเองในองค์ประกอบ

การดำเนินการช่วยให้คุณสามารถเชื่อมโยงทริกเกอร์กับการกระทำที่เฉพาะเจาะจง ในการเพิ่มทริกเกอร์ให้คลิกที่แท็บ สถานะ »จากนั้นที่ปุ่ม« + »

มีทริกเกอร์ประเภท 3:

• คลิกคือการกระทำของการคลิกเมาส์
• การใส่เมาส์เหนือองค์ประกอบ
• ทางออกของเมาส์เหนือองค์ประกอบ

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

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

วิธีการใช้ Slider Revolution TimeLine

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

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

aussi Lire วิธีการเพิ่มการนับถอยหลังในบล็อกของคุณ WordPress

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

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

ไทม์ไลน์ยังมีผู้เล่นที่คุณสามารถเปิดใช้งานเพื่อดูตัวอย่างสไลด์

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

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

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

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 ดิสก์เสียง

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

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

อ่าน: ปลั๊กอิน 10 WordPress เพื่อเพิ่มศักยภาพในการวิจัยเกี่ยวกับบล็อกของคุณ

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

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

2 จองกิจกรรมการท่องเที่ยว Pro

นี่ก็อีก WordPress ปลั๊กอิน ตอบสนอง 100% ปรับแต่งได้ง่าย และทุ่มเทให้กับการจัดการการจองบนเว็บไซต์ใดๆ ซึ่งให้บริการในด้านกิจกรรม

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

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

3. โซเชียลแชร์ & Locker Pro

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

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

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

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

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

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

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

• วิธีที่จะเป็น blogger ที่ประสบความสำเร็จและสร้างรายได้ด้วย WordPress
• วิธีการรวม WordPress Google ฟอร์ม
• วิธีสร้างนโยบายความเป็นส่วนตัวบน WordPress
• ปลั๊กอิน WordPress 6 เพื่อให้แน่ใจว่าสอดคล้องกับ RGPD ของบล็อก

สรุป

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

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

อย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ. 

...