วิธีเพิ่มตัวเลื่อนมัลติมีเดียใน WordPress

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


ทำไม Soliloquy คือปลั๊กอิน WordPress Slider ที่ดีที่สุด?

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

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

SEO เป็นปัญหาใหญ่สำหรับธุรกิจออนไลน์ส่วนใหญ่ Soliloquy เป็นตัวเลื่อน WordPress ที่เป็นมิตรกับ SEO มากที่สุด มันทำให้การเพิ่มแท็ก alt และชื่อเรื่องลงในสไลด์ของคุณง่ายมาก ๆ ซึ่งจะช่วยเพิ่มอันดับการค้นหา.

ท้ายสุดถ้าฉันสร้างเว็บไซต์ให้คนอื่น ฉันต้องการใช้สิ่งที่ใช้งานง่าย Soliloquy นั้นเป็นมิตรกับผู้เริ่มต้นและทุกคนที่ไม่ค่อยมีความรู้ในการใช้ WordPress สามารถสร้างสไลด์ด้วย Soliloquy ได้.

วิธีการสร้าง Rich Rich Multimedia Multimedia ที่สวยงามด้วย Soliloquy

สิ่งแรกที่คุณต้องทำคือซื้อ การพูดกับตัวเอง. ใบอนุญาตไซต์เดียวมีเพียง $ 19 USD แต่ฉันจะแนะนำใบอนุญาตนักพัฒนาซอฟต์แวร์ซึ่งคือ $ 99 USD และให้คุณเข้าถึงแอดออนพื้นฐานทั้งหมด.

เมื่อคุณได้รับปลั๊กอินแล้วให้ติดตั้งและเปิดใช้งานเหมือนที่คุณติดตั้งปลั๊กอิน WordPress ตัวอื่น เมื่อเปิดใช้งานคุณจะสังเกตเห็นรายการเมนู Soliloquy ใหม่ใน WordPress admin sidebar ของคุณ ในการสร้างตัวเลื่อนใหม่คุณต้องคลิก Soliloquy »เพิ่มใหม่.

การสร้างตัวเลื่อนใหม่ด้วย Soliloquy

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

ให้อัปโหลดภาพสองสามภาพไปยังสไลด์ของคุณจากนั้นคลิกที่ปุ่มแหล่งข้อมูลอื่น นี่จะเป็นการเปิดป๊อปอัปใหม่พร้อมแท็บสามแท็บ คุณสามารถเลือกรูปภาพจากไลบรารีสื่อของคุณเพิ่มวิดีโอหรือแทรกสไลด์ HTML คลิกที่แท็บวิดีโอแล้วคุณจะสังเกตเห็นว่าคุณสามารถเพิ่มวิดีโอจาก YouTube, Vimeo และ Wistia และ Vimeo เพียงวาง URL วิดีโอของคุณและระบุชื่อและคำอธิบายภาพสำหรับวิดีโอหากจำเป็น หลังจากนั้นคลิกปุ่ม ‘แทรกสไลด์ลงใน Slider’.

การเพิ่มสไลด์วิดีโอ

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

เพิ่มสไลด์ HTML ใน Soliloquy

เมื่อคุณเพิ่มสไลด์แล้วจะปรากฏดังนี้:

การแก้ไขสไลด์ภายในแถบเลื่อน

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

เลื่อนเมทาดาทา

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

กำหนดค่าตัวเลือกขั้นสูงสำหรับตัวเลื่อน

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

คัดลอกรหัสย่อตัวเลื่อนและแท็กเทมเพลต

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

หากคุณชอบบทความนี้โปรดเข้าร่วม ThemeLab บน พูดเบาและรวดเร็ว และ Google+.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map