Recent Posts Shortcode
Avada comes packaged with the Recent Posts Shortcode that has 3 different designs to display your recent blog posts. This shortcode has several meta options that allow you to customize the shortcode such as; choose the number of columns from 1-6, number of posts, include or exclude categories, show or hide thumbnails, title, meta, excerpt, excerpt length and more!
Praesent Et Urna Turpis
Quisque ligulas ipsum, euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora [...]
Donec At Mauris Enims
Quisque ligulas ipsum, euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora [...]
Nullam Vitae Nibh Un Odiosters
Quisque ligulas ipsum, euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora [...]
Proin Sodales Quam Nec Sollicit
Quisque ligula ipsum, euismod aturesit vulputate a, ultricies et elit. Class aptent taciti sociosqu ad [...]
3 Different Layouts
Choose from Default, Thumbnail on Side, or Date on Side as your layout. You can also choose the number of columns to be displayed, the number of posts, and which categories, as well.
Recent Posts Default Style
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, [...]
Quisque sed dictum eros
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, [...]
Sed euismod quam
Nec molestie odio suscipit sit amet. Suspendisse pellentesque hendrerit massa, ut commodo libero congue et. [...]
Lorem ipsum
Dolor sit amet, consectetur adipiscing elit. Donec vehicula porta neque nec accumsan. Pellentesque eget lectus [...]
Recent Posts Thumbnails On Side Style
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis [...]
Quisque sed dictum eros
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis [...]
Recent Posts Date On Side Style
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Quisque sed dictum eros
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Use In Columns
Fit this shortcode perfectly into your website by using them with our columns shortcode. This shortcode is fully responsive and will look good on any screen.
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Quisque sed dictum eros
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Sed euismod quam
Nec molestie odio suscipit sit amet. Suspendisse pellentesque hendrerit massa, ut commodo libero congue et. Fusce enim nibh, pretium vel est non, dignissim consectetur odio. Sed cursus, [...]
Lorem ipsum
Dolor sit amet, consectetur adipiscing elit. Donec vehicula porta neque nec accumsan. Pellentesque eget lectus hendrerit, rhoncus lorem ac, accumsan justo. Cras laoreet erat augue, sed egestas [...]
Animation Settings
The Recent Posts Shortcode can have CSS3 animations. This allow the thumbnail image on your post to animate when it comes into the viewport to helps catch the viewers eye.
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Curabitur quis mi at
Nulla egestas est eget sollicitudin ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce aliquam risus sed ipsum sollicitudin, laoreet aliquet sem [...]
Complete Set of Options
Every option and description included with the recent posts shortcode is listed below.
- layout – Can be one of these values: thumbnails-on-side, default, or date-on-side. Sets the layout for shortcode.
- columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns to be displayed.
- number_posts – Accepts a numerical value to show how many posts are displayed. For example, 7.
- cat_slug – The slug name of the category from which you want the posts to be displayed. Use a comma for multiple categories.
- exclude_cats – The slug name of the category you want to exclude. Use a comma for multiple categories.
- thumbnail – Can be one of these values: yes, or no. This will show or hide the image thumbnail.
- title – Can be one of these values: yes, or no. This will show or hide the title.
- meta – Can be one of these values: yes, or no. This will show or hide the meta data.
- excerpt – Can one of these values: yes, or no. This will show or hide the excerpt.
- excerpt_length – Accepts a numerical value to show how many characters or words your excerpt will be. For example, 15.
- strip_html – Can be one of these values: yes, or no. True will show or hide HTML content in the excerpt.
- animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode.
- animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.
- animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
- class – Add a custom class to the wrapping HTML element for further css customization.
- id – Add a custom id to the wrapping HTML element for further css customization.