Ordasoft website development company

How to make a blog website on website builder for blogs

If you are wondering how to make a blog website, this tutorial will be useful for you! A website builder has all the necessary features to create a blog on your site. This tutorial will show you what powerful features the website builder has for a blog and how to make a blog on your website easy and quickly with Website builder Joomla for blogs.

How modern can be your blog websites, you can see by going to our section of ready-made Joomla templates for the weblog. Each of the templates has a modern blog section, which reveals the different topic of blogging! Website builder allows you to make a blog on any website. It can be a real estate agent's blog website, an auto dealer's blog website, a recruiter's blog or just a modern blogger's site with his blog posts, photos and videos. After all, now as never before it is important to blog and write weblog posts on your site!

By creating a blog on your website, you are additionally attracting interest in the content of your site to people, thereby increasing the web ranking in search google. A useful feature of the website builder for blogs is that you can not only create a vote for articles and allow users to comment on articles, but also create subscribe, ask questions, add personal content. These features of web builder allows you to make a live blog, and significantly increase site traffic!

Simple steps to create a blog on the website

To start creating a blog on your website, you just need to upload and install website builder on your site! Then we use the standard for page builder scheme. Make a blog entity on your website, create layouts to add and display the blog on your site and create instances of your blog articles.

  • - entity - it`s is the class that will merge all blog posts to a unified structure;
  • - layouts - for Add Blog Post and Show Blog Post on your website;
  • - instances - it will be all blog articles.

Make entity - of blog website

For beginning to make a blog website with help website builder you need to create entity - Blog. Entity helps you merge all blog structure with content. For create entity, go to Admin Area -> Components -> OS CCK -> Entities and click on button Add, next you Select Entities type -> OS CCK Entity. In the window that appears, fill in the Name field (BLOG) and click button "Save and Close".

In this simple way we created on web builder the main linking class Entity - Blog. This class will help us link all the layouts that we will create next.

blog website builder, create entity blog blog website builder, select entity type blog website builder, write entity name blog

Creating layouts for add and show blog on your website

Add Instance layout - "Add Blog Post"

Now we come to the main stage, which is the construction of our blog layouts. OS CCK -> Layouts (1 STEP) -> New (2 STEP) -> Choose our Entity Blog and select layout type -> Add Instance.

In the window that opens write name of layout (1 STEP) -> press button New Row (STEP 2)

By clicking on, it you can choose the number of columns for the first row (from one to four). Select the number of columns in which you will arrange your fields. After you add the field you simply take a mouse and Drag&Drop the field that you need from the left column into show area.

website builder for blogs, create add blog layout website builder for blogs, select layout type - add instance blog builder, add name of layout

Create fields for "Add Blog Post" layout

Our next step for make a blog website it is to create the necessary fields. These are the fields that you or the users of your website will fill in when writing a blog post. First step we press button Add New -> in window that open press button New -> write field name and choose field type. The choice of field type depends entirely on the field you want to create. If this field is a picture, then you choose the Image field, or if filed - data of publication - choose date field. Also, you can select video field, this way you can merge your YouTube blog with the blog on your website.

blog website builder,create new fields for add blog add new field for add blog layout in website builder for blogs text field for add blog post layout, blog web builder

For example, we created fields that we considered important for adding a blog post. Its blog post title (title field), Date of publication (Date field), Blog Post Main image (image field), and article text (textarea field). You can create any field, for making a blog website awesome!

Layout - Add Blog post - backend view

blog page builder, fields type backend view

Layout - Add Blog post - frontend view. That`s how adding your blog post will look like on your website.
On Image below you also see Recently Blog Posts. How add and create "Recently Blog Posts" we show to you later.

blog page builder, fields type frontend view

Show Instance layout - "Show Blog Post", first step

And the last step in creating layouts - will be to create a display of blog posts on your blogger website.

First step - we create layout for Show single post on website. For that we create new layout ->choose layout type - Show Instance. In the window that opens in front of you, drag&drop the fields that you want to be displayed when viewing a single post. In the pictures below we showed an example of how a blog post would look like on the frontend and backend of the website. To the main fields of the blog we included: date of publication, the name of the blog post (title field), rating, the main image (image field) and text of the post.

The next step is to attach the layout for adding a comment and the layout for showing comments. For that go to Attach Layouts -> press button new -> and select add review layout, then drag and drop it to the desired position. (STEP 1)

For add Recent Posts go to Attach Modules -> press button new -> and select Recent Post Layout(STEP 2)

Backend view of Show Blog Post Layout

blogs page builder, show blog post backend view

Frontend view of Show Blog Post Layout

blogs page builder, show blog post frontend view

How add to your blog website the Review layouts and Recent posts layout we show to you later

Show Instance layout - "Show Post", for "Show all blog posts" layout

In order to display all of our blog posts in three columns, we need to create a layout in advance, which will show the view of one blog post with brief information. For that we create new layout -> select layout type "Show Instance" -> and drag & drop fields, for example: date, title and description -> press button "save".

show instance layout, for show blog post

Show all Instance layout - "Show all blog posts"

And now we created a layout for show all blog posts in 3 columns. Once again, for this create a new layout -> select the type of layout - "Show all Instance".

If desired, drag the field, Order By which will allow you to sort blog posts by rating, by date of publication, or by any criteria that is important for you (for that in styling options "order by" field select in Instance fields for order -> necessary fields for sorting).

Now choose in Attach layout module, created before layout - layout "Show Post" and drag & drop to selected row and press button "save".

Backend view of "Show all blog posts"

website builder for blogs demonstrate all blog posts backend

Frontend view of "Show all blog posts"

website builder for blogs demonstrate all blog posts frontend view

Create instances - make your first Blog post!

Finally, we move on to creating and writing blog posts on your website. Just go to the Instances tab (Step 1) -> and click button New (Step 2) -> choose Layout - Add Blog Post (Blog) ->. And in front of you will open a layout that you created - to add a blog post. You will be left to make your first blog post with the website builder for blogs! With this tutorial you step-by-step were able to create your a weblog!

blog website builder, add instances

Demonstrate your recently blog posts

Blog website builder allows to show your most recent blog posts. If you want your most recent blog posts to be shown as in our example, you need to create two layouts as well. A "Show Instance layout" for recently blog post and a layout for all recently blog posts - "Show all instance".

Show instance layout for for all recent blog posts

Following the standard scheme, described above, we create the "show instance layout" - for recently blog post. By creating this layout, we show how one recent blog post will look like. Since recent blog posts will be displayed a lot on the page, we add only the most important fields - Main image, Title, date.

blog website builder, create show instance layout for recently posts

Show all instance layout for recent blog post

Based on the "show instance layout", now we create "Show all instance layout" for show all our recent blog post! We also create new layout -> select layout type -> "Show all Instance" and in the window that opens field Order by (where you can set the sorting by date, by name...), custom code field (where you can set the title in the style settings). Next step press button "NEW" in Attach Layouts to connect created before - "Show Instance layout" for recently blog post. Next Press button "save".

website builder for blogs, create show all instance layout for recently blog posts

Making blog layouts for add and show review

Website builder for create a blogs modern has special layouts for building and displaying reviews. Which creates the possibility of communication with your blog. A guest of your website will be interested not only in reading your blog, but also in commenting and rating your posts.

To create an opportunity to add a review (comment) and showcase the review, the website builder has two special layouts. Layout for adding review to the site and layout for displaying review on the website.

blog web builder, layout for add and show review for a blog post

Creating layout for add a review to the weblog

Creating layout for add a review to the weblog is exactly the same as building any layouts in the website builder. The only exception is choosing the layout type -> choose to Add review form.

Next step will be to add important for add review field - two custom code fields (where you can leave hints for leaving reviews to people, like leave a comment here...), Name, email, message, rating and button send.

Backend view of Layout - Add review for a blog post.

blog web builder, Layout for Add review to a blog post

Frontend view of Layout for Add review to a blog post.

blog web builder, Layout for Add review to a blog post, frontend view

Layout for show review for a blog post

To create a layout for displaying feedback, you also create a new layout -> select the type of Layout Show Review.

Next, simply drag and drop to add the necessary fields to show the review. For example, we have made a review display, where the name and rating fields will be placed on the same level, and below will be the message field - this is a specific review or comment of the author.

Backend view of Layout for show review.

blog web builder, Layout for show review for a blog post

Frontend view of Layout for show review.

blog web builder, Layout for show review for a blog post, frontend view

Show Instance layout - "Show Blog Post", second step

And the second step in creating show post layout - will be to add to it attachment layouts.

First step - we created layout for Show single post on website.

The next step is to attach the layout for adding a comment and the layout for showing comments. For that go to Attach Layouts -> press button new -> and select add review layout, then drag and drop it to the desired position. (STEP 1)

For add Recent Posts go to Attach Modules -> press button new -> and select Recent Post Layout(STEP 2)

STEP 1

blog builder, connected layout add showreview with show blog post layout

STEP 2

connected layout recent post with show blog post layout

Backend view of Show Blog Post Layout

blogs page builder, show blog post backend view

Frontend view of Show Blog Post Layout

blogs page builder, show blog post frontend view

Unlimited features of blogging in Joomla website builder

In this article we will show only base features of website builder for blogs. But the possibility of building a modern blog site using website builder, are not limit to features described in this article. If you have downloaded the page builder you get not only the opportunity to build blogger sites or sections with blogs, but also you get the possibility of e-commerce, booking, opportunities to organize events, build communities and even create a family tree! All of these features help to create a modern, next-generation weblog! Run your blog, create a community - fans of your creativity, organize events (meetings with other bloggers), do e-commerce on your blogging site - build your site with unlimited possibilities with the website builder!

You can test and rate variety of features of the website builder by looking at the already created website builder templates!

You can also find web templates are ideal for bloggers, created with the help of website builder.

More info about "How to make a blog website on website builder for blogs" you may check in below video:



Read Also more tutorials about website builder Joomla

- Start build website with Joomla CCK - website builder

- OS CCK - joomla field builder

- How to export data from the Joomla CCK - website builder

- How to import data in the Joomla CCK - website builder

- Ordasoft Content Construction Kit (CCK) Explanation

- Configuring Joomla CCK - website builder fields in different layouts

- How create Last added Instances module with help website builder - Joomla CCK

- Show Website builder - Joomla CCK layout with help OS CCK Layout module

- Create location map with Website builder - Joomla CCK

- How configure field access or show contact in Website builder - Joomla CCK

- Joomla CCK, community website builder

- How show entity fields in Instances Manager, Joomla website builder!

- Build a family tree in your website with website builder joomla cck!