วิธีเพิ่ม Post Carousel ใน WordPress

เผยแพร่แล้ว: 2022-08-10

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

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

Post Carousel คืออะไร?

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

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

ความแตกต่างระหว่าง Post Slider และ Carousel คืออะไร?

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

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

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

อย่างไรก็ตาม ถึงแม้จะฟังดูเกือบจะเหมือนกันทุกประการ แต่ก็ไม่ใช่สิ่งเดียวกัน

จำนวนรูปภาพที่อาจแสดงพร้อมกันคือความแตกต่างหลักระหว่างทั้งสอง ตัวอย่างเช่น ภาพหมุนอาจแสดงรายการจำนวนมาก แต่ตัวเลื่อนจะแสดงทีละรายการเท่านั้น

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

ทั้งสองอย่างที่คุณอาจเห็นอาจเป็นประโยชน์ในบริบทต่างๆ ดังนั้น เรามาดูวิธีใช้งานกัน

จะเพิ่มโพสต์ Carousel ใน WordPress ได้อย่างไร?

เมื่อเรารู้เกี่ยวกับ Post Carousel แล้ว มาทำความรู้จักกับวิธีใช้งานบนไซต์ของคุณกัน

การติดตั้ง PostX

ขั้นแรก คุณจะต้องติดตั้งปลั๊กอิน PostX จากไดเรกทอรี WordPress

Install PostX
การติดตั้ง PostX

ในการเพิ่มปลั๊กอินใหม่:

  1. ไปที่ ส่วนปลั๊กอิน และคลิกที่ เพิ่มใหม่
  2. ค้นหา PostX และคลิกตัวเลือก ติดตั้ง ทันที
  3. คลิกปุ่ม เปิดใช้งาน เพื่อสิ้นสุดการติดตั้ง

การเพิ่ม/นำเข้าบล็อคตัวเลื่อน

จะทำอย่างไรถ้าคุณสร้างเว็บไซต์ตั้งแต่เริ่มต้นและปรับแต่งทุกอย่าง ตอนนี้คุณต้องเพิ่มบล็อก Post Slider เพื่อดำเนินการต่อ

Adding Post Slider
การเพิ่มตัวเลื่อนโพสต์

PostX ช่วยคุณได้ คุณยังสามารถ พิมพ์ “/” จากนั้นเขียน ตัวเลื่อนโพสต์ เพื่อรับมันหรือคลิก บล็อกเพิ่ม (ไอคอนบวกทางด้านซ้าย) เพื่อเพิ่มลงในเพจของคุณ

โพสต์ Carousel Setup

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

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

Explore Patterns
สำรวจรูปแบบ

จากนั้นเลือกรูปแบบที่สร้างไว้ล่วงหน้าล่าสุดแล้วคลิกนำเข้า

การปรับเปลี่ยนและการปรับแต่ง

ปลั๊กอินบล็อก Gutenberg PostX มีตัวเลือกการปรับแต่งมากมาย

ต่อไปนี้คือตัวเลือกทั่วไปบางประการ:

  • แอนิเมชั่น จาง
  • เล่นอัตโนมัติ
  • จุด
  • ลูกศร

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

  • แหล่งที่มา
  • จำนวนกระทู้
  • อนุกรมวิธาน
  • ค่าอนุกรมวิธาน
  • สอบถามด่วน
  • กลุ่มเนื้อหาที่ไม่ซ้ำ
  • สั่งโดย
  • คำสั่งซื้อ (ASC/DESC)
  • ผู้เขียน
  • ไม่รวมโพสต์/ระยะเวลา/ผู้เขียน
Publishing Post Carousel
เผยแพร่โพสต์ม้าหมุน

หลังจากปรับแต่งทุกอย่างแล้ว ก็กดเผยแพร่ เท่านี้ก็เรียบร้อย

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

อย่าจำกัดจินตนาการของคุณ แสดงบนเว็บไซต์ของคุณด้วย PostX!

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

ตัวเลือกเพิ่มเติม

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

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

ไอซิ่งบนเค้กคือการที่เราเปิดทิ้งไว้เพื่อให้ผู้สนใจรัก CSS สามารถเพิ่มคลาส CSS ได้ตามที่เห็นสมควร และสำหรับผู้ที่ชื่นชอบ Elementor ที่นั่น The Gutenberg Post Sliders ของ PostX ก็สามารถใช้งานได้ใน Elementor, Divi, Oxygen และผู้สร้างอื่น ๆ ในตลาด

บทสรุป

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

คุณสามารถดูบทแนะนำวิดีโอ WordPress ได้ที่ช่อง YouTube ของเรา พบกับเราบน Facebook และ Twitter สำหรับการอัปเดตเป็นประจำ!

ชอบบทความนี้? กระจายคำ
  • PostX Celebration - Up to 35% OFF

    PostX ฉลองการติดตั้งที่ใช้งานมากกว่า 20,000 รายการ! [เฉลิมฉลองกับเรา!]

  • WordPress Load More Button

    วิธีเพิ่มปุ่มโหลดเพิ่มเติมสำหรับโพสต์ WordPress โดยใช้ PostX

  • Create and Customize WooCommerce Product Page Template

    สร้างและปรับแต่งเทมเพลตหน้าผลิตภัณฑ์ WooCommerce

  • WooCommerce Products Compare

    การเปรียบเทียบผลิตภัณฑ์: เปรียบเทียบผลิตภัณฑ์ WooCommerce