How to Create the Best News Website in 10 Minutes (Step by Step Tutorial)

This method requires you to add separate blocks using the PostX WordPress blocks plugin and customize them for your content to create your news website layout or blog. The PostX-Gutenberg blocks plugin for posts provides you with a plethora of widgets and settings to achieve this. You can easily use these settings and widgets to add extra dimensions to your content while improving the overall user experience. 

• Do you have an interest in WordPress? There is a great Facebook community in Bangladesh. The community is working to help new WordPress developer and entrepreneur in Bangladesh.

All you need are these 3 easy steps. And all of these steps will help you to learn about the answers on how to create the best news website in 10 minutes.

Step 1: Choosing blocks

To create your very own news website, first of all, you need to add one or multiple blocks suited to your content using the PostX Gutenberg blocks plugin. The Gutenberg blocks plugin offers you 4 different block types and a unique post slider to create your page:

1. Post List: The Post List simply publishes your content in a list. These blocks come in 4 different styles.
2. Post Grid: The Post Grid publishes your content in a grid layout. PostX offers you 7 unique post grids for you to choose from.
3. Post Module: The Post Module is a combination of various display styles. The PostX-Gutenberg Blocks comes with two crispy post modules.
4. Taxonomy Blocks: The PostX taxonomy blocks let you group multiple custom taxonomies in the easiest and most effective way possible. You will find all the taxonomy settings in one place when using these blocks. 

Step 2: Customizing the blocks

Once you are done adding the blocks you will need to customize them. PostX offers you an amazing array of settings to do that. For your convenience, we will only talk about the core customization features. 

1. Advanced Query 

After adding a block you can create queries using PostX-Gutenberg Post Block’s advanced query builder. Here you can create queries either as a post or a page. The taxonomy section of the query builder lets you choose among: 

Category

Tag

Post Format

Custom Taxonomy

Creating all these quires could take a full week but as we said to create a news site within 10 minutes so this specific part will take a moment. You can create queries according to any of these.

The “Taxonomy Value” section lets you add multiple values to create your queries. This is especially useful when you are trying to group the news posts of the same taxonomy value.

Other additional settings such as “Order by”, “Order”, “Include post”, and “Exclude post” also help much in the customization process.  For more details please check out our separate article on PostX’s advanced query builder.

2. Pagination 

PostX comes with a separate pagination widget to provide you with the perfect pagination. Proper pagination makes sure that you can seamlessly navigate through each news article without any hiccup.  PostX offers 3 different paginations including the advanced AJAX pagination. These are-

1. Load More: Load more simply creates a button that says load more. Clicking on it adds more content to your existing page.
2. Pagination: “Pagination” adds a “Previous” and a “Next” button along with a few numbered buttons. You can also turn on the AJAX pagination while using this pagination.
3. Navigation: Finally, navigation on the other hand creates a set of directional arrows for navigation. Clicking on the numbered buttons gets you one page ahead or back.

All these pagination systems provide you with alternatives. You are never stuck with the same bland pagination system. Depending on the content of your news website you can easily change it. Additionally, you can also tweak the typography, alignment, color, background color, border, and many more.

3. Category Widget

Categorizing your news is one of the most integral parts of running a news website. If you want to achieve a better SEO ranking and engage your visitors then it’s a must for you. PostX comes with all the advanced category settings you need for the perfect categorization.

The category widget of postX comes with a variety of styles.

You can very precisely place your category text by tweaking the “position”, “line width” and “line spacing”. You can also create categories of different colors and add hover animations to them.

However, the most helpful feature of the category widget is the “Specific category background-color”. 

This feature adds an extra layer of background to your category text. As a result, your category text stays visible even when the text color and the original background color are identical.

4. AJAX Filter

If your goal is to create seamless navigation for your visitors then using an AJAX filter is the way to go. An AJAX filter only loads a certain area of a block instead of a whole page. Consequently, visitors find what they are looking for in the least amount of time.

As a news website owner, this comes in handy when dealing with a variety of news. In short, for a better arrangement and quick access, there is no alternative to PostX-Gutenberg Post Block’s AJAX Filter.

PostX comes with its separate Filter widget. Here you get four different filter types: 

Category

Post tag

Post format

Subject

In the filter value section, you can set multiple categories, tags, or subjects as parameters for filtering. This is all it takes to use the simple yet highly effective filter of PostX.

However, you can tweak the small details for better personalization. You can change the text color, background color, border, typography, and much more to meet your requirements.

5. Excerpt & Meta

PostX comes with its very own excerpt and meta widget. Excerpt and meta are crucial parts of the posts of a news website. Considering this we have accumulated all the excerpt and meta settings in separate widgets. These widgets give you all the usual settings while providing some advanced features.

With the excerpt widget, you control how much content you want to add as the excerpt. Other usual settings like typography, text color, padding are also at your disposal.

PostX’s meta comes in five distinct styles for you to choose from. You can manually add or remove all the small meta values. Even animations can be added and customized. Moreover, usual settings like typography, position, text color, spacing, etc have been added for your convenience.

6. Heading & Title

PostX-Gutenberg Post Blocks strives to help you build the best news website with its stellar heading and title widget. It brings all the usual heading and title settings and more in separate widgets for your convenience. 

All the heading, sub-headings, title settings can be controlled with these widgets. You will even find additional special settings for different blocks.

Step 3: Finalizing

Once you are done customizing your blocks you can head to the advanced section. If you want to use Custom CSS then you can do so from here. You can also optimize the news website layout depending on the device.

Finally, to add an extra layer of polish you can tweak with other minor settings such as border, box-shadow, background, z-index, margin, padding, etc.