
See: Horizontal Menu documentation page
This component has been renamed. All features of Navbar has NOT been changed. Now this component is called Horizontal Menu.
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.
robertlang
Could it be any easier? no. So simple!
Michał Krawczyk
It was our goal to keep everything simple. Thank you Robert!