วิธีเพิ่มข้อความบนรูปภาพในแถบเลื่อน WordPress

เผยแพร่แล้ว: 2021-07-19

คุณกำลังมองหาวิธีง่ายๆ ในการสร้างแถบเลื่อน WordPress พร้อมข้อความหรือไม่? Modula ช่วยคุณได้! คุณสามารถสร้างแถบเลื่อน WordPress ที่อนุญาตให้เปลี่ยนสีข้อความหรือเน้นข้อความได้

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

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

ในบทความนี้ ฉันจะแสดงวิธีสร้างภาพตัวเลื่อน WordPress ที่ดูเป็นมืออาชีพพร้อมรูปภาพและเลย์เอาต์ข้อความ


ในบทความนี้เราจะแบ่งปัน:

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

สารบัญ

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

เหตุใดจึงต้องใช้ Modula เพื่อสร้างตัวเลื่อนรูปภาพพร้อมแอนิเมชั่นข้อความ

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

นอกจากนี้ คุณสามารถอัปเกรดเป็น Modula PRO ได้ในราคาเพียง 39 เหรียญสหรัฐฯ


วิธีสร้าง แถบเลื่อนแบบหมุนของ WordPress พร้อมข้อความ ?

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

ติดตั้งและเปิดใช้งาน Modula

ขั้นแรก ในการติดตั้ง Modula ให้ไปที่ WordPress Dashboard > Plugins > Add New

เพิ่มปลั๊กอินใหม่
เมนูเวิร์ดเพรส

ด้วยเหตุนี้ หน้าใหม่จะปรากฏขึ้นพร้อมปลั๊กอิน WordPress ฟรีมากมาย หากต้องการค้นหา Modula ให้พิมพ์ Modula ในแถบค้นหา และเมื่อคุณเห็น ให้คลิกที่ปุ่ม Install Now

การติดตั้งโมดูลา
ติดตั้งโมดูลา

หากต้องการเปิดใช้งานปลั๊กอิน ให้คลิกที่ปุ่ม เปิดใช้งาน ดูที่เมนู WordPress ด้านซ้าย คุณสามารถหาปลั๊กอิน Modula ได้ที่นั่นหลังจากการติดตั้งเสร็จสิ้น คุณสามารถติดตั้งและเปิดใช้งานปลั๊กอิน WordPress ฟรีได้โดยทำตามขั้นตอนเหล่านี้

โมดูลาเปิดใช้งาน
เปิดใช้งานโมดูลา

สร้างแกลเลอรี่ใหม่

เราจำเป็นต้องสร้างแกลเลอรีใหม่และตั้งค่าให้เป็นแถบเลื่อน หากต้องการสร้างแกลเลอรีใหม่ ให้ไปที่ แกลเลอรี > เพิ่มใหม่

เพิ่มแกลเลอรี่ใหม่
เพิ่มแกลเลอรี่ใหม่

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

เพิ่มชื่อใหม่
เพิ่มชื่อที่สื่อความหมายและอัปโหลดไฟล์ภาพ

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

ตัวเลื่อน WordPress พร้อมข้อความ
แกลเลอรี่ของฉัน

ปรับแต่งแถบเลื่อน WordPress ของคุณด้วยข้อความ

ในการเพิ่มข้อความลงในแถบเลื่อน ให้ตั้งค่าประเภทแกลเลอรีของเรา เราจะทำอย่างนั้นได้อย่างไร? ไปที่ การตั้งค่า > ทั่วไป > ประเภทแกลเลอรี > แถบเลื่อน มี 4 ประเภทให้เลือก: สร้างสรรค์ กำหนดเอง ตัวเลื่อน และอิฐ

ตัวเลื่อน WordPress พร้อมข้อความ
เลือกแถบเลื่อน

ตอนนี้เรามีตัวเลื่อน WordPress พร้อมข้อความใกล้เสร็จแล้ว มาแก้ไขกันก่อน Modula ให้คุณเปลี่ยนขนาดรูปภาพ เปิดใช้งานการครอบตัด แก้ไขรางน้ำ กำหนดความกว้าง และเปิดใช้งาน Powered by หรือ Thumbnail Navigator ในส่วนนี้ คุณจะพบข้อมูลทั้งหมดข้างต้น คุณลักษณะเหล่านี้ใช้ได้กับประเภทแกลเลอรีตัวเลื่อนเท่านั้น

แก้ไขตัวเลื่อน
แก้ไขตัวเลื่อน

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

ตัวเลื่อน WordPress พร้อมข้อความ
เปิดใช้งานคำบรรยาย

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

ตัวเลื่อน WordPress พร้อมข้อความ
แก้ไขภาพ

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

ตัวเลื่อน WordPress พร้อมข้อความ
เพิ่มคำบรรยาย

ในหน้าต่างนี้ คุณสามารถแก้ไขชื่อรูปภาพ การจัดแนว และ URL

แก้ไขเพิ่มเติม
แก้ไขภาพเพิ่มเติม

เราสามารถเลือกฟิลเตอร์สำหรับภาพนี้หรือแก้ไขข้อมูลเมตา EXIF ​​ได้

แก้ไขเพิ่มเติม
แก้ไขเพิ่มเติม

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

บันทึกภาพ
บันทึกและปิด

แก้ไขข้อความบรรยาย

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

แก้ไขหัวข้อ
แก้ไขชื่อภาพ

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

แก้ไขตัวเลื่อน
แก้ไขข้อความบรรยาย

แก้ไขเพิ่มเติม

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

แก้ไขตัวเลื่อน
แก้ไขตัวเลื่อน

เมื่อคุณแก้ไขแถบเลื่อน WordPress ที่มีข้อความและรูปภาพเสร็จแล้ว อย่าลืมคลิกปุ่ม บันทึกแกลเลอ รี วิธีนี้คุณจะไม่สูญเสียงานของคุณ

บันทึกตัวเลื่อน WordPress ของคุณด้วยข้อความ
บันทึกแกลเลอรี่

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

รหัสย่อ
รหัสย่อ

ความคิดสุดท้าย

และนี่คือวิธีที่คุณสามารถสร้างแถบเลื่อน WordPress ที่สวยงามพร้อมข้อความโดยใช้ Modula มาสรุปขั้นตอนทั้งหมดกัน:

  1. ติดตั้งและเปิดใช้งาน Modula
  2. สร้างแกลเลอรี่ใหม่
  3. ปรับแต่งแถบเลื่อน WordPress ของคุณและแก้ไขข้อความคำบรรยาย
  4. เพิ่มแถบเลื่อนรูปภาพไปยังเว็บไซต์ WordPress ของคุณ

สร้างตัวเลื่อนของคุณด้วย Modula และมันจะไม่ทำให้คุณผิดหวัง!

เริ่มต้นใช้งาน Modula