[fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »yes » bordersize= »0px » bordercolor= »#eaeaea » borderstyle= »solid » paddingtop= »30px » paddingbottom= »40px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ last= »yes » spacing= »yes » background_color= »#f6f6f6″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= »solid » padding= »40px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_text]
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!
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »0px » paddingbottom= »60px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »4″ number_posts= »4″ cat_slug= »design » thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »15″ strip_html= »yes » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »yes » bordersize= »0px » bordercolor= »#eaeaea » borderstyle= »solid » paddingtop= »0px » paddingbottom= »0px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ last= »yes » spacing= »yes » background_color= »#f6f6f6″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= »solid » padding= »40px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_text]
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.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »30px » paddingbottom= »60px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_title size= »2″ content_align= »left » style_type= »single solid »]Recent Posts Default Style[/fusion_title][/fusion_builder_column][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »4″ number_posts= »4″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »15″ strip_html= »true » animation_speed= »0.1″ /][/fusion_builder_column][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_title size= »2″ content_align= »left » style_type= »single solid »]Recent Posts Thumbnails On Side Style[/fusion_title][/fusion_builder_column][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »thumbnails-on-side » columns= »2″ number_posts= »2″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »13″ strip_html= »yes » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ /][/fusion_builder_column][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_title size= »2″ content_align= »left » style_type= »single solid »]Recent Posts Date On Side Style[/fusion_title][/fusion_builder_column][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »date-on-side » columns= »2″ number_posts= »2″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »27″ strip_html= »yes » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »0px » paddingbottom= »0px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ last= »yes » spacing= »yes » background_color= »#f6f6f6″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= »solid » padding= »40px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_text]
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.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »30px » paddingbottom= »60px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »4″ number_posts= »4″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »27″ strip_html= »yes » animation_type= »0″ animation_direction= »up » animation_speed= »1″ /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »0px » paddingbottom= »0px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ last= »yes » spacing= »yes » background_color= »#f6f6f6″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= »solid » padding= »40px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_text]
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.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »30px » paddingbottom= »60px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_4″ layout= »1_4″ last= »no » spacing= »yes » background_color= » » background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= » » padding= » » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »1″ number_posts= »1″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »27″ strip_html= »yes » animation_type= »bounce » animation_direction= »down » animation_speed= »1″ /][/fusion_builder_column][fusion_builder_column type= »1_4″ layout= »1_4″ last= »no » spacing= »yes » background_color= » » background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= » » padding= » » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »1″ number_posts= »1″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »27″ strip_html= »yes » animation_type= »fade » animation_direction= »left » animation_speed= »1″ /][/fusion_builder_column][fusion_builder_column type= »1_4″ layout= »1_4″ last= »no » spacing= »yes » background_color= » » background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= » » padding= » » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »1″ number_posts= »1″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »27″ strip_html= »yes » animation_type= »flash » animation_direction= »right » animation_speed= »1″ /][/fusion_builder_column][fusion_builder_column type= »1_4″ layout= »1_4″ last= »yes » spacing= »yes » background_color= » » background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= » » padding= » » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_recent_posts layout= »default » columns= »1″ number_posts= »1″ thumbnail= »yes » title= »yes » meta= »yes » excerpt= »yes » excerpt_length= »27″ strip_html= »yes » animation_type= »shake » animation_direction= »up » animation_speed= »1″ /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »0px » paddingbottom= »0px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ last= »yes » spacing= »yes » background_color= »#f6f6f6″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »0px » border_color= » » border_style= »solid » padding= »40px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_text]
Complete Set of Options
Every option and description included with the recent posts shortcode is listed below.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »0px » borderstyle= »solid » paddingtop= »30px » paddingbottom= »80px » equal_height_columns= »yes » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_2″ layout= »1_2″ last= »no » spacing= »yes » background_color= »#f8f8f8″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »1px » border_color= »#eaeaea » border_style= »solid » padding= »30px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_checklist icon= »fa-check » iconcolor= »#333333″ circle= »no » size= »small »][fusion_li_item icon= » »]layout – Can be one of these values: thumbnails-on-side, default, or date-on-side. Sets the layout for shortcode.[/fusion_li_item][fusion_li_item icon= » »]columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns to be displayed.[/fusion_li_item][fusion_li_item icon= » »]number_posts – Accepts a numerical value to show how many posts are displayed. For example, 7.[/fusion_li_item][fusion_li_item icon= » »]cat_slug – The slug name of the category from which you want the posts to be displayed. Use a comma for multiple categories.[/fusion_li_item][fusion_li_item icon= » »]exclude_cats – The slug name of the category you want to exclude. Use a comma for multiple categories.[/fusion_li_item][fusion_li_item icon= » »]thumbnail – Can be one of these values: yes, or no. This will show or hide the image thumbnail.[/fusion_li_item][fusion_li_item icon= » »]title – Can be one of these values: yes, or no. This will show or hide the title.[/fusion_li_item][fusion_li_item icon= » »]meta – Can be one of these values: yes, or no. This will show or hide the meta data.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type= »1_2″ layout= »1_2″ last= »yes » spacing= »yes » background_color= »#f8f8f8″ background_image= » » background_repeat= »no-repeat » background_position= »left top » border_size= »1px » border_color= »#eaeaea » border_style= »solid » padding= »30px » class= » » id= » » min_height= » » hover_type= »none » link= » » border_position= »all »][fusion_checklist icon= »fa-check » iconcolor= »#333333″ circle= »no » size= »small »][fusion_li_item icon= » »]excerpt – Can one of these values: yes, or no. This will show or hide the excerpt.[/fusion_li_item][fusion_li_item icon= » »]excerpt_length – Accepts a numerical value to show how many characters or words your excerpt will be. For example, 15.[/fusion_li_item][fusion_li_item icon= » »]strip_html – Can be one of these values: yes, or no. True will show or hide HTML content in the excerpt.[/fusion_li_item][fusion_li_item icon= » »]animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode.[/fusion_li_item][fusion_li_item icon= » »]animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.[/fusion_li_item][fusion_li_item icon= » »]animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.[/fusion_li_item][fusion_li_item icon= » »]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon= » »]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundimage= »https://kamalbeatmaker.com/wp-content/uploads/2014/11/home_slider.jpg » backgroundrepeat= »no-repeat » backgroundposition= »left top » backgroundattachment= »fixed » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » bordersize= »1px » borderstyle= »solid » paddingtop= »35px » paddingbottom= »75px » equal_height_columns= »no » hundred_percent= »no »][fusion_builder_row][fusion_builder_column type= »1_1″ layout= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none » last= »no » hover_type= »none » link= » » border_position= »all »][fusion_text]
Join The 100,000+ Satisfied Avada Users!
[/fusion_text][fusion_button link= »http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion » color= »custom » size= »xlarge » type= »flat » shape= »round » target= »_blank » button_gradient_top_color= »rgba(255,255,255,.1) » button_gradient_bottom_color= »rgba(255,255,255,.1) » button_gradient_top_color_hover= »rgba(255, 255, 255, 0.25) » button_gradient_bottom_color_hover= »rgba(255, 255, 255, 0.25) » accent_color= »rgba(255,255,255,.8) » accent_hover_color= »#ffffff » border_width= »2px » shadow= »no » icon_position= »left » icon_divider= »yes » animation_type= »fade » animation_direction= »up » animation_speed= »1″ alignment= »center »] BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]
Our apologies, you must be logged in to post a comment.