[WP] รวมวิธีในการแสดง Featured Content Slider ใน WordPress

  • รู้จัก Featured Content Slider กันก่อน

Featured_Content_Gallery_main.jpg

Featured Content Slider หรือบางครั้งเรียกว่า Feature Post Image Slide เป็นส่วนที่ดึงรูปและข้อความในเนื้อหามาแสดงเป็นสไลด์ โดยจะอาจจะมาใส่ไว้ในหน้าแรก เพื่อเป็นการดึงดูดผู้ชมและเป็นการสร้างสีสันให้กับเว็บไซต์เป็นอย่างมาก ตัวอย่างเช่น ส่วน Features New ของ KasetFC ซึ่งวิธีการแทรกส่วน Featured Content Slider นั้นก็ไม่ยากอย่างที่หลายๆ คนคิดเลยค่า

  • ปลั๊กอินที่ช่วยในการทำ Featured Content Slider

  1. Featured Content Gallery (DemoDownload)
    Featured_Content_Gallery_1.jpg
    – เป็นการแสดงสไลด์โดยแถบคำอธิบายจะสไลด์ขึ้นมาอยู่บนรูปภาพ โดยจะอยู่ด้านล่าง ทับกับด้านล่างของภาพ
    – การสไลด์จะทำไปโดยอัตโนมัติ เราไม่สามารถกดเลือกเพื่อเปลี่ยนสไลด์เองได้
    – สามารถปรับเปลี่ยนขนาดของภาพได้ตามต้องการ
  2. J Post Slider (DemoDownload)
    Featured_Content_Gallery_2.jpg
    – รูปแบบของคำอธิบายสามารถอยู่ได้ทั้ง ด้านบน ด้านล่าง ด้านซ้าย และด้านขวาของรูปภาพตามใจชอบ
    – การสไลด์จะทำไปโดยอัตโนมัติ เราไม่สามารถกดเลือกเพื่อเปลี่ยนสไลด์เองได้
    – สามารถปรับเปลี่ยนขนาดของภาพได้ตามต้องการ
  3. Featured articles plugin for WordPress (With Moo Tools) (DemoDownload)
    Featured_Content_Gallery_3.jpg
    – การแสดงสไลด์จะมีรูปอยู่ทางด้านขวา และมีคำอธิบายอยู่ทางด้านซ้าย
    – การสไลด์ : รูปและข้อความจะเลื่อนไปทางขวาพร้อมกัน
    – สามารถกดที่ปุ่มด้านล่างเพื่อเปลี่ยนสไลด์ได้
  4. WordPress Featured Content Slideshow (DemoDownload)
    Featured_Content_Gallery_4.jpg
    การแสดงสไลด์อยู่ในลักษณะที่มีรูปอยู่ด้านซ้ายและมีข้อความย่อๆ ของเนื้อหาอยู่ทางด้านขวา โดยแสดง 5 featured posts ล่าสุด
    – การแสดงข้อความเป็นการแสดง Titles และ description สั้นๆ
    การเปลี่ยนสไลด์ทำได้โดยกดที่ข้อความทางด้านขวา
  5. Featured Content Slider For WordPress (DemoDownload)
    Featured_Content_Gallery_5.jpg
    การแสดงสไลด์จะมีรูปภาพอยู่ด้านซ้าย และคำอธิบายอยู่ด้านขวา
    – การเลื่อนของสไลด์จะเลื่อนทั้งข้อความและรูปภาพไปทางซ้ายพร้อมกัน
    – สามารถเปลี่ยนสไลด์ได้โดยกดที่ลูกศรทางด้านซ้ายเพื่ือไปยังเนื้อหาก่อนหน้า และกดที่ลูกศรทางขวาเพื่อไปเนื้อหาถัดไป

Leave a comment