Recent post shortcode
Displays an recent post to your web page. You can change the behavior of the click action. It can open a lightbox image
or it can be a link to the post. You can also change the hover icon, its size and color, as well as customize the excerpt and button.
Examples of the recent post shortcode usage
We tried to cover all the basic and
advanced uses for the recent post shortcode
Recent post in a full width column

Perfect get-aways
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis...
Read moreRecent posts in a half width column with hover and a lightbox link

Amazing images of buildings
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut...
Read more
Light at the end of the tunnel
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut...
Read morePosts in a three thirds column with different backgrounds and delayed fade in animations.

Light at the end of the tunnel
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem...
Read more
Bright working enviroment and the benefits of it
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercita...
Read more
Perfect get-aways
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem...
Read moreRecent post in a fullscreen column

Around the world
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, co...
Read moreBasic settings for recent post shortcode
Basic settings for your basic needs. Frontend builder gives the
user an option to create basic stuff with ease
Offset
This option lets you skip the most recent posts for a number of steps, opting instead for the second, third most recent, etc. For example, you can set a different offset value on individual post shortcode to get a cascade of several most recent posts.Image link type
There are two types of links you can set for the featured post. You can set it to lead to post itself, or open a lightbox, for a better view on the featured image.Image hover icon
You can select a custom hover icon for your featured post. Frontend Builder uses a wide variety of icon fonts - from Font Awesome, or our own Creative and Alternative icon sets.Button text
Set a custom text of a featured post button.Button elements color
You can define a custom color of the post bottom border. It can help you better emphasize the post's category. You can disable it by not entering a hex code.
Featured post style
You can choose between three different styles of featured posts: clean, squared, or rounded. Select a style that most suits your design.Round edges
You can set the round edges for your images when your design is revolving around rounded edgesExcerpt Length
Set the length of the excerpt, shown in number of characters.Button elements color
You can define a custom color of the button elements in default and hovered state using the color picker, or set the hex code manually.Border color
You can define a custom color of the excerpt elements in default and hovered state using the color picker, or set the hex code manually.Advanced settings for recent post shortcode
In case that you need something more creative and complex
Frontend builder has a set of advanced options to get you there
ID & Custom CSS
You can easily insert your own, custom CSS for that personalized lookAnimation
You can easily animate each shortcode with tons of different animation typesAnimation delay
All animations appear only when the user scrolls to the specific shortcode, you can set the delay for thatDrag & drop shortcode
You can move your shortcode to any column on the page by dragging that shortcode