Customize blogs and posts

Updated on 20-October-2016 at 10:16 AM

Business Catalyst End of life announcement - find out more details.

This article describes how the blogs and posts are displayed on the site front-end and how to customize the blogs and posts appearance on the site.

Business Catalyst uses a series of layouts to control the way the blog elements are displayed in the front-end of the site.To customize site visitors see the blog in the front-end you can edit any of the layouts listed below. To get to the layouts open up the "Site Manager > Module Templates" panel and click the Blog Layouts icon. Click each the name of each layout for a more detailed description and the list of tags available:

Use the following guidelines when customizing the blog layouts.

The Overall Blog Layout is the overall page for a specific blog. It usually contains the blog calendar, a placeholder for your posts, the blog's title and other relevant data. If you have set a template for your blog, the Overall Blog Layout will be surrounded by the template to ensure your site's design is consistent when displaying blogs.

The Blog Post List Layout defines how a list of posts will be displayed. This layout defines how the post title is displayed, the date of the post and author data, the number of comments and permalinks and other overview information. The list of posts is rendered according to this layout, and then wrapped inside the Overall Blog Layout template.

The Blog Post Details Layout defines how each individual post entry will be displayed. This layout defines how the post title is displayed, how the post body and author data is displayed, as well as the display of comments and permalinks. Each individual post is rendered according to this layout. The individual posts are system pages, generated dynamically by the system; the data is not inserted on web pages.

The Blog Comment List Layout and the Blog Trackback List Layout are used to render out individual comments and permalinks. By default, the tags that relate to these items are placed in the Blog Post Details Layout . You can customize these layouts to update the design as desired.

The Blog Listing Layout defines how a list of blogs is displayed, if you create multiple blogs for a single site. The list of blogs might show the title of each blog, number of posts, the date of the last post for each blog, and so on. The Blog Listing Layout always appears on one of your web pages. That means it is necessary to add the blog list module to a web page. If you configure the blog module to display a list of all the blogs, then this layout is used to link out to each of the blogs, so that your visitors can navigate to them.

Tags allow you to extend the functionality of modules; use them by inserting tags on a layout. You can use the Tag Insert menu on the editor's toolbar (or the extension in Dreamweaver) to access a list of the available tags you can insert for the specific layout you are editing. To make your blogs look even better, you can manually add a header table just above the blog module on your web page to provide a title area above the list of blog posts.

When a visitor clicks a blog link from the list, they are redirected to a system page that displays the individual blog post. Although this page is not one of your web pages, it is still entirely customizable, by editing the Blog Post Details Layout .