Loading...

Knowledge Base

VD Website Builder | Customize Your Single Blog Post

This guide walks you through how to customise a single blog post using the Blog Editor in Website Builder. It covers how to add and arrange content blocks, as well as how to manage post and layout settings for a professional result.

The Blog Editor allows you to create and personalise blog posts using flexible content blocks. These blocks can be combined and arranged to suit your layout and style, giving you full control over how your content is displayed.

 

On this page

 

Adding blocks

Blocks are the building blocks of your blog post. Each block serves a specific purpose — such as adding text, images, lists, or media — and can be arranged and customised to create your desired layout.

To add a block:

  1. Place your cursor where you want the content to appear.
  2. Select a block from the menu at the bottom of the editor.

You can quickly insert content such as text, images, or videos with just a click.

 

Available blocks and their uses

Use the available blocks at the bottom of the editor to customise your post. These blocks let you format content, insert media, and visually structure your layout. 

Block Types Description and Actions
HEADING

Use this block to add headings to your content. After inserting a heading, you can:

  • Change it to H1 or H2
  • Apply text formatting
  • Insert links
  • Modify the font color 
TEXT

Use this to add paragraphs. Once added, you may:

  • Format the text
  • Insert links
  • Modify the font color 
PHOTO

Use this to add images to your blog post. After inserting an image, you can:

  • Replace the image
  • Add a link
  • Adjust the layout
  • Access image settings 
VIDEO

Use this to embed videos from supported platforms such as YouTube or Vimeo. Once added, you can:

  • Adjust the layout
  • Update the video link through settings
  • Adjust the design settings 
UNORDERED LIST

Use this to add a bulleted list to your blog post. Once added, you can:

  • Format the text
  • Add links
  • Change the font color 
ORDERED LIST

Use this to add a numbered list to your blog post. Once added, you can:

  • Format the text
  • Add links
  • Change the font color 
BLOCKQUOTE

Use this to highlight quoted text. Once added, you can:

  • Format the text
  • Change the blockquote style
  • Adjust the font color 
LINE

Use this to insert a divider between sections. Once added, you can:

  • Adjust its width
  • Change alignment
  • Modify colour and spacing through settings 
SPACER

Use this to add space between blocks. Once added, you can resize it by dragging the adjustment handle.

 

Moving blocks

You can easily rearrange blocks within your post: 

  1. Hover over the block you want to move. An additional action menu will appear on the right.
  2. Use the up or down arrows to reposition the block.

You can also duplicate or delete blocks from the same menu. This allows you to reorganise your layout without recreating content.

 

Post Settings panel

The Post Settings panel is on the right-hand side of the editor. It controls how your post appears on your website and in blog feeds.

 

Below are the available blog post settings and their functions: 

Post Settings Description and Actions
TAGS

Tags help categorise your content and make it easier for both readers and search engines to find your post.

You can add up to 10 tags by typing a keyword and pressing Enter, Tab, or a comma (for example, Workout, Health, Running, Training).

PREVIEW PHOTO

This option lets you upload a featured image that appears in blog listings or previews, helping capture attention and encourage users to click on your post.

POST AUTHOR

Use this field to assign or customise the name of the author for the blog post.

EXCERPT

The excerpt is a brief summary of your post. Use it to highlight key points or create a compelling introduction that encourages readers to continue reading.

SOCIAL SHARING BUTTONS

This setting allows you to enable or disable social sharing options. When turned on, readers can easily share your post on platforms like Facebook or Twitter.

POST COMMENTS

This option controls whether readers can leave comments on your post. Enabling comments can help increase interaction and gather feedback from your audience.

 

Customizing the single blog layout

After publishing your post, you can refine how it appears on your blog page through the Blog Page Post Settings.

 

How to access blog page post settings

  1. In the Website Editor side menu, go to Pages.
  2. Hover over the Post section under Blog.
  3. Click the gear icon to open Blog Page Post Settings.

 

Below are the available settings in Blog Page Post Settings: 

Blog Page Post Settings Description and Actions
POST PREVIEW

This setting allows you to select a layout or preview style for your post. It uses predefined templates to help maintain a consistent look across your blog posts.

FORMAT

Use this option to define the type of content you are publishing. The standard format is commonly used for typical blog posts that include text, images, and basic media.

POST WIDTH

This controls the width of your blog post, ensuring your content aligns properly with other elements on your site while maintaining readability and a balanced layout across devices.

META

Enabling this option displays metadata such as the author name, publishing date, categories, and tags, helping provide context about the post.

META STYLE

This determines how the metadata is presented. You can choose a style that complements your design without distracting from the main content.

ALIGNMENT

This setting defines how your text and elements are positioned within the blog page.

SOCIAL SHARING

When enabled, this allows readers to share your blog post across various platforms, helping increase visibility and reach.

COMMENTS

Turning this option on allows readers to leave comments, encouraging interaction and feedback.

POST NAVIGATION

This feature enables navigation between posts, allowing readers to navigate between previous and next posts and continue exploring your content.

 

 

 

Loading...