How To Create a WordPress Post Grid Layout with Block Editor For Free Without Plugins
8.9 هزار بار بازدید -
2 سال پیش
-
In today's WordPress video tutorial
In today's WordPress video tutorial we'll learn how to create a WordPress posts grid layout with the native block editor for free, without any plugin.
WordPress Posts Grid https://visualmodo.com/knowledgebase/...
How To Display WordPress Posts In a Customizable Grid Layout For Free? How To Display WordPress Posts In a C...
How To Use WPBAKERY POSTS GRID Element: WordPress Plugin Tutorial How To Use WPBAKERY POSTS GRID Elemen...
Using this method, you can easily display your posts and thumbnails in a post grid layout using the WordPress block editor. There is a built-in post grid block that you can use to create your own grid. #postsgrid #wordpress #blockeditor
To do this, open the page you want to edit, then click the add block plus button and search for the query loop, then click the block to add it. This block adds your posts to your page in a loop. Then click the "Start Blank" option at the top of the block to create the back grid. This provides a few different options, depending on the type of information you want to display in the post grid. We choose image, date and title options, but you can choose whatever you like.
After that, hover over the image and select the "Grid View" option. This will turn your list into a grid of posts. Next, you can customize the information to display. First we remove the pagination at the bottom of the block. To do this, just click on it and then click on the "Three Dots" options menu. Then click Remove Pagination.
This automatically removes the element from the block. In the same way, you can remove data from posts, or leave more post information for your visitors. Next, we'll add links to the post thumbnail and post title. Just click on your post thumbnail and turn on the "Link to Post" toggle in the radio button on the right.
Then do the same for your post title. Once done, click the Update or Publish button to make your post grid live. Now you can visit your WordPress site to see the new WordPress posts grid. You can add this block to any page or post. If you want to use this as your blog archive page, you can read our guide on how to create a separate page for blog posts in WordPress.
⭐ Free Goods of the Week: Download these 6 free goods before it's too late! https://crmrkt.com/NloAlj
⭐ Buy Website Hosting Plan and Gain a Free Domain At https://www.bluehost.com/track/claudi...
⭐ Best VPN service https://www.jdoqocy.com/click-1006269...
⭐ Register Your Domains Hassle-Free https://www.jdoqocy.com/click-1006269...
⭐ Managed Cloud Hosting https://www.cloudways.com/en/?id=309377
I hope you guys enjoy this video, feel free to use the comments section below in case you have any questions, and don't forget to check out that Visualmodo website and subscribe to our channel for more web design and development training videos. Please check the links below for more content.
Website https://visualmodo.com/
Facebook Facebook: visualmodo
Instagram Instagram: visualmodo
Twitter Twitter: visualmodo
WordPress Posts Grid https://visualmodo.com/knowledgebase/...
How To Display WordPress Posts In a Customizable Grid Layout For Free? How To Display WordPress Posts In a C...
How To Use WPBAKERY POSTS GRID Element: WordPress Plugin Tutorial How To Use WPBAKERY POSTS GRID Elemen...
Using this method, you can easily display your posts and thumbnails in a post grid layout using the WordPress block editor. There is a built-in post grid block that you can use to create your own grid. #postsgrid #wordpress #blockeditor
To do this, open the page you want to edit, then click the add block plus button and search for the query loop, then click the block to add it. This block adds your posts to your page in a loop. Then click the "Start Blank" option at the top of the block to create the back grid. This provides a few different options, depending on the type of information you want to display in the post grid. We choose image, date and title options, but you can choose whatever you like.
After that, hover over the image and select the "Grid View" option. This will turn your list into a grid of posts. Next, you can customize the information to display. First we remove the pagination at the bottom of the block. To do this, just click on it and then click on the "Three Dots" options menu. Then click Remove Pagination.
This automatically removes the element from the block. In the same way, you can remove data from posts, or leave more post information for your visitors. Next, we'll add links to the post thumbnail and post title. Just click on your post thumbnail and turn on the "Link to Post" toggle in the radio button on the right.
Then do the same for your post title. Once done, click the Update or Publish button to make your post grid live. Now you can visit your WordPress site to see the new WordPress posts grid. You can add this block to any page or post. If you want to use this as your blog archive page, you can read our guide on how to create a separate page for blog posts in WordPress.
⭐ Free Goods of the Week: Download these 6 free goods before it's too late! https://crmrkt.com/NloAlj
⭐ Buy Website Hosting Plan and Gain a Free Domain At https://www.bluehost.com/track/claudi...
⭐ Best VPN service https://www.jdoqocy.com/click-1006269...
⭐ Register Your Domains Hassle-Free https://www.jdoqocy.com/click-1006269...
⭐ Managed Cloud Hosting https://www.cloudways.com/en/?id=309377
I hope you guys enjoy this video, feel free to use the comments section below in case you have any questions, and don't forget to check out that Visualmodo website and subscribe to our channel for more web design and development training videos. Please check the links below for more content.
Website https://visualmodo.com/
Facebook Facebook: visualmodo
Instagram Instagram: visualmodo
Twitter Twitter: visualmodo
2 سال پیش
در تاریخ 1401/05/15 منتشر شده
است.
8,960
بـار بازدید شده