Blog Module Layouts are used to control how Blogs and Blog Posts are displayed on your website. Every website comes with a set of Default layouts, which can be edited but not deleted. They are designated in the Blog Module Layout table list with a check mark under the "Default Layout" column.

You can also create your own custom Module Layout by clicking the "Add Custom Layout" button at the bottom of the table. 

Blog Module Layouts table

  • To get started navigate to Content > Design >Module Layouts. Under each tab you will see multiple default layouts that can be edited and customized. To edit a layout, click the name of the layout or the pencil edit button on the right side of the list view.
  • The "Template HTML" field is where you can customize the layout using your own HTML. 
  • To the right you will see the Available Tags scroll box. These tags are a way to add dynamic content to your Module Layout. Including one of these tags in your HTML will insert any content that particular field would have. When you change the content it will change dynamically in your layout. See Available Tags section below.
  • When you are finished click the "Save" button or click the "Cancel" button if you want to discard any changes to this layout.

AvailableTags

  • {{blogId}} – Renders the system generated blog ID.
  • {{blogName}} – Name of the blog with a hyperlink to the blog overview page.
  • {{blogNameNoLink}} – Name of the blog without a hyperlink.
  • {{blogDescription}} – Renders the description of the blog.
  • {{blogPublishDate}} – Date to publish the blog.
  • {{blogExpiryDate}} – Expiry date of the blog. If the blog Is expired, hides all blog posts.
  • {{blogLastUpdated}} – Date of the last update to the blog.
  • {{blogLastPostDate}} – Date of the last post of the blog.
  • {{blogRecentPosts | count:20}} – Renders a simple <ul> list of recent post in a blog. Default is 10.
  • {{blogPageList}} – Renders a list of all the pages in your blog. Provides a hyperlink to each page. Number of pages In a post list based on resultsPerPage. (Future release)
  • {{blogTagCloud | count:20}} – Displays a tag cloud of a blog’s post. Default is 10. 
  • {{blogTagList}} – List of all tags used in all blog posts (Creates an unordered list)
  • {{blogTagCount}} – List of tags and the count of each use of a tag in all blog posts
  • {{blogPostList}} - List of all the posts within a blog (Uses the Blog Post List Layout)
  • {{blogPostCounter}} – Incremental count of the items on the page.
  • {{blogTotalPosts}} – Number of total post within a blog.
  • {{blogPostArchive}} – Archive of previous blog post by month. (Future release)
  • {{blogPostUrl}} – URL to the item referred without host.
  • {{blogPostUrlHost}} – URL to the item referred with host. (Future release)
  • {{blogPostId}} – System generated ID number for the current post.
  • {{blogPostTitle}} – Title of the post with a hyperlink to the blog post.
  • {{blogPostTitleNoLink}} – Title of the post without a hyperlink.
  • {{blogPostAuthor}} – Renders the name of the post Author.
  • {{blogPostAuthorImage}} – Renders the post author’s image or the Gravitar image associated with the author if that is selected. If no author image or no author exists for the blog post, renders nothing.
  • {{blogPostAuthorImageUrl}} – The author’s image URL.
  • {{blogPostCalendar}} – Calendar to retrieve blog post by date. (Future release)
  • {{blogPostContent}} – Renders the HTML content of the blog post.
  • {{blogPostFeaturedImage}} – Renders the post’s featured image URL. If no featured image exists, renders nothing.
  • {{blogPostFeaturedImageUrl}} – The post’s featured image URL.
  • {{blogPostFeaturedImageAlt}} - Alternate text for the Featured Image of the Blog Post. (Future release)
  • {{blogPostPublishDate}} - Date and time the post was published. Liquid date switches can be used to access the day, year, etc.
  • {{blogPostCommentCount}} – Renders the number of comments for the current blog post. (Future release)
  • {{blogPostCommentList}} – Renders a list of comments. (Future release)
  • {{blogPostCommentRating}} - User rating in stars of the current post. (Future release)
  • {{blogPostCommentPending}} – Renders a list of pending approval comments. (Future release)
  • {{blogPostComment}} – User comment on the current blog post. (Future release)
  • {{blogPostCommentDate}} – Date and time when the comment was submitted. (Future release)
  • {{blogPostCommentAuthor}} – Full name of the person who submitted the comment displayed as a hyperlink. Anonymous is not provided. (Future release)
  • {{blogPostCommentAuthorNoLink}} – Full name of the person who submitted the comment displayed without a hyperlink. Anonymous is not provided. (Future release)
  • {{blogPostPermalink}} – Renders a link for the permalink with anchor.
  • {{blogPostPermalinkUrl}} – Renders the URL for the permalink.
  • {{blogPostSeoTitle}} – SEO title for the Blog Post.
  • {{blogPostSeoDescription}} – SEO description for the Blog Post.
  • {{blogPostNextPage}} – Navigates to the next page of Blog Posts if "displayPagination" is enabled.
  • {{blogPostPreviousPage}} – Navigates to the previous page of Blog Posts if "displayPagination" is enabled.
  • {{blogPostPagination}} – Enhanced pagination to navigate through blog posts. If enabled in in “displayPagination” module parameter.
  • {{blogPostCommentsEnabled}} – Enables the display of comments. Possible values are true|false. (Future release)
  • {{blogPostIsPublished}} – Renders true or false.
  • {{blogPostTrackbackCount}} – Number of trackbacks for the current post.
  • {{blogPostTrackbackUrl}} – Link for trackback.(Future release)
  • {{blogPostTrackbackList}} – List for trackbacks. (Future release)
  • {{blogPostCanonicalUrl}}- Renders the canonical URL for the Blog Post. (Future release)
  • {{blogPostTags}} – Renders a <ul> list of the tags assigned to a blog post.