Frontend Builder » Recent post

Examples of the recent post shortcode usage

We tried to cover all the basic and
advanced uses for the recent post shortcode

Amazing images of buildings

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut...

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...

Light at the end of the tunnel

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...

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...

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 edges

Excerpt 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 look

Animation

You can easily animate each shortcode with tons of different animation types

Animation delay

All animations appear only when the user scrolls to the specific shortcode, you can set the delay for that

Drag & drop shortcode

You can move your shortcode to any column on the page by dragging that shortcode

Bottom margin

You can set different bottom margins for different elements / shortcodes

Animation speed

You can manually change the speed of each animation for each element / shortcode

Animation group

By placing different shortcodes in a group, all shortcodes in that group will animate once the user scrolls to the first element in the group

Clone shortcode

Once you are happy with the looks of your shortcode, you can clone it and use it somewhere else

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

Recent posts in a half width column with hover and a lightbox link

Amazing images of buildings

Light at the end of the tunnel

Posts in a three thirds column with different backgrounds and delayed fade in animations.

Light at the end of the tunnel

Bright working enviroment and the benefits of it

Perfect get-aways

Recent post in a fullscreen column

Around the world

Basic 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

Image link type

Image hover icon

Button text

Button elements color

Featured post style

Round edges

Excerpt Length

Button elements color

Border color

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

Animation

Animation delay

Drag & drop shortcode

Bottom margin

Animation speed

Animation group

Clone shortcode

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

Recent posts in a half width column with hover and a lightbox link

Amazing images of buildings

Light at the end of the tunnel

Posts in a three thirds column with different backgrounds and delayed fade in animations.

Light at the end of the tunnel

Bright working enviroment and the benefits of it

Perfect get-aways

Recent post in a fullscreen column

Around the world

Basic 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

Image link type

Image hover icon

Button text

Button elements color

Featured post style

Round edges

Excerpt Length

Button elements color

Border color

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

Animation

Animation delay

Drag & drop shortcode

Bottom margin

Animation speed

Animation group

Clone 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.

We tried to cover all the basic and
advanced uses for the recent post shortcode

Basic settings for your basic needs. Frontend builder gives the
user an option to create basic stuff with ease

In case that you need something more creative and complex
Frontend builder has a set of advanced options to get you there