Create and publish blog posts¶
Requirements
This tutorial requires the installation of the following applications/modules:
Create a Blog post¶
First, in the app Website, click on the button Go to Website.
![Website in Viindoo](../../../_images/13-Di-den-website.en.jpg)
Click on the button New, and select the icon Blog Post.
![Create a new Blog post in Viindoo](../../../_images/14-Tao-moi-trang-blog-tren-website.en.jpg)
![Choose a new blog](../../../_images/15-Chon-trang-blog.en.jpg)
Now the editing view appears with two main parts: the left side is the blog post content, the right side one is the editing tools:
![Editing a Blog post on the Website](../../../_images/16-Giao-dien-blog-tren-website.en.jpg)
Blocks: The available blocks to design and apply features to contents;
Style: The format tools for texts, the same as Google Docs, Microsoft Word;
Options: The advanced design tools for layouts, colors, etc.
A default Blog webpage in Viindoo has Blog Heading and Sub-heading. Click on each one to edit.
![edit blog heading](../../../_images/17-Chinh-sua-tieu-de-blog.en.jpg)
To add an image to the blog-post heading background, click on the Camera icon, and select Upload an image to upload the image in your device to the system library. Now click on the button Add to apply that image.
![add images to blog](../../../_images/18-Them-anh-cho-tieu-de-blog.en.jpg)
![Choose uploaded image](../../../_images/19-Lua-chon-anh-tai-len-tu-may-tinh.en.jpg)
![Blog title with photo](../../../_images/20-Tieu-de-co-gan-anh.en.jpg)
Also add tags to blog posts by selecting the box Tags.
![Blog tag on the website](../../../_images/21-Them-the-tag-cho-blog-tren-giao-dien-website.en.jpg)
![Blog tag on the blog post](../../../_images/22-Gan-cac-the-tai-bai-blog.en.jpg)
Next, let’s move to Blocks to edit the blog post contents just by dragging and dropping the available blocks.
![drag and drop content blocks to the blog post](../../../_images/24-Keo-tha-khoi-vao-noi-dung-blog.en.jpg)
To edit a block, select the content inside it and use editing tools in Style.
![edit the blog post](../../../_images/25-Chinh-sua-noi-dung-bai-blog.en.jpg)
After finishing editing and designing, click on the button Save.
Sometimes when you want to edit the post again, press the button Edit on its top right side.
![Edit blog on the website](../../../_images/26-Chinh-sua-blog-tren-giao-dien-website.en.jpg)
Publish¶
With the Editor and Designer right on the Website, you can check all the blog posts your employees have made before. After confirming the contents, let’s publish it on the website for the visitors to see it. To publish blogs, you swipe right at Unpublished to change it into Published.
![publish the blog post](../../../_images/27-Lua-chon-xuat-ban-blog.en.jpg)
Now every visitor can read the blog post on your website.
![publish the blog post](../../../_images/28-Blog-da-xuat-ban-tren-website.en.jpg)
See also
Related article
Optional module