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!

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

婚攝｜TOM AMBER @辛志平故居

12 11 月, 2024|0 Comments

（音樂若無自動播放請按一下播放鍵） 婚宴: TAIVII餐酒館（辛志平故居）/新竹市東區東門街32號 婚攝: ohhiyao早安攝影 婚攝阿堯 http://ohhiyao.com 新秘: 朱飾戴吉 小朱 婚禮主持： Rainie/ https://www.facebook.com/rainiewed 婚錄：Monstercoke/ https://www.monstercoke.studio/ [...]

婚攝｜柏緯．宛臻 @ 孫立人將軍府

11 11 月, 2024|0 Comments

（音樂若無自動播放請按一下播放鍵） 婚宴: 台北孫立人將軍府 孫立人將軍官邸餐廳/台北市中正區南昌路一段136號 婚攝: ohhiyao早安攝影 婚攝阿堯 http://ohhiyao.com 新秘: Iris /https://www.instagram.com/irisc.wedding/ 婚禮主持： 艾尼創意-詩晴/ https://www.instagram.com/cerisewang/ 婚紗：真我婚紗 [...]

Recent Posts Thumbnails On Side Style

Recent Posts Date On Side Style

1212, 2025

婚攝｜KEVIN PHYLLIS @國泰萬怡

12 12 月, 2025|0 Comments

（音樂若無自動播放請按一下播放鍵） 婚宴: 國泰萬怡/台北市中山區民生東路三段6號 荷花廳+茶花廳 婚攝: ohhiyao早安攝影 婚攝阿堯 http://ohhiyao.com 新秘: 朱飾戴吉 小朱 婚禮主持： 當代時尚 Hayley 婚戒：Tasaki                         [...]

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.

婚攝｜KEVIN PHYLLIS @國泰萬怡

12 12 月, 2025|0 Comments

（音樂若無自動播放請按一下播放鍵） 婚宴: 國泰萬怡/台北市中山區民生東路三段6號 荷花廳+茶花廳 婚攝: ohhiyao早安攝影 婚攝阿堯 http://ohhiyao.com 新秘: 朱飾戴吉 小朱 婚禮主持： 當代時尚 Hayley 婚戒：Tasaki                         [...]

婚攝｜TOM AMBER @辛志平故居

12 11 月, 2024|0 Comments

（音樂若無自動播放請按一下播放鍵） 婚宴: TAIVII餐酒館（辛志平故居）/新竹市東區東門街32號 婚攝: ohhiyao早安攝影 婚攝阿堯 http://ohhiyao.com 新秘: 朱飾戴吉 小朱 婚禮主持： Rainie/ https://www.facebook.com/rainiewed 婚錄：Monstercoke/ https://www.monstercoke.studio/ 婚紗：My Party 婚戒：Chaumet 花藝：轉圈圈/https://www.facebook.com/jodiecircle

婚攝｜柏緯．宛臻 @ 孫立人將軍府

11 11 月, 2024|0 Comments

（音樂若無自動播放請按一下播放鍵） 婚宴: 台北孫立人將軍府 孫立人將軍官邸餐廳/台北市中正區南昌路一段136號 婚攝: ohhiyao早安攝影 婚攝阿堯 http://ohhiyao.com 新秘: Iris /https://www.instagram.com/irisc.wedding/ 婚禮主持： 艾尼創意-詩晴/ https://www.instagram.com/cerisewang/ 婚紗：真我婚紗 婚戒：I-primo 花藝：ᴅᴀʟᴀᴀɴ-妲菈手作工作室

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.

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.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!