Add a blog to your site to showcase what you love. Be it food, travel, sports, art etc. you can create a stunning blog that suits your personal style and grow your online community around the world.
Step 1 | Add Wix Blog to your site
Some templates come with Wix Blog already pre-installed. If you do not have Wix Blog in your list of pages, you can add it directly from your Editor.
- Click the Add
on the left side of the Editor. - Click Blog.
- Click Add to Site.
Step 2 | Set up your blog
Once you've added your blog you can focus on getting the settings just right. You can change your author info, and customize your email notifications from Blog Settings in your site's dashboard.
- Click the blog in your Editor
- Click Manage Posts.
- Click the More Actions drop-down at the top right.
- Click Blog Settings.
- Click Edit next to Your Author Info to change the author details.
- Click Manage next to Manage your notifications and emails.
- Click the When a new blog post is published toggle to enable it.
- Click Preview and Edit next to When a new blog post is published.
- Choose who will receive the notification.
- Choose how the notification is sent:
- Email: An email notification is sent to their email inbox.
- Click Edit to customize the content in the email. Learn more
- Mobile app: A notification banner appears across the mobile app.
- Site Feed. A notification banner appears across your blog feed.
- Click Save.
Note: The mobile app and site feed notification banners are not customizable.
Step 3 | Change the display settings
Inside your Editor, you can customize your blog's display settings to include the features you want to show on your blog. Select the information that you want to show on your feed, choose whether or not to display a menu on your blog, and add social share icons and
a Print Post icon to your posts.
- Click your blog feed in the Editor.
- Click Settings.
- Click the Display tab.
- Select or deselect the features you want to display in the blog feed or category feed.
Note: To choose which features appear on the post page, click here. - Set your blog menu options:
- Click Blog Menu.
- Click the Show blog menu toggle:
- Enabled: The blog menu is displayed at the top of the blog. Select or deselect the checkboxes next to each feature to show or hide it.
- Disabled: The blog menu is not displayed.
- Click Back.
- Click Social Sharing.
- Click the Enable share & print icons toggle to set whether social share icons appear on your posts.
- Enabled: Social share icons are displayed with your posts.
- Disabled: Social share icons are not displayed on posts.
- (If you enabled social share icons) Select or deselect the checkboxes next to each social media network to show or hide it.
- Go to your Blog Post page in your Editor.
- Click the post preview.
- Click Settings.
- Click the Display tab.
- Select Share & Print.
- Enable the Enable share & print icons toggle.
- Select Print Post under Select the icons you want to show.
- Publish your site.
Step 4 | Change the layout
From your Editor, you can play around and try different layouts to see which best suits your site's style. You can choose a different layout for the All Posts Feed - the main feed of your blog where all of your posts appear, and for the Category Feed - which displays the posts per category.
- Click your blog feed in the Editor.
- Click Settings.
- Click the Layout tab.
- Choose a layout for the All Posts Feed.
- Choose the Image Ratio for each post.
- Customize the layout settings:
- Post size: Set the minimum width that your posts can have.
- Spacing between posts: Set 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: Adjust both right/left and top/bottom margins at once.
- Text padding (left to right): Adjust the space between the text and the border of the text box.
- Customize the Post Loading settings:
- Select how posts should load:
- On scroll down: Posts 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 set how many posts appear per page or with every scroll.
- Click the Category Feed tab at the top to customize the layout settings for the category feed.
Step 5 | Customize the design
From your Editor, you can change the look and feel of all parts of your blog by customizing the colors and fonts, and button designs.
- Click your blog feed in the Editor.
- Click Settings.
- Click the Design tab.
- Click Blog menu.
- Customize the design of the following parts of the blog menu:
- Font style and color: Click the dropdown to choose a font style and click the color box to change the color of the font.
- Font color for clicked & hover: Click the color box to choose a color for the font when clicked and on hover.
- Background opacity and color: Drag the slider to change the level of opacity for your background, and click the color box to choose a color.
Customize the look of your Blog Feed
- Click your blog feed in the Editor.
- Click Settings.
- Click the Design tab
- Click Posts.
- Click the All Posts Feed tab.
Note: Changes made here affect posts displayed on the main blog page. - Customize the design of the following:
- Title style & color: Click the dropdown to choose a title style and click the color box to change the color of the title font.
- Description style & color: Click the dropdown to choose a description style, and click the color box to change the color of the description font.
- Text color on hover: Click the color box to choose a color for the text on hover.
- Overlay color: Drag the slider to change the level of color in the overlay and click the color box to change the color.
- (If you have created categories) Click the Category Feed tab.
Note: Changes made here affect posts displayed on the category pages.
- Title style & color: Click the dropdown to choose a title style and click the color box to change the color of the title font.
- Description style & color: Click the dropdown to choose a description style, and click the color box to change the color of the description font.
- Text color on hover: Click the color box to choose a color for the text on hover.
- Overlay color: Drag the slider to change the level of color in the overlay and click the color box to change to color.
Customize your Buttons and Margins
- Click your blog feed in the Editor.
- Click Settings.
- Click the Design tab
- Click Button and Background.
- Customize the design of the following:
- Text color: Click the color box to choose a color for your button text.
- Background color: Click the color box to choose a color for you button background.
- Opacity and color: Drag the slider to change the level of opacity for your feed area background, and click the color box to choose a color.
Customize your Video Settings.
- Click your blog feed in the Editor.
- Click Settings.
- Click the Design tab
- Click Video Settings.
- Customize the following:
- Play videos: Click the dropdown to choose how you want your videos to play.
- Play with sound: Click the Play with sound toggle to enable or disable sound in your videos.
- Playback speed: Click the dropdown to choose your video playback speed.
- Loop videos: Enable or disable the Loop videos toggle to choose if your videos play in a loop or not.
- Show play button: Enable or disable the Show play button toggle to show or hide a clickable play button on your video.
Customize the design of your Post Page
- Click the Post Page in your Editor.
- Click Settings.
- Click the tabs on the left to customize your post page. Learn more
Step 6 | Create post categories
Once you've customized your blog feed and blog post pages, you can then create some categories to help structure and organize your blog, which is very useful once it grows bigger.
- Click the blog in your Editor.
- Click Manage Posts.
- Click the Categories tab on the left.
- Click New Category at the top right.
- Enter a category label in the Category Label field (this appears in the navigation menu and at the bottom of blog posts in this category).
- (Optional) Update the category URL.
- Enter the Category Title which appears in search engine results and when sharing a category on social media.
- Enter the Category Description which appears in search engine results and when sharing a category on social media.
- (Optional) Upload a category image which appears when sharing a category on social media.
- Click the Add icon
. - Select an image or upload a new one.
- Click Add to Page.
- Click Save.
Tip: After creating your categories, you can click and drag the categories to reorder them.
Step 7 | Create your first blog post
After all the setting up, you are finally ready to start writing posts! You can do this from your site's dashboard, or from your live site.
- Click the blog in the Editor and click Manage Posts.
- Click Create New Post and start writing. Learn more
Tip: To write posts from your live site, just login to your live site using the email address associated with your Wix account.
