top of page
This site was designed with the
.com
website builder. Create your website today.Start Now

For demonstration purposes, I’ll be using one of our Wix Website Templates.

​

This guide will only discuss tools and elements that are used or featured in our templates. For the full range of features available with Wix please view this help article.

Screenshot 2021-01-29 at 13.05.07.png
Screenshot 2021-01-29 at 13.05.40.png

Customising the Blog Feed Page

The list of posts you see when you go to your site's blog page is called your blog feed.

​

To design your blog and category feeds:

  1. Click the Blog page in your Editor.

  2. Click Settings.

  3. Click the Design tab to customise each section:

    • Click the Expand icon to select a title font and click the colour box to select a title colour.

    • Click the Expand icon to select a description font and click the colour box to select a description colour.

    • Click the colour box to choose a hover colour. 

    • Drag the slider to change the opacity.

    • Drag the slider to change the border width.

    • Drag the slider to change the post background.

    • Drag the slider to change the feed background.

Customising the Blog Feed Page
Screenshot 2021-01-29 at 13.10.42.png
Screenshot 2021-01-29 at 13.13.06.png

Customising the Blog Post Page

The post page is the page that opens up when a site visitor views a single post.

​

To design your post page:

  1. Click the Blog Post page in your Editor.  

  2. Click Settings.

  3. Click the Design tab to customise each section:

    • Click the Expand icon to select a title font and click the colour box to select the title colour.

    • Click the Expand icon to select a link font and click the colour box to select the link colour. 

    • Drag the slider to adjust the background opacity & colour.

    • Drag the slider to adjust the border colour.

    • Drag the slider to adjust the border width. 

Screenshot 2021-01-29 at 13.16.18.png
Screenshot 2021-01-29 at 13.17.02.png

Selecting Layouts for the Posts Feed

  1. Click the Wix Blog app in your Editor.

  2. Click Settings.

  3. Click the Layout tab.

  4. Choose a layout from the options available (we are using the Editorial layout in this article).

  5. Choose the Image Ratio for each post.

  6. Customise the Layout Settings:

    • Post size: This allows you to control the number of cards per row.

    • Spacing between posts: This allows you to control the spacing between posts.

    • Text box height: After changing display settings or font size, you can use text box height to ensure your box is the optimal size for the content.

    • Feed margins: This allows you to adjust both right/left and top/bottom margins at once.

    • Text padding (left to right): This allows you to adjust the space between the text and the border of the text box.

  7. Customise the Post Loading:

    • Select how posts should load:

      • On scroll down: Display in an endless scroll.

      • With page numbers: After a set number of pages load, visitor can click to view the next.

    • Choose how many posts should load:

      • Drag the slider to select how many posts appear per page or with every scroll.

  8. Click the Category Feed tab to customise the layout settings for the category feed.

Screenshot 2021-01-29 at 13.24.18.png
Screenshot 2021-01-29 at 13.24.18.png
Screenshot 2021-01-29 at 13.27.07.png

Creating Blog Categories

  1. Go to the Categories tab in your Blog. 

  2. Click New Category.

  3. Enter a category label in the Category Label field (appears in the blog menu and at the bottom of blog posts in this category).

  4. Enter a category title in the Category Title field (appears in search engine results and when sharing a category on social media).

  5. Enter a category description in the Category Description field (appears in search engine results and when sharing a category on social media).

Customising the Blog Post Page
Choosing a Different Feed Layout
Creating Blog Categories
Screenshot 2021-01-29 at 13.32.11.png
Screenshot 2021-01-29 at 13.32.29.png

Changing the Blog Posts Order

Your blog posts appear in chronological order. You can change the order of the posts, by changing the creation dates.


To change the date of a post:

  1. Click to edit a blog post or create a new one.

  2. Click the Settings icon on the left side panel. 

  3. Click the Publish Date box.

  4. Click the date and click to select a new date from the calendar.

  5. Click Save & Publish

Changing the Order of Blog Posts
Screenshot 2021-01-29 at 13.35.49.png
Screenshot 2021-01-29 at 13.37.07.png

Adding a "Recent Posts" Element

  1. Go to the page you want the feed to appear on.

  2. Click the Wix Blog app in your Editor.

  3. Click Add Blog Elements.

  4. Choose a Recent Posts element.

  5. Drag it to position it on the page.

  6. Click Settings.

  7. Click the Display tab and select which elements you want to show.

  8. Click the Design tab to customise any of the colours, fonts, borders or backgrounds.

Adding a Recent Posts Element
Screenshot 2021-01-29 at 13.42.00.png

Featuring Posts

You can mark any post that you're creating or editing as "featured" by enabling the toggle in the post's settings. 

  1. Go to the Blog tab in your site's dashboard.

  2. Click Create New Post or Edit to edit an existing post.

  3. Click the Settings tab on the left side panel.

  4. Click the Set as Featured Post toggle to enable it.

Featuring Posts

Showing or Hiding the Menu

Wix blog comes with a menu to help your readers navigate to different blog categories. The menu appears on your blog feed and your post page. You can customise each place separately.

Screenshot 2021-01-30 at 18.36.41.png
Screenshot 2021-01-30 at 18.35.01.png
Screenshot 2021-01-30 at 18.47.16.png
Screenshot 2021-01-30 at 18.45.06.png
Screenshot 2021-01-30 at 18.45.15.png

Show or Hide the Menu in the Blog Feed

  1. Click the Wix Blog app in your Editor.

  2. Click Settings.

  3. Click the Display tab.

  4. Click Blog Menu.

  5. Click the Show blog menu toggle to show or hide the menu.

Show or Hide the Menu in Your Post Page

  1. Click the Wix Blog app in your Editor.

  2. Click Blog Pages.

  3. Click Post.

  4. Click Settings.

  5. Click the Display tab.

  6. Click Blog Menu.

  7. Click the Show blog menu toggle to show or hide the menu.

Showing or Hiding the Blog Menu
Screenshot 2021-01-30 at 18.50.50.png

Showing or Hiding Comments

  1. Click the Wix Blog app in your Editor.

  2. Click Settings.

  3. Click the Display tab.

  4. Select or deselect the comments counter.

Showing or Hiding Comments
Screenshot 2021-01-30 at 18.50.50.png

Showing or Hiding Like

  1. Click the Wix Blog app in your Editor.

  2. Click Settings.

  3. Click the Display tab.

  4. Select or deselect the likes counter.

Showing or Hiding Likes
Screenshot 2021-01-30 at 18.53.03.png

Deleting Your Blog

  1. Click Menus & Pages on the left side of the Editor.

  2. Hover over the Blog page and click Show More.

  3. Click Delete.

  4. Click Delete to confirm.

Deleting Your Blog
Screenshot 2021-01-30 at 18.56.57.png
Screenshot 2021-01-30 at 19.01.02.png

Adding a Blog Post

  1. Go to your site's dashboard

  2. Click on the Blog tab on the left.

  3. Click Create New Post.

  4. You can add any of the following to a post:  

    1. Images or GIFs: Click the Image icon and select an image or GIF to upload or choose a GIF from the integrated options by clicking the GIF icon.

    2. Galleries: Click the Gallery icon and select images to upload.  

    3. Videos: Click the Video icon and add a video.  

    4. Divider lines: Click the Divider icon to add a divider line, then customise it.

    5. HTML: Click the HTML icon to embed an iframe or display an external site in a post.

    6. Quotations: Highlight the text you want to quote and click the Quotation icon .

    7. Links: Highlight the text you want to make into a link, click the Link icon, enter the URL and click update.​

Adding a Blog Post
Screenshot 2021-01-30 at 19.05.15.png
Screenshot 2021-01-30 at 19.09.32.png

Deleting a Blog Post

  1. Go to the Posts tab in your site's dashboard.  

  2. Click the Show More icon  next to the post you want to delete.

  3. Click Move to Trash.

  4. Click Move to Trash to verify.

Note: Once a post is moved to trash, the views, likes, and comments are deleted permanently. Even if you restore the post, views, likes, and comments are not restored.

Screenshot 2021-01-30 at 19.05.15.png
Screenshot 2021-01-30 at 19.03.28.png
Screenshot 2021-01-30 at 19.01.02.png

Editing a Blog Post

  1. Go to your site's dashboard

  2. Click on the Blog tab on the left.

  3. Click Edit to edit an existing post.

  4. You can add any of the following to a post:  

    1. Images or GIFs: Click the Image icon and select an image or GIF to upload or choose a GIF from the integrated options by clicking the GIF icon.

    2. Galleries: Click the Gallery icon and select images to upload.  

    3. Videos: Click the Video icon and add a video.  

    4. Divider lines: Click the Divider icon to add a divider line, then customise it.

    5. HTML: Click the HTML icon to embed an iframe or display an external site in a post.

    6. Quotations: Highlight the text you want to quote and click the Quotation icon .

    7. Links: Highlight the text you want to make into a link, click the Link icon, enter the URL and click update.​

Editing a Blog Post
Deleting Blog Posts
Screenshot 2021-01-30 at 19.05.15.png
Screenshot 2021-01-30 at 19.13.23.png

Duplicating a Blog Post

  1. Go to the Blog tab on your site dashboard. 

  2. Click the Show More icon on the published post or draft you want to duplicate.

  3. Click Duplicate Post.

Duplicating a Blog Post
Screenshot 2021-01-30 at 19.05.15.png
Screenshot 2021-01-30 at 19.24.54.png

Unpublishing a Blog Post

  1. Go to your site's dashboard.

  2. Click the Blog tab.

  3. Click Edit on the post you want to unpublish.

  4. Click the Expand  icon in the top right.

  5. Click Revert to Draft.

Unpublishing a Blog Post
Screenshot 2021-01-30 at 19.05.15.png
Screenshot 2021-01-30 at 19.03.28.png
Screenshot 2021-01-30 at 19.33.00.png

Scheduling a Blog Post to be Published Later

  1. Go to the Blog tab in your site's dashboard.

  2. Click Create New Post.

  3. Add in the relevant content.

  4. Click the Expand icon at the top right.

  5. Click Schedule Post. 

  6. Choose when you want to the post to go live.

  7. Click Schedule. 

Scheduling Posts
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 19.37.54.png
Screenshot 2021-01-30 at 20.11.29.png

Adding an Image to a Blog Post

  1. Go to the Blog tab in your site's dashboard.

  2. Do one of the following:

    • Click Create a post to start a new post.

    • Click the Show More  icon on the relevant post and click Edit Post. 

  3. Choose the camera icon to add an icon.

  4. ​Select the image from your Media Manager or click Upload Media to upload a new image.

  5. Click Add to Page.

Adding Image
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 20.17.22.png
Screenshot 2021-01-30 at 20.11.29.png
Screenshot 2021-01-30 at 20.22.36.png

Adding a Gallery to a Blog Post

  1. Go to the Blog tab in your site's dashboard.

  2. Do one of the following:

    • Click Create a post to start a new post.

    • Click the Show More icon on the relevant post and click Edit Post. 

  3. You can format the gallery using any of these options. To start, just click the gallery.

    • Upload Media: Click to upload images.

    • Gallery Layout: Click to select a gallery layout.

    • Gallery Size: Select a size setting: small, best fit, full width.

    • Gallery Alignment: Align the gallery left or right.

    • Organise Media:

      • Drag images to reorder them. 

      • Click an image and Delete to remove it.

      • Click an image and Edit to replace it, add alt text, or add a link. 

      • Click to select layout options. The available options vary according to which layout you choose.

    • Delete: Click to delete the gallery. 

Adding Gallery
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 21.45.45.png

Adding Links in Your Blog

  1. Go to the Blog tab in your site's dashboard.

  2. Do one of the following:

    • Click Create a post to start a new post.

    • Click the Show More icon on the relevant post and click Edit Post. 

  3. Highlight the text to which you want to add a link.

  4. Click the Link icon.

  5. Enter the address (URL) you want to link to.

Adding Link

Adding a Cover Image to a Blog Post

Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 20.46.59.png
Screenshot 2021-01-30 at 20.11.29.png

A cover image is the image displayed together with a post:

  • In your blog feed

  • When sharing a post on social media

  • In a Custom Feed element

  • In a Recent Posts element 

​​

To add a cover image to post:

  1. Go to your site's dashboard.

  2. Click the Blog tab.

  3. Click to edit a blog post or create a new one.

  4. Click Post Settings tab on the left.

  5. Click the Display Cover Image toggle to enable it. 

  6. Click the image box to add a new cover image.

  7. Select an option:

    • Upload an image:

      1. Click Upload Media.

      2. Select a file in the Media Manager.

      3. Click Open.

      4. Click Done.

      5. Click Add to Page.

    1. Replace the existing image:

      1. Select an image.

      2. Click Add to Page.

      3. Click Save or Publish to apply the changes.

Cover Image
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 20.17.37.png
Screenshot 2021-01-30 at 20.17.48.png

Adding Divider Lines to Posts

  1. Start writing a post from your live site or from the Post Manager.

  2. Click the Divider icon  at the bottom of the page.

  3. Customise the divider line:

    • Click the Divider Style drop-down menu and select a style.

    • Select a line size: Small, medium, or large.

    • Select a justification setting: Left, right, or centre.

Divider Lines
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 20.39.47.png

Editing Excerpts in Wix Blog

  1. Go to the Post tab in your site's dashboard.

  2. Click to edit a blog post or create a new one.

  3. Click Post Settings at the top left.

  4. Click on the Advanced tab.

  5. Enter the excerpt text in the Excerpt field (maximum 140 characters).

Editing Excerpts
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 20.34.51.png

Changing the Author of a Post

  1. Go to the Post tab in your site's dashboard.

  2. Click to edit a blog post or create a new one.

  3. Click Post Settings at the top left.

  4. Select who you want to re-assign the post to from the Author drop-down menu.

  5. Click Save & Publish.

Changing Author
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 20.43.23.png

Assigning a Category to a Post

  1. Go to the Post tab in your site's dashboard.

  2. Click to edit a blog post or create a new one.

  3. Click Post Settings at the top left.

  4. Click the Categories tab.

  5. Click to select the categories you want to assign. (Up to 10 categories).

  6. Click Save & Publish.

Assigning Category
Screenshot 2021-01-30 at 18.50.50.png

Disabling the Reading Time Stamp on Posts

  1. Click the Wix Blog app in your Editor.

  2. Click Settings.

  3. Click the Display tab.

  4. Deselect the Date and reading time checkbox.

Reading Time
Screenshot 2021-01-30 at 20.47.51.png
Screenshot 2021-01-30 at 21.01.04.png
Screenshot 2021-01-30 at 21.12.56.png
Screenshot 2021-01-30 at 21.13.42.png
Screenshot 2021-01-30 at 21.13.52.png

Enabling or Disabling Commenting in Blog Posts

Turn Commenting On or Off for a Specific Post

  1. Go to the Post tab in your site's dashboard.

  2. Click to edit a blog post or create a new one.

  3. Click Post Settings at the top left.

  4. Click the Advanced tab.

  5. Click the Show blog menu toggle to show or hide the menu.

Turn Commenting On or Off for All Blog Posts

  1. Go to your Blog Posts page.

  2. Click the Post Page in your Editor.

  3. Click Settings.

  4. Click the Display tab.

  5. Scroll down and click Recent Posts & Comments.

  6. Click the Show Comments toggle:

    • Enabled: Site visitors can leave comments.

    • Disabled: Site visitors cannot leave comments.

Enabling Comments
bottom of page