---
title: Display the News as Grid View
description: "After the news categories and news are added, now it is time to display them. In this section we will see how we can display news in the **grid** and **list** view. To display news in a grid view all…"
url: "https://topnews.hmplugin.com/docs/display-news-grid/"
updated: "2022-12-08"
category: Display Intenral News
---

# Display the News as Grid View

After the news categories and news are added, now it is time to display them. In this section we will see how we can display news in the **grid** and **list** view.

To display news in a grid view all you have to do is open a page editor and apply the below **shortocode**:

```
[ wtn_news layout='grid']
```

 

![Display News Grid backend](https://topnews.hmplugin.com/wp-content/uploads/2022/12/display-news-grid-1024x549.jpg)

 

Save the page and you will see the grid news layout like this:

![display news grid frontend](https://topnews.hmplugin.com/wp-content/uploads/2022/12/display-news-grid-front.jpg)