We will select the option ‘Thumbnail with link’ as well as the option ‘Post title with link’. You can use these tags to display information about your posts. Once you click on the ‘General’ option, you will see a list of tags. Please click on this link to open it in a new window. To create a layout, click ‘Create layout’. Once the ‘Layouts’ tab has been selected, click it. Normally, it displays only posts, but you can also add pages and custom post types. In the ‘Post types’ box, you can define what post types you want to display. Under this, you will find multiple tabs divided into different sections for the post grid settings.Ĭlick the ‘Query Post’ tab first. To make it easier for you to remember, this will not appear anywhere on your page. To create your first post grid, visit Post Grid > Add New after activation.Ĭreate a title for your post grid. See our WordPress plugin installation guide for more details. To begin, you must install and activate the Post Grid plugin. With this method, you can easily add a customizable post grid to any part of your website. To view your new WordPress post grid, visit your WordPress website.Ĭreate and Display Grid Layout Using Post Grid Plugin You can then make your post grid live by clicking the ‘Update’ or ‘Publish’ button. In the right-hand options panel, click on your post thumbnail and toggle the ‘Link to Post’ option. In the next step, we’ll link both the title and thumbnail to the post. If you want, you can also leave more post information for your visitors rather than deleting the dates from the posts. When this is done, the element will be automatically removed from the block. You can do this by clicking on it and selecting ‘Three Dots’ from the menu options. Let’s start by removing the pagination at the bottom. In the next step, you will be able to customize the information you wish to display. The option we will select is ‘Image, Date, & Title,’ but you can choose whatever you prefer.Īfterward, hover over the image and choose ‘Grid View’.īy doing this, your list will become a grid of posts. With this, you can choose what type of information you would like to display with the grid. You can do this by opening a page, clicking the ‘Plus’ button for the Add Blocks button, then searching for ‘Query Loop’, then adding it.Īdding this block to your page will add your post loop.Īfter clicking ‘Start Blank,’ you can create a grid of posts. Creating your own grid is easy with the post grid block. Using the WordPress block editor, you can easily display your posts and thumbnails in a post grid layout. Therefore, let’s see how to use a grid layout on WordPress posts.ĭisplay WordPress Posts in a Grid Layout Using Block Editor Nonetheless, if your theme lacks this functionality, you must add it. It is already common practice to display posts in a grid-based layout in several magazine themes and photography themes. Plus, for showcasing your creative portfolio, you can also use the post grid for showcasing custom content around your site. In addition to being visually appealing, the post grid makes your featured images more clickable. The grid layout is an excellent choice for displaying recent posts on a custom homepage.Īdding other elements to your home page will be easier now that you have more room. If you have a lot of posts, this layout will take up a lot of space. WordPress themes all support vertical blog posts, which work well for most website types. What Are the Benefits of Using a Grid Layout in WordPress? Make Grid Layout Using Code to WordPress.Create and Display Grid Layout Using Post Grid Plugin.Display WordPress Posts in a Grid Layout Using Block Editor.What Are the Benefits of Using a Grid Layout in WordPress?.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |