Page Builder

Since Version 2.5 WordPress supports so called Shortcodes. They have been introduced for creating macros to be used in a post's content. Read more about Shortcodes at WordPress.org.

With Unyson Page Builder You can use the shortcodes in a user friendly builder area. If You don't prefer the builder, use the shortcodes in the default editor. Curiosity comes with some unique elements.

Click to Play

View Unyson's Page Builder extension in action in this video.

Section


  • Padding: Add the size of the padding at the bottom and the top. (px)
  • Background Image: Add the link of Your image.
  • Image Position: The position of the image.
  • Parallax: Set if You want parallax image.
  • Text Align: Set the align.
  • Layer Opacity: Add a number for the layer opacity (0-99).
  • Layer Color: Select the color.
  • Background Color: Select the background color
  • Font Color: Select the color.
  • Border Top: Add custom css for border.
  • Border Bottom: Add custom css for border.
  • Custom Class: Add custom class, if You need.
  • Container: If You don`t need container for the content, switch it off.
Responsive Behaviour
  • Hide on Desktop: Hide if media screen is above 1199px.
  • Hide on Smaller Screen: Hide if media screen is between 1199px and 992px.
  • Hide on Tablet: Hide if media screen is between 991px and 768px.
  • Hide on Mobile: Hide if media screen is under 767px.

Columns


  • Padding left: Padding left (px).
  • Padding right: Padding right (px).
  • Text Align: Set the align.
  • Animation: Select one from the styles.
  • Animation Delay: Delay in second.
  • Background Color: Add a background color, if You need.
  • Background Image: Upload an image for the background.
  • Background Image Size: Select the size.
  • Background Image Repeat
  • Border: You can add border css here.
  • Content Max Width: Add max-width css for the content, if You don`t want to fill the whole column.
  • Content Position: The position of the content. (Only if max-width value added.)
  • Custom Class: Add custom class, if You need.
Responsive Behaviour
  • Hide on Desktop: Hide if media screen is above 1199px.
  • Hide on Smaller Screen: Hide if media screen is between 1199px and 992px.
  • 1/1 Width on Smaller Screen: 100% width if media screen is between 1199px and 992px.
  • Hide on Tablet: Hide if media screen is between 991px and 768px.
  • 1/1 Width on Tablet: 100% width if media screen is between 991px and 768px.
  • Hide on Mobile: Hide if media screen is under 767px.

Blog 1


  • Info Types: Select the info types for posts. (Date, Author, Categories, Comments, Tags, Social Share)
  • Order By
  • Sort Order
  • Number of Posts: Add a number or leave it blank for all posts.
  • Category: Select a category or leave it blank for all posts.
  • Select Posts: Select from the posts.

Blogger Post


  • Title: Select from the posts.
  • Display Image: Yes or no.
  • Unique Image: Upload an image or leave it blank for the default featured image.
  • Display Title: Yes or no.
  • Title Size: Select the size of the title.
  • Title Uppercase: Yes or no.
  • Display Excerpt: Yes or no.
  • Excerpt Lenght: Add the number of the characters.
  • Excerpt Font Size: Add a font-size css or leave it blank for the default.
  • Excerpt Underline: The size of the underline.
  • Side Border: Side border size for the post.
  • Unique Color: You can add unique color for the title and the borders.

Button


  • Button Label: This is the text that appears on your button.
  • Button Link: Where should your button link to.
  • Color Type: Select the color type.
  • Custom Background Color: Add a color code for custom button.
  • Unique Font Color: Add a color code for the button.
  • Size: Select the size.
  • Open Link in New Window: Select here if you want to open the linked page in a new window.
  • Enable Icon: Left or right.
  • Icon: Select the icon.
  • Border Radius: Add css code or leave it blank.

Flexslider


Simply add the images to the Flexslider element.

Heading


  • Title: Add the content.
  • Size: Select the font size.
  • Align: Set the align.
  • Font Style: Select one from the preselected font styles.
  • Color: You can add specific color.
  • Icon: Select an icon.
  • Underline: Select the size of the bottom border.
  • Fullwidth Underline: Add a color code, If You want fullwidth underline.

Icon Box


  • Title: Add the title.
  • Icon: Select the icon.
  • Link: Add a link or leave it blank.

Imagebox


  • Image: Either upload a new, or choose an existing image from your media library.
  • Link type: Select the link type.
  • Link: Link for the image.
  • Title: Add the content.
  • Description: Add the content.

Map


  • Population Method: Select map population method. (Ex: events, custom)
  • Locations: Add location.
  • Map Type: Select map type.
  • Map Height: Set map height. (Ex: 300)
  • Disable zoom on scroll: Prevent the map from zooming when scrolling until clicking on the map.

Post 2


  • Title: Select from the posts.

Post Carousel 2


  • Columns: Number of columns on big screens.
  • Category: Select a category or leave it blank for all posts.
  • Pagination
  • Navigation
  • Delay: The delay for autoplay in sec. (default: false)

Quote


  • Author: Add the author.
  • Style: Select one from the styles.
  • Content: Add the content.

Table


Build Your table as You want.

Video


  • Insert Video URL: Insert Video URL to embed this video. (Vimeo or Youtube)
  • Image: Add a cover image or leave it blank.
  • Custom Border: Add style or leave it blank.
Follow for useful infos
Affiliate program