Media Carousel ACF Field

Description

A plugin that displays media items (images & videos) in a carousel fetched from an ACF field.

Screenshots

  • Adding field in field groups. Label could be any thing(media_carousel, media_carousel_B etc). Name could be anything but must me unique(media_carousel_json, media_carousel_B etc) this name is used for shortcode. Label must be a text area.
  • Adding data in Custom post type. Follow the json structure shown in the Screenshots. In “image” enter image url and in “video” use the embeded youtube video link. You can use as many image and video you want.
  • Adding shortcode, format is [media_carousel field= “your_acf_field”] replace your_acf_field with field shown on screenshot 1. Example: [media_carousel field= “media_carousel_json”].
  • Media carousel displayed on custom post.

Installation

  1. Download the plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

FAQ

How do I use this plugin?

Step 1. Goto WordPress dashboard ACF-> Field Groups-> Edit Field Group.
Step 2. Add a new field of type Text Area
for eg: Field Label= Media Carousel B and Field Name= media_carousel_B
Step 3. In your ACF post add the data in json format.
for eg:
[
{ “image”: “https://onlinecs.baylor.edu/sites/default/files/field/image/Future%20of%20Software_Engineering%20%281%29.jpg” },
{ “video”: “https://www.youtube.com/embed/vM4fSXvXHfY?autoplay=0&mute=1” },
{ “image”: “https://i.ytimg.com/vi/wphvzxlRc6k/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLD64y8hdTRkgGFAch2rOMr0KoQ_7g” },
{ “video”: “https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=0&mute=1” },
{ “image”: “https://static-cse.canva.com/blob/1878802/1600w-njRT1AbT5-4.jpg” },
{ “image”: “https://play-lh.googleusercontent.com/uIK81JFqiXlpZa48CSGOQ1HtrJjPkUyhFrrkvIwmrv0-UdJN390yCLPDkRvvlDVrzTY=w2560-h1440-rw” },
{ “video”: “https://www.youtube.com/embed/BQTaBibVbo4?si=uRHnyjDyiG5uji8V”}
]

You can add as many image/ video entry you want. In image add the image url and in video add the embeded Url of youtube video or any site.
You can copy-paste the above json including square braces [ ].
Step 4. Use the shortcode [media_carousel field="media_carousel_B"] inside a post or page.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Media Carousel ACF Field” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.13

  • Improved shortcode functionality.
  • Added Simply Static Compatibility tag.