Wix Blog: Customizing Your Blog Feeds

4 min read
Welcome your readers to a captivating blog feed where they can scan through your latest posts and select the ones they want to read. Offer them the convenience of choosing by category, allowing them to zero in on their preferred topics. 
Customize both the blog and category feeds to match your site's design, providing a consistent and appealing visitor experience.
In this article:
Note:
This article refers to customizing your blog feed. You can also customize the post page that which readers see when they open a specific post.

Choosing what info to show on your feed

Customize what information your readers see in the blog or category feeds. Decide whether to provide more context, such as estimated reading time or author name, or opt for a more streamlined look by hiding any extra details.

To choose what info you want to show:

  1. Click the Blog page in your Editor.  
  2. Click Settings.
  3. Click the Display tab.
  4. Select or deselect the checkboxes to show or hide info on the feed.
  5. (Editor X only) Enable the Category labels toggle to display your categories at the top of the feed. 
  6. (Editor only) Click Blog Menu to choose what appears on the menu:
    • Click the Show Blog Menu toggle to show or hide the menu at the top of the feed:
      • Enabled: Select or deselect the checkboxes to choose what info you want to show on the menu.
      • Disabled: The menu does not appear at the top of the feed.
  7. Click Social Sharing to choose which social icons you want to show.
    • Click the Enabled Social Sharing toggle to show or hide the social icons:
      • Enabled: Select or deselect the checkboxes to choose which icons you want to show on the feed.
      • Disabled: The social icons do not appear on the feed.

Changing the layout of your feed

Customize the arrangement of your posts in the feed to perfectly suit your vision. Choose from a variety of options, including post and image size, placement, and loading style, to create a visually stunning and cohesive blog.
Tip:
You can have a different layout for each of your feeds. For example, you might choose a Side-by-Side style for your All Posts feed and the Editorial layout for your category feed.

To change the layout of your feed:

  1. Click the Blog page in your Editor.
  2. Click Settings.
  3. Click the Layout tab.
  4. Click the tabs at the top to choose which feed you want to customize:
    • All Posts Feed: This is your main blog feed which displays all of your posts.
    • Category Feed: This feed displays your blog categories so visitors can choose a specific topic.
  5. Select a preset layout under Choose a layout.
  6. Customize the layout further using the options available.
Note:
Each layout has its own customization options. Click the available layouts to see what options are available. 

Customizing the design of your feed

Tailor the colors and fonts on your feed to align with your site and brand. The design options vary based on the selected layout, so take the time to review the available options and select the one that best suits your needs.

To customize the design of your feed:

  1. Click the Blog page in your Editor.
  2. Click Settings.
  3. Click the Design tab.
  4. Choose what element you want to design and customize it using the options available:
    • Blog Menu: Select the colors and fonts used in the menu at the top of your blog feed.
    • Posts: Select the colors and fonts used in the main blog feed and category feed.
    • Category Label: Select the colors, fonts and style of the category label which appears on the blog post to show what category it belongs to. This option is only available if you enabled Category Label in the Display settings.
    • Buttons & Margins: Select the colors used on the buttons (e.g., the Login button) and the background area of the blog feed.
    • Video Settings: Set how you want videos in your blog feed to play. You can choose when they start to play, whether they play with or without sound and the playback speed.

Want to learn more?
Check out the full course in Wix Learn on building your blog. Skip to the second video to learn more about creating and designing your blog

Did this help?

|