{"id":11526,"date":"2023-04-21T09:00:55","date_gmt":"2023-04-21T07:00:55","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=11526"},"modified":"2023-10-03T16:13:18","modified_gmt":"2023-10-03T14:13:18","slug":"display-posts-on-page-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/display-posts-on-page-in-wordpress\/","title":{"rendered":"How to Display All Your WordPress Posts on One Page"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Apart from producing engaging and insightful content, WordPress bloggers have to constantly work on retaining their readers. One way to do it is by making pages that contain all your posts, with the latest ones on top or with your <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-reorder-wordpress-posts\/\">posts arranged in a specific order<\/a>. By doing so you are ensuring that your readers, after finishing an article they enjoyed, can find additional relevant content. The benefits are quite clear \u2013 your posts will have more views, giving you greater reach and the possibility to achieve a bigger revenue from ads and affiliate links.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-arrange-wordpress-blog-posts-in-grid-layout\/\">Displaying your posts in a grid layout<\/a> can be a good call from the UX standpoint, as grid layouts make your pages appear tidy, neat and organized. Another thing you can consider for your post pages is the <a href=\"https:\/\/qodeinteractive.com\/magazine\/create-load-more-posts-button-in-wordpress\/\">\u201cLoad more posts\u201d button<\/a>, which is ideal for blogs with a lot of content. Displaying them all on one page would be a mess, so the button visitors can click to see another batch of posts is a great UX fix.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]That being said, it\u2019s important to understand that not all websites and not all blogs can benefit from having all the posts displayed on a single page. For big blogs with a long track record and hundreds or even thousands of posts, this can\u2019t possibly be a good idea. In such situations, it\u2019s much better to provide access to the blog archive via a <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-shortcode-to-wordpress-widget\/\">sidebar shortcode<\/a>, for instance.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In any case, we\u2019re here today to show you how to display all your WordPress posts on one page, so let\u2019s get down to it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Showing all posts on one page<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;][vc_column_text]There are various methods you can use to display posts on page in WordPress. We will show some of the ways we found most useful. You should try all our suggestions until you find the one best suited to your needs. Therefore, if you\u2019d like to skip ahead to a particular method, in this article we\u2019ll cover the following ways for creating a WordPress blog page:<br \/>\n[\/vc_column_text]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#wordpress-default-posts-page\">Using the WordPress default Posts page<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#theme-specific-blog-page-templates\">Using theme-specific blog page templates<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-plugins\">Using plugins<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#creating-custom-blog-template\">Creating your custom blog template<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"wordpress-default-posts-page\"><\/a>How to Create a WordPress blog page using default options<\/h2>\n<p>[\/vc_column_text][vc_column_text]One of the default WordPress functionalities is to show your latest posts on your homepage. However, users often want to differentiate between their homepage and the page that contains the posts. This can be easily set as it is one of the default WordPress options, located in the Settings section.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]A prerequisite for this method is having a blank page (without previous content), which will serve to show all your posts. If you don\u2019t have such a page, create it by <strong>navigating to Pages &gt; Add New<\/strong>. <strong>Add an appropriate name<\/strong> to the page (e.g. Blog), and <strong>press the <em>Publish<\/em> button<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]When you\u2019ve created the page, <strong>navigate to Settings &gt; Reading<\/strong>. Under <em>Your homepage displays<\/em> <strong>choose the option for <em>A static page<\/em><\/strong>. This will enable you to select one page as your homepage and another page as your Posts page. The latter option is what we are interested in. <strong>You&#8217;re going to use the blank page you created earlier and set it as your Posts page<\/strong> by finding and selecting it from the dropdown menu. Then, <strong>press the <em>Save Changes<\/em> button<\/strong> below.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Static-Page-Blog.jpg\" class=\"attachment-full size-full\" alt=\"Static Page Blog\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Static-Page-Blog.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Static-Page-Blog-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Static-Page-Blog-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This will show all the WordPress posts on that one page, and they will be stylized based on the theme you are using. An additional setting you should be aware of is <strong>the <em>Blog pages show at most<\/em> option<\/strong>, which can be seen on the screenshot above. Its default value is set to 10, meaning it will show up to 10 posts on a single page. Therefore, if your website has more than 10 posts, your newly created WordPress blog page will have a pagination feature near the bottom, letting readers see how many pages of content there are in your blog.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, if you don\u2019t want to have the pagination feature and want to show all posts on your WordPress blog page instead, you can do that. Simply insert a number that is greater than your current number of posts on the website. But, take into consideration that this has two serious drawbacks. A large number of posts will increase the time your blog page takes to load, as well as make the page very long and difficult to scroll across.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After you adjust the number of posts that will be shown per page, you are done. The only thing that remains is to <strong>check your Posts page<\/strong>. Depending on the theme you\u2019re using, it might look like the screenshot given below.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Posts-Page.jpg\" class=\"attachment-full size-full\" alt=\"Posts Page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Posts-Page.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Posts-Page-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Posts-Page-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]However, <strong>if you realize you don\u2019t find the design of your Posts page appealing, we advise unselecting the page you choose as your Posts page and trying some of our other suggestions below<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"theme-specific-blog-page-templates\"><\/a>How to Create a WordPress blog page using theme-specific blog page templates<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you don\u2019t want to use the WordPress Posts page functionality or don\u2019t like its design, you should see if the theme you are using has a page template that fits your needs. Themes will often include blog-related page templates, so you should investigate if this is also the case with the theme you are currently using.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Checking this is easy. You only need to <strong>click to edit a page<\/strong> and then <strong>locate the Page Attributes section<\/strong> on the right side of the screen. <strong>When you click on the dropdown next to the <em>Template:<\/em> option<\/strong>, you will see the list of <a href=\"https:\/\/qodeinteractive.com\/magazine\/create-wordpress-custom-page-template\/\">page templates<\/a> available within your theme. Look for templates that contain the word <em>Blog<\/em>. In case you find there are multiple templates available, make sure to examine them all, to find the one that\u2019s most appealing to you. You can do that simply by <strong>selecting a template<\/strong> and <strong>pressing the <em>Update<\/em> button<\/strong> to update the page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Blog.jpg\" class=\"attachment-full size-full\" alt=\"Page Template Blog\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Blog.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Blog-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Blog-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Afterward, <strong>check the page<\/strong> which will contain all your WordPress posts. Depending on the theme you\u2019re using, it might look similar to our screenshot below.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Live.jpg\" class=\"attachment-full size-full\" alt=\"Page Template Live\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Live.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Live-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Live-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Repeat the same process for all your theme\u2019s available blog-related page templates until you find the one you like. <strong>If, however, your theme doesn\u2019t have relevant page templates or you aren\u2019t satisfied with the look of the page templates you checked, try one of our other suggestions<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;qi-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-plugins\"><\/a>Displaying all your blog posts using a plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]One of the greatest advantages of WordPress is the plethora of plugins it has developed for almost any purpose. Therefore, to solve a problem or add a feature, you will often need to investigate and test certain plugins.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Firstly, look whether the plugins you already have active on your site contain an option or a shortcode that could help show all your WordPress posts on a single page. This process greatly differs based on the plugins you are using, so we can\u2019t provide you with any universal instructions on the matter. If you weren\u2019t able to find a suitable option or shortcode, explore the available <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">WordPress plugins<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Displaying your posts in Elementor using a plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]If you\u2019re an Elementor user, you may want to check out <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/\" target=\"_blank\" rel=\"noopener\">Qi Addons for Elementor<\/a>, the largest collection of widgets for various purposes. One of them is the <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/blog-list\/\" target=\"_blank\" rel=\"noopener\">Blog List<\/a> widget, a handy little tool for organizing your blog posts into lists and displaying them on your page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"443\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Qi.jpg\" class=\"attachment-full size-full\" alt=\"Blog List Qi\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Qi.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Qi-300x137.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Qi-768x351.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Qi-620x283.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After you install and activate the plugin, simply select the Blog List element from the menu, add it anywhere you see fit, and customize it as per your liking.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][vc_column_text]<iframe loading=\"lazy\" style=\"border: 1px solid #ebebeb;\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/cTfSS5Dt1jY\" width=\"1280\" height=\"720\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe>[\/vc_column_text][vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Note that with this plugin you can also use any of the other 150+ widgets that come with it, not just the Blog List. It comes with extensive typography and blogging options, as well as showcase addons, SEO and business elements and much more.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Displaying your posts in Gutenberg using a plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]For those who prefer Gutenberg, we have a similarly useful and stylish solution. <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/\" target=\"_blank\" rel=\"noopener\">Qi Blocks for Gutenberg<\/a> is a collection of 80+ exclusive Gutenberg blocks, and the one you will need for the topic of this article is <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/blog-list\/\" target=\"_blank\" rel=\"noopener\">Blog List<\/a>. After installing the plugin (which comes in a free and premium version, and the Blog List block among the free ones) you will get a selection of blocks to complement your default Gutenberg ones. Add the Blog List to your page and proceed to style it using the intuitive and beginner-friendly block options.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"566\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Gutenberg.jpg\" class=\"attachment-full size-full\" alt=\"Blog List Gutenberg\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Gutenberg.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Gutenberg-300x175.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Gutenberg-768x449.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Gutenberg-620x362.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The block allows you to set images, publication dates, categories, author info and much more. You can change the colors, fonts, add or remove buttons and labels and much more.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Displaying your posts using WP Show Posts<\/h3>\n<p>[\/vc_column_text][vc_column_text]If none of the above options suit you (which we doubt), you can give <a href=\"https:\/\/wordpress.org\/plugins\/wp-show-posts\/\" target=\"_blank\" rel=\"noopener\">WP Show Posts<\/a> a shot. This plugin works by creating a shortcode you can post anywhere you want to display your blog posts. You can set the title, pick a taxonomy to show, set pagination and change the number of posts per page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts.jpg\" class=\"attachment-full size-full\" alt=\"WP Show Posts\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You can go through the remaining option tabs to adjust the options that will be relevant to you. Among others, these tabs include options regarding the number of columns and the space between the columns, whether the post should contain its featured image, as well as the alignment and location of that image. There are options regarding the length of the excerpt, the possibility of renaming the <em>Read more<\/em> button, the choice to add relevant metadata (author, date, category), as well as to exclude some posts (by ID or author) and adjusting the ordering rules.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Carefully examine and adjust these options.<\/strong> When you\u2019re done, <strong>press the <em>Publish<\/em> button<\/strong> in the right section of the screen. Then, <strong>copy the shortcode<\/strong> from the Usage section on the right.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts-Shortcode.jpg\" class=\"attachment-full size-full\" alt=\"WP Show Posts Shortcode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts-Shortcode.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts-Shortcode-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/WP-Show-Posts-Shortcode-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You need to <strong>paste this shortcode inside your page<\/strong>. Depending on which page builder you are using, this process can vary. In Gutenberg, you will use the <strong>Shortcode block<\/strong>. In Elementor, you will need the <strong>Text Editor element<\/strong>, and in WPBakery use the <strong>Text Block element<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After inserting the shortcode using your preferred page builder, <strong>check the page<\/strong>. Depending on your chosen design and options set in the plugin, your page might look similar to our screenshot.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"389\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Page.jpg\" class=\"attachment-full size-full\" alt=\"Blog List Page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Page.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Page-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Blog-List-Page-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"creating-custom-blog-template\"><\/a>How to Create your custom blog template<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you have already tried our previous suggestions but didn\u2019t like the resulting page, then the best way for you is to use code to create your WordPress blog page. However, we don\u2019t advise this to any newer WordPress users, as it requires significant coding knowledge, as well as <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-use-ftp\/\">the use of FTP<\/a>. But if you do decide to try this method, we highly advise you <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-manually-backup-wordpress-website\/\">to backup your website<\/a> before attempting to make a custom template. Keep in mind any coding error can break your site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The first step to creating a <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-custom-html-page-to-wordpress\/\">custom page<\/a> template is creating a new file at the proper location and naming it adequately. To do so, <strong>connect to your server<\/strong> using your FTP credentials and <strong>navigate to your root WordPress directory<\/strong>. Then, <strong>navigate to<\/strong> the directory of the theme you are currently using, i.e. <strong>the \/wp-content\/themes\/theme-name\/ directory. Right-click within that directory while making sure not to click on any of the files of subfolders found there<\/strong>. Then, <strong>click on the <em>Create new file<\/em> option<\/strong> from the menu that appears.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"503\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File.jpg\" class=\"attachment-full size-full\" alt=\"Creating a New File\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-300x216.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-620x446.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The file name should be written lowercase, with a .php extension at the end. In the case of multiple words, instead of spaces, use a hyphen (-) between the words. Meaning, <strong>name the file<\/strong> in the following format: your-file-name.php, after which you should <strong>press the <em>Ok<\/em> button<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"644\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-Name.jpg\" class=\"attachment-full size-full\" alt=\"Creating a New File Name\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-Name.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-Name-300x276.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-Name-620x570.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This will create an empty .php file where you need to add appropriate code for your <a href=\"https:\/\/developer.wordpress.org\/themes\/template-files-section\/page-template-files\/\" target=\"_blank\" rel=\"noopener noreferrer\">page template<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To create a page template that shows all posts, you only need to implement the <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Loop<\/a>. As coding a page template from scratch can be quite challenging, you can always use the code from the <strong>page.php<\/strong> file of your theme as a baseline, and then adjust it according to your needs. Additionally, you can also use the page template we created for this article.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;?php\r\n\/*\r\nTemplate Name: Blog posts template\r\n*\/\r\n$blog_posts = new WP_Query( array( 'post_type' =&gt; 'post', 'post_status\u2019' =&gt; 'publish', 'posts_per_page' =&gt; -1 ) );\r\nget_header();\r\n?&gt;\r\n&lt;div class = \"page-container\"&gt;\r\n&lt;div class = \"main-content\"&gt;\r\n&lt;?php if ( $blog_posts-&gt;have_posts() ) : ?&gt;\r\n&lt;div class = \"blog-posts\"&gt;\r\n&lt;?php while ( $blog_posts-&gt;have_posts() ) : $blog_posts-&gt;the_post(); ?&gt;\r\n&lt;article id = \"post-&lt;?php the_ID(); ?&gt;\"&gt;\r\n&lt;a href = \"&lt;?php the_permalink(); ?&gt;\"&gt;\r\n&lt;?php if ( has_post_thumbnail() ) { \r\nthe_post_thumbnail( get_the_ID(), 'full' );\r\n} ?&gt;\r\n&lt;h2 class = \"post-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\r\n&lt;\/a&gt;\r\n&lt;div class = \"post-category\"&gt;\r\n&lt;?php the_category(', '); ?&gt;\r\n&lt;\/div&gt;\r\n&lt;div class = \"post-excerpt\"&gt;\r\n&lt;?php wp_kses_post( the_excerpt() ) ?&gt;\r\n&lt;\/div&gt;\r\n&lt;span class = \"post-read-more\"&gt;\r\n&lt;a itemprop = \"url\" href = \"&lt;?php the_permalink(); ?&gt;\" target = \"_blank\"&gt;\r\n&lt;?php echo esc_html__( 'Read more', 'theme-domain' ) ?&gt;\r\n&lt;\/a&gt;\r\n&lt;\/span&gt; \r\n&lt;\/article&gt;\r\n&lt;?php endwhile; ?&gt;\r\n&lt;\/div&gt; \r\n&lt;?php else: ?&gt;\r\n&lt;p class = \"no-blog-posts\"&gt;\r\n&lt;?php esc_html_e('Sorry, no posts matched your criteria.', 'theme-domain'); ?&gt; \r\n&lt;\/p&gt;\r\n&lt;?php endif; \r\nwp_reset_postdata(); ?&gt;\r\n&lt;\/div&gt;\r\n&lt;div class = \"sidebar-content\"&gt;\r\n&lt;?php get_sidebar(); ?&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;?php get_footer(); ?&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As this code may seem intimidating to less experienced WordPress users, we will try to carefully explain it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Firstly, by starting the file with a comment stating the template name we are making sure that it is a <strong>global template that can be chosen from the dashboard using the Page Attributes section on any page<\/strong>. Simply pick the template with that exact name. As such, <strong>make sure to add a clear name that you\u2019ll recognize later<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\/*\r\nTemplate Name: Blog posts template\r\n*\/<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Option.jpg\" class=\"attachment-full size-full\" alt=\"Page Template Option\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Option.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Option-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Page-Template-Option-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As for the <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_header\/\" target=\"_blank\" rel=\"noopener noreferrer\">get_header()<\/a> and <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_footer\/\" target=\"_blank\" rel=\"noopener noreferrer\">get_footer()<\/a> functions at the beginning and the end of the code, they serve to include the header and footer template of your theme on your template page. Which brings us to the main section of the code.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]By using the following code:[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">$blog_posts = new WP_Query( array( 'post_type' =&gt; 'post', 'post_status\u2019' =&gt; 'publish', 'posts_per_page' =&gt; -1 ) );<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]we are simply storing the data on <strong>all of our published posts<\/strong> in the $blog_posts variable. We have done so by using the <a href=\"https:\/\/developer.wordpress.org\/reference\/classes\/wp_query\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP_Query class<\/a>. In case you aren\u2019t familiar with this class, we highly recommend that you study the link we included and pay special attention to the parameters it accepts.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, let us break down the remaining code step by step. Firstly, looking at the code structure, you can see that the page has two sections. Those are the main content and the sidebar, with a div that wraps both sections. We have added custom classes to the corresponding HTML elements as it will help with the CSS customization, should we need it at the end. <strong>As for the sidebar, it will show the widgets within the default widget area called <em>Sidebar<\/em>, which you can find and edit in Appearance &gt; Widgets<\/strong>. This is achieved using the <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_sidebar\/\" target=\"_blank\" rel=\"noopener noreferrer\">get_sidebar()<\/a> function.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;div class = \"page-container\"&gt;\r\n&lt;div class = \"main-content\"&gt;\r\n\/\/ Main content code goes here\r\n&lt;\/div&gt;\r\n&lt;div class = \"sidebar-content\"&gt;\r\n&lt;?php get_sidebar(); ?&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Let us delve deeper into the code that is contained within the main content (section whose class is main-content). It can also be simplified and looked at in the manner given below.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;?php if ( $blog_posts-&gt;have_posts() ) : ?&gt;\r\n&lt;div class = \"blog-posts\"&gt;\r\n&lt;?php while ( $blog_posts-&gt;have_posts() ) : $blog_posts-&gt;the_post(); ?&gt;\r\n&lt;!-- Loop content goes here --&gt;\r\n&lt;?php endwhile; ?&gt;\r\n&lt;\/div&gt; \r\n&lt;?php else: ?&gt;\r\n&lt;p class = \"no-blog-posts\"&gt;\r\n&lt;?php esc_html_e('Sorry, no posts matched your criteria.', 'theme-domain'); ?&gt; \r\n&lt;\/p&gt;\r\n&lt;?php endif; \r\nwp_reset_postdata(); ?&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>This is, in fact, the aforementioned WordPress Loop<\/strong>. Simply put, if there are posts within the $blog_posts variable, the first section of the code will be executed. Otherwise, a paragraph stating \u201cSorry, no posts matched your criteria\u201d will be shown. And, in the end, we are restoring the global $post to the post in the main query.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As for the first code section, it contains a div with the custom class \u201cblog-posts\u201d whose content is generated based on the current post in the inner while loop.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To conclude the elaboration of our template code, we\u2019re going to touch upon that last part of the inner content.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Using the WordPress loop within our custom page template, we can create a separate article section for every blog post on our site. That article section contains <strong>a link, categories, excerpt, and a <em>Read more<\/em> button corresponding to every particular post<\/strong>. The link is wrapped around two items\u2014<strong>the featured image of the post and its title<\/strong>. However, <strong>if the post doesn\u2019t have a featured image, then only the title is shown<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;article id = \"post-&lt;?php the_ID(); ?&gt;\"&gt;\r\n&lt;a href = \"&lt;?php the_permalink(); ?&gt;\"&gt;\r\n&lt;?php if ( has_post_thumbnail() ) { \r\nthe_post_thumbnail( get_the_ID(), 'full' );\r\n} ?&gt;\r\n&lt;h2 class = \"post-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt; \r\n&lt;\/a&gt;\r\n&lt;div class = \"post-category\"&gt;\r\n&lt;?php the_category(', '); ?&gt;\r\n&lt;\/div&gt;\r\n&lt;div class = \"post-excerpt\"&gt;\r\n&lt;?php wp_kses_post( the_excerpt() ) ?&gt;\r\n&lt;\/div&gt;\r\n&lt;span class = \"post-read-more\"&gt;\r\n&lt;a itemprop = \"url\" href = \"&lt;?php the_permalink(); ?&gt;\" target = \"_blank\"&gt;\r\n&lt;?php echo esc_html__( 'Read more', 'theme-domain' ) ?&gt;\r\n&lt;\/a&gt;\r\n&lt;\/span&gt; \r\n&lt;\/article&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We hope you\u2019ll find the template that we included in the article is much clearer now that we explained it following a \u201ctop-down\u201d view. <strong>You can adjust the code to your needs, by adding, removing, or interchanging different parts of it<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After you are done with your editing, you can insert the code in the file you previously created. This is also done via FTP. <strong>Right-click the file<\/strong> you previously created and <strong>select the <em>View\/Edit<\/em> option<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"647\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-3.jpg\" class=\"attachment-full size-full\" alt=\"Creating a New File\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-3.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-3-300x277.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Creating-a-New-File-3-620x573.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Open the file<\/strong> using any text editor and <strong>insert the code<\/strong> you created. Afterward, <strong>save the changes<\/strong> and <strong>upload the file<\/strong> back to the server, thus overriding the current, empty, one.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After you finish creating the template, <strong>you will need to check how the content generated by this template looks on the website<\/strong>. To do so, <strong>create a new page<\/strong> on your website and <strong>assign your custom page template to it<\/strong> using the Page Attributes section on the right. Then, <strong>examine the page frontend<\/strong>. Even though it will be functional, <strong>you will most likely need to create additional CSS<\/strong> to tailor the display. You can add custom CSS in Appearance &gt; Customize &gt; Additional CSS or even enqueue it using <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_style\/\" target=\"_blank\" rel=\"noopener noreferrer\">the wp_enqueue_style function<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Here\u2019s how the template for the WordPress blog page we included looks with a little bit of additional CSS.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Custom-Blog-Page.jpg\" class=\"attachment-full size-full\" alt=\"Custom Blog Page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Custom-Blog-Page.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Custom-Blog-Page-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Custom-Blog-Page-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;90px&#8221;][vc_widget_sidebar sidebar_id=&#8221;latest-themes&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Providing your readers with easy access to your posts can have many benefits. From generating value so people can connect to you or your brand to boosting your SEO ranking, or anything in-between. And you can achieve this by creating a page showing all your posts so users get their pick of content and you can organize your site better. Then you can explore <a href=\"https:\/\/qodeinteractive.com\/magazine\/display-most-popular-posts-wordpress\/\">displaying your most popular posts<\/a> first or try <a href=\"https:\/\/qodeinteractive.com\/magazine\/display-wordpress-random-posts\/\">showing random posts<\/a> to pique your readers\u2019 interest. We invite you to try using any of the methods we outlined in the article and see how each can contribute to your WordPress website. Finally, make sure to bookmark this article, as it will surely be helpful for your future blogging efforts.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>If you are an avid blogger or a website owner with an active blog, displaying posts on-page in WordPress can make your site more attractive to readers.<\/p>\n","protected":false},"author":11229,"featured_media":11529,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[14,21,15,13],"class_list":["post-11526","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-core","tag-php","tag-plugins","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/11526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/11229"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=11526"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/11526\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/11529"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=11526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=11526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=11526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}