{"id":22746,"date":"2021-04-14T17:00:51","date_gmt":"2021-04-14T15:00:51","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=22746"},"modified":"2021-04-14T16:54:35","modified_gmt":"2021-04-14T14:54:35","slug":"wordpress-nested-pages","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/wordpress-nested-pages\/","title":{"rendered":"How to Use Nested Pages for Better WordPress Page Management"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]If you are running a WordPress website, it\u2019s pretty much a given it has pages. And, depending on what and whom the website is for, it may have a large number of pages. Not only can it become difficult for the admin or the web designer to make sense of them and to build links between, it can also become difficult for your website visitors to find their way around them to the content they want.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, website navigation is one of those things: if it\u2019s good, nobody\u2019ll notice it. If it\u2019s bad, your visitors will be frustrated, and that will affect their impression of your website. Good user experience being central to ensuring return visits, you should invest some effort towards page management. We will show you how to do that using the <a href=\"https:\/\/wordpress.org\/plugins\/wp-nested-pages\/\" target=\"_blank\" rel=\"noopener\">Nested Pages plugin<\/a>. But first, let us take a while to discuss in which cases this may be useful.[\/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\">Why Would I Need WordPress Nested Pages?<\/h2>\n<p>[\/vc_column_text][vc_column_text]WordPress\u2019s default list views are all well and good, but they don\u2019t tell you a great deal about the page structure, or at least not at a glance. The Nested Pages plugin gives you an easy tree overview of all your pages, and boasts a drag-and-drop interface which makes it easy for your admins to sort and reorder your pages visually, as well as establish relationships between them.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]And not only is it easier to sort your pages, you will also be able to generate menus based on your page structures or create multiple pages at the same time \u2013 a useful feature to have if you are just starting to develop your website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, and potentially most importantly: this versatile plugin is free.[\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-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\">How to Manage WordPress Pages With Nested Pages<\/h2>\n<p>[\/vc_column_text][vc_column_text]All you need to do is <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">install and activate the plugin<\/a>. That\u2019s it. Your <strong>Pages<\/strong> screen, accessible form your WordPress dashboard will now look markedly different than the default.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Drag each item by dragging the menu icon to reorder it. If you want to create a child page, simply drag it below the page you wish to be its parent and slightly to the right. The newly designated child page will just snap into place.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/1-How-to-Manage-WordPress-Pages-With-Nested-Pages.jpg\" class=\"attachment-full size-full\" alt=\"How to Manage WordPress Pages With Nested Pages\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/1-How-to-Manage-WordPress-Pages-With-Nested-Pages.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/1-How-to-Manage-WordPress-Pages-With-Nested-Pages-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/1-How-to-Manage-WordPress-Pages-With-Nested-Pages-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/1-How-to-Manage-WordPress-Pages-With-Nested-Pages-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You can also easily <strong>View<\/strong>, <strong>Delete<\/strong>, or <strong>Quick Edit<\/strong> each of your pages. You can also use the menu for each of your pages to move each one and assign it to a parent if desired.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/2-Assign-it-to-a-parent-if-desired.jpg\" class=\"attachment-full size-full\" alt=\"Assign it to a parent if desired\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/2-Assign-it-to-a-parent-if-desired.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/2-Assign-it-to-a-parent-if-desired-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/2-Assign-it-to-a-parent-if-desired-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/2-Assign-it-to-a-parent-if-desired-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you click the <strong>Quick Edit<\/strong> button, you can use the <strong>Page<\/strong> options to edit the page data such as title, slug, display date, author, and status, as well as password-protect it and change its template. The <strong>Menu Options<\/strong> tab governs some page behaviours in menus.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/3-Edit-the-page-data.jpg\" class=\"attachment-full size-full\" alt=\"Edit the page data\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/3-Edit-the-page-data.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/3-Edit-the-page-data-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/3-Edit-the-page-data-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/3-Edit-the-page-data-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Speaking of menus, you probably know they are an important navigation tool for your visitors. As we\u2019ve mentioned before, Nested Pages will allow you to easily and automatically generate menus which will make navigating to each of your pages very easy for your visitors.[\/vc_column_text][vc_column_text]Once you have set up your pages and their relationships just the way you like them, simply check the <strong>Sync Menu<\/strong> box, and you will have created a menu.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/4-Sync-Menu.jpg\" class=\"attachment-full size-full\" alt=\"Sync Menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/4-Sync-Menu.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/4-Sync-Menu-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/4-Sync-Menu-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/4-Sync-Menu-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will find it with the rest of your WordPress menus, on the <strong>Appearance\/Menus<\/strong> screen.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/5-Menus.jpg\" class=\"attachment-full size-full\" alt=\"Menus\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/5-Menus.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/5-Menus-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/5-Menus-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/5-Menus-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <strong>Edit Menus<\/strong> tab, your Nested Pages menu will be available for editing. Simply select it from the drop down menu, and hit the <strong>Select<\/strong> button.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/6-Nested-Pages-menu.jpg\" class=\"attachment-full size-full\" alt=\"Nested Pages menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/6-Nested-Pages-menu.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/6-Nested-Pages-menu-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/6-Nested-Pages-menu-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/6-Nested-Pages-menu-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you are satisfied with it, you can then scroll all the way down to the <strong>Menu Settings<\/strong> section of the tab and check any of the <strong>Display location<\/strong> boxes you like, placing the newly created Nested Pages menu to one or more of your preferred locations.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/7-Display-location.jpg\" class=\"attachment-full size-full\" alt=\"Display location\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/7-Display-location.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/7-Display-location-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/7-Display-location-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/7-Display-location-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To <strong>Add New<\/strong> pages using Nested Pages, simply use the <strong>Add New<\/strong> button in the upper left-hand side of your <strong>Pages<\/strong> screen as you normally would. You can also <strong>Add Links<\/strong> using the appropriate button. However, you can also use Nested Pages to add as many new pages at once as you like. Simply click the <strong>Add Multiple<\/strong> button.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/8-Add-Multiple-button.jpg\" class=\"attachment-full size-full\" alt=\"Add Multiple button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/8-Add-Multiple-button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/8-Add-Multiple-button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/8-Add-Multiple-button-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/8-Add-Multiple-button-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will see a pop-up where you can quickly select the titles for however many pages you like, as well as their positions in relation to each other, as well as their status, author, template, and menu display behaviour.[\/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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/9-Quickly-select-the-titles.jpg\" class=\"attachment-full size-full\" alt=\"Quickly select the titles\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/9-Quickly-select-the-titles.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/9-Quickly-select-the-titles-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/9-Quickly-select-the-titles-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/9-Quickly-select-the-titles-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, to quickly add a <strong>Child Page<\/strong> or <strong>Child Link<\/strong> to any page, or create a Clone of any page, you need its individual menu. You will find it by clicking the three dots (\u00b7\u00b7\u00b7) icon for each page.<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=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/11-Clone-of-any-page.jpg\" class=\"attachment-full size-full\" alt=\"Clone of any page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/11-Clone-of-any-page.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/11-Clone-of-any-page-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/11-Clone-of-any-page-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/11-Clone-of-any-page-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]As you have seen, Nested Pages is a very versatile and free plugin which makes things easier on two ends: both for your admins and web designers, responsible for the functioning of your website, and, conversely, your visitors, who will have fewer problems reaching the page they need. We have mentioned before that some of the plugin\u2019s features are best suited for people only starting on their websites, but the Nested Pages plugin as a whole has a lot to offer to developers of extensive WordPress websites who want to streamline navigation and page structure. A powerful page management and menu design and optimization tool, completely free \u2013 now it also comes with our seal of approval.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Need a betterway to manage your WordPress pages? With WordPress Nested Pages, it&#8217;s easy and free! We will show you how.<\/p>\n","protected":false},"author":16990,"featured_media":22865,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,4,13],"class_list":["post-22746","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/22746","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\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=22746"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/22746\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/22865"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=22746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=22746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=22746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}