Posts, Posts Carousel, and Posts Slider modules examples
There are three modules that insert a display of Posts or Pages into an Accept Builder layout: Posts, Posts Carousel, and Posts Slider.
Last updated
Was this helpful?
There are three modules that insert a display of Posts or Pages into an Accept Builder layout: Posts, Posts Carousel, and Posts Slider.
Last updated
Was this helpful?
The difference in the modules is the way the posts or pages are displayed and the settings that are available to configure layout, content, and style. In addition, the modules can have more than one layout. See the individual articles about the Posts, Posts Carousel, and Posts Slider modules for details about settings.
The main distinction between the Posts module and the other two modules is that the Posts Carousel and Posts Slider modules can be animated, while the Posts module cannot.
The Posts module displays a subset of posts in a variety of layouts. You can control the number of posts displayed and also control pagination of the display.
TIP
If you want to display the full text of a post, you must use a Posts module and choose the List layout type.
In a carousel, a few items are presented in a horizontal row, with animation or the manual ability to progress through a larger set. In the Posts Carousel module, the post or page title and other information are overlaid on the featured image.
In a slider, an image is usually displayed in a background that fills the screen horizontally, overlaid by text, cycling through a set of image/text combinations.
Posts or pages are displayed in top-aligned column groups.
Posts or pages are displayed with alternating heights.
Gallery layout displays featured images in blocks of equal height and width with no space between. Mousing over an image shows post information.
When the post has no featured image, only the post information is displayed.
In List layout, posts or pages are displayed in a vertical list takes up the full single-column width. The featured image can be set to appear in any of the following locations:
Above title
Above content
Left The image is top-aligned with the title.
Left content The image is top-aligned with the post content.
Right The image is top-aligned with the title.
Right content The image is top-aligned with the post content.
The Gallery layout of the Posts Carousel module displays the featured image in a single row of blocks of uniform height and width, and when you mouse over the image the title and post info are displayed with a color background. You can't display post content with the Gallery layout.
The Grid layout of the Posts Carousel module displays the thumbnails of featured images with post title, optional post info, and optional post excerpt underneath. The column height can be equalized, which means the content borders are the same size and the columns are top-aligned.
The Posts Slider module only has one layout style: an animated display of one post or page at a time, with post or page text overlaid.
The featured image can be displayed in two ways.
The featured image can be set to display as the background with the post info and post excerpt appearing on top.
The featured image can be set to a thumbnail, with the post info and excerpt appearing to the left or right of it.
When the featured image appears in the background, you can set the post text to the left, right, or bottom of the slide. When the featured image appears as a thumbnail you can set the post text to appear to the left or right of the image.
You can also set a background color for the text portion of the slide. You can choose whether the background color is the full height of the slide or covers only the portion of the slide where the text is displayed. You can also choose the opacity of the background color and whether the background has a gradient.
TIP
To stretch the slides to the full width of the browser window, in the Row settings make the row full width, the content full width, and set the row padding to 0px on left and right. Change the Posts Slider module margins to 0px on left and right.