วิธีสร้าง Elementor Media Carousel พร้อมคำบรรยาย

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

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

ด้วย Elementor คุณสามารถสร้าง Media Carousel พร้อมกับคำบรรยายโดยไม่ต้องใช้ปลั๊กอินของบุคคลที่สามหรือส่วนเสริมของ Elementor ในบทช่วยสอนนี้ เราจะเข้าใจวิธีสร้าง Elementor Media Carousel พร้อมคำอธิบายภาพใน WordPress

วิธีเพิ่ม Elementor Media Carousel พร้อมคำบรรยาย

ในการเริ่มต้น ให้เพิ่มคำบรรยายให้กับ สไลด์ทั้งหมด ใน Elementor Media Carousel
เติมคอลัมน์นี้ด้วยส่วนภายในต่างๆ ส่วนด้านในของวงล้อแนวตั้ง Elementor นี้แต่ละส่วนจะกลายเป็นสไลด์

ใน แท็บเนื้อหา ทางด้านซ้ายของหน้าจอ ให้ตั้งค่า ข้อความ ใน ตัวเลือกการวางซ้อน แล้วเลือก คำบรรยาย ตอนท้าย

ใช้โค้ด CSS ต่อไปนี้เพื่ออนุญาตคำอธิบายภาพด้วย Elementor Media Carousel

    
body .elementor-section .elementor-carousel-image-overlay {
background-color: transparent;
    color: black; /* Change the color here to change the color of the caption */
    font-size: 23px; /* Change the font size here to change the size of the caption */
    height:30px;
    top:107%;/* Slightly increase or decrease this value to position the caption */
    opacity: 1!important;
    transform:none!important;
}

body .elementor-section .swiper-slide {
    overflow: visible;
}

body .elementor-section .swiper-container {
    padding-bottom: 90px;
}

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

นั่นคือทั้งหมดจากเราสำหรับบทช่วยสอนนี้ อย่าลืมติดตามเราบน Facebook และ Twitter ของเราเพื่อรับข่าวสารล่าสุดเกี่ยวกับโพสต์ในอนาคตของเรา