Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

MDW WordPress Tutorial Carousel shortcode

WordPress Slider Shortcode


Written by Michał Krawczyk ,



Former component name: Carousel shortcode


In this tutorial you'll learn how to add and use Slider shortcode. The idea is the same as in the other Slider components - we choose three amazing photos and combine them into one, animated, stunning web element. Slider is responsive and impressive, so it's totally must-have. It is fully responsive and works perfectly on any device or browser.



Usage



  • Copy the following code into your post.
  • Replace the links between [carousel_item] and [/carousel_item] with the links with our own photos or other images
  • Save the changes.


[carousel]
	[carousel_item]https://mdbootstrap.com/img/Others/Tutorials_WP/carousel/image_1.jpg[/carousel_item]
	[carousel_item]https://mdbootstrap.com/img/Others/Tutorials_WP/carousel/image_2.jpg[/carousel_item]
	[carousel_item]https://mdbootstrap.com/img/Others/Tutorials_WP/carousel/image_3.jpg[/carousel_item]
[/carousel]
			

Caption



We also provide carousels with captions. This time replace "some title" and "content" with your text.



[carousel]
    [carousel_item caption_title="some title" caption_content="content"]https://mdbootstrap.com/img/Others/Tutorials_WP/carousel/image_1.jpg[/carousel_item]
    [carousel_item caption_title="some title" caption_content="content"]https://mdbootstrap.com/img/Others/Tutorials_WP/carousel/image_2.jpg[/carousel_item]
    [carousel_item caption_title="some title" caption_content="content"]https://mdbootstrap.com/img/Others/Tutorials_WP/carousel/image_3.jpg[/carousel_item]
[/carousel]
			

NOTE!

It is recommended to paste the copied code into the "Text" area. Otherwise, the shortcode may not work properly. If you copy the code into "Visual" area, it may contain additional operators, which might break the carousel.



Do you want to share?


About author


User avatar

Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research background, student of Interfaculty Individual Studies in the Humanities at the Jagiellonian University

Leave a reply

Card image cap

Stay up to date


Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.