ตอนนี้เราสามารถเริ่มต้นสิ่งที่ร้ายแรง การสร้างตัวเลื่อนบน เลื่อนการปฏิวัติ ในตอนแรกอาจค่อนข้างน่าเบื่อ คุณจะสูญเสียแบริ่งของคุณเพราะคุณจะต้องการที่จะรู้ว่าอยู่ที่ไหนหรือองค์ประกอบนี้
คุณจะกำจัด 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
อย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ.
...
สวัสดี,
ฉันต้องการเพิ่มรูปภาพ ar ลงในแถบเลื่อน ไปที่แผน ar โดยฉันเลือกพื้นหลัง/รูปภาพหลักเป็นแหล่งที่มา แต่ไม่มีปุ่ม "เปลี่ยนรูปภาพ" สีน้ำเงิน ดังนั้นฉันจึงไม่เข้าใจวิธีเลือกรูปภาพที่ต้องการ รูปภาพเพื่อแสดงในกรอบของแถบเลื่อนของฉัน…คุณมีไอเดียไหม?
Merci
วอลเตอร์