Media Carousel ACF Field

Description

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

Captures d’écran

  • 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.

Avis

Il n’y a aucun avis sur cette extension.

Contributeurs & développeurs

« Media Carousel ACF Field » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

Historique des changements

1.0.13

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