How To Add A Sub Page In WordPress? (Perfect answer)

To create a subpage #

  1. Go to Administration > Pages > Add New screen.
  2. In the right menu, click the “Page Parent” drop-down menu.
  3. Select the appropriate parent Page from the drop-down menu to make the current Page a child Page.
  4. Add content to the subpage.
  5. Click Publish when ready.


What is Sub Page in WordPress?

Pages in WordPress can be standalone or hierarchical, which means a page can have its own sub-pages also known as child pages. In this article, we will show you how to easily create a child page in WordPress to better organize your pages.

How do I add a sub page to my website?

Creating Sub-Pages

  1. There are two different ways to create a subpage. To create a new subpage:
  2. Click Add Page to create a new page.
  3. On the Add Page window, select the Under Page radio button under Location. Choose the parent page from the drop-down menu.
  4. When ready, click Done.
  5. Your page is now a subpage.

How do I edit a subpage in WordPress?

NOTE: the same edit could be done on an individual page under the Page Attributes box in the right column of the dashboard. Once all three pages are selected, click the Bulk Actions drop down above the list of pages. Select Edit from the drop down. Then click the Apply button beside the Edit drop down.

What is a sub page in a website?

Pages that sit beneath the homepage are called sub-pages. The page you’re looking at now is a sub-page. When you create and publish a sub-page like this one, it will appear on the menu bar at the top of the site.

How do I create a subpage?

To create a subpage #

  1. Go to Administration > Pages > Add New screen.
  2. In the right menu, click the “Page Parent” drop-down menu.
  3. Select the appropriate parent Page from the drop-down menu to make the current Page a child Page.
  4. Add content to the subpage.
  5. Click Publish when ready.

What is a website sub page called?

A subpage usually refers to a lower level web page in a website or wiki.

How do I add multiple pages in HTML?

Creating Multiple Pages

  1. A file.
  2. An index. html homepage.
  3. A css subdirectory with a custom styles. css stylesheet.

How do I link multiple HTML pages to one CSS?

basically you have two options:

  1. Put all CSS blocks into a single file and link it to all pages. For example: add this to all HTML pages, this single style.
  2. Put CSS blocks that are related to overall design in one file; add individual page-specific CSS rules into new files and link these to their respective pages.

How do you customize a page in WordPress?

The easiest way to customize your WordPress theme is using the WordPress Customizer. You access this in one of two ways: When viewing your site (when you are logged in), click the Customize link in the admin bar at the top of the screen. In the admin screens, click on Appearance > Customize.

How to Add a Subpage in WordPress

Documentation Download Documentation Download Documentation Since its inception in 2003, WordPress has grown to become a widely used open-source blogging platform. Bloggers may customize the design of their blogs with the help of the user-friendly template system, and then add content such as text, images, and links on the themes of their choosing. One of the numerous advantages that the templates offer is the ability to divide the blog into parts based on the themes that are being discussed.

Pages and sub-pages are referred to as “parent” and “child” pages, respectively, in some cases.

StepsDownload Article

  1. 1 Log into your WordPress blog and create a new post. If you do not already have a WordPress blog, go to the “Get Started Here” button and follow the instructions. In order to use WordPress, you must first complete the signup procedure, which involves providing personal information such as your name and any payment details necessary (if you intend to upgrade your WordPress account from the free version).
  • If you have more than one WordPress site, double-check that the one that is now active is the one to which you wish to add sub-pages. ClickSwitch Sitein the top left corner of your dashboard if you haven’t already
  • If you haven’t already, clickSwitch Sitein the top left corner of your dashboard.
  • 2ClickPages. On the left-hand side of your screen, in the panel next to an icon of two pages, you’ll find it. Advertisement
  • s3 Add a new entry by clicking Add New. You may be invited to choose a template or to start with a blank page right away, and you may choose either option to move on. Type in a title and any material that you wish to be uploaded to your page when the new page form displays
  • You’ll need a parent page to which you may link to your subpages in order to make them visible. If you don’t already have a parent page, follow these steps to create a new page that will serve as your child’s mother. For example, you might create a sub-page beneath your “Contact Me” page that contains your online CV.
  • There are four ClickPage attributes. This may be found in the lower right corner of the page under Discussion and Excerpt
  • The menu should appear if you hover your mouse over the gear symbol in the upper right corner of your web page, near to “Publish,” which should appear if you don’t see it on the right side of your screen
  • Otherwise, click the gear icon again.
  • Select the appropriate option from the drop-down menu by clicking the blank box under “Parent Page.” Within your WordPress site, you’ll be able to choose a Parent page from among all of the pages that you’ve made
  • 6 ClickPublishtwice. You’ll be prompted to confirm your selection once you’ve clicked “Publish” once. To view your published page, go to the WordPress icon in the top left corner of your web browser and select View Pages from the drop-down menu. Re-enter the dashboard, where you’ll be able to see all of your pages
  • You’ll see that sub-pages are indented under their parent pages
  • This is normal. Click the three-dot menu and choose Edit. Then update the “Parent Page” under the “Page Attributes” header to the name of the child page or sub-page you want to replace the parent page with. You may also convert a sub-page into a parent page by leaving the text box empty and selecting no other page as the parent page
  • However, this is not recommended.

Create a new question

  • Question In WordPress, how can I create subpages for pages that already exist and are accessible via the drop-down menu on the menu bar? Make a note of the menu you want to edit and go to Appearance -Menus. Add the subpage from all pages in the left-hand menu and move it slightly to the right so that it is directly beneath the page you want it to appear. Save your changes. Question The subpage I created does not display in the dropdown menu. Why is this? Look at the look of your menus and make sure you can see it there. If you see it there, it might suggest that there is an issue with the way your theme handles sub-pages.

Inquire about something There are 200 characters remaining. Include your email address so that you may be notified when this question has been resolved. SubmitAdvertisement

About This Article

Summary of the ArticleX 1. Go to your WordPress site and log in. 2. ClickPages (also known as “ClickPages”). 3. Select Add New from the drop-down menu. 4. ClickPage Attributes (also known as “click-through attributes”). 5. Select the appropriate option from the drop-down menu in the blank box under “Parent Page.” 6. Press the Publish button twice. Did you find this overview to be helpful? It took 126,867 readers to read this page. We appreciate you taking the time to write it!

Is this article up to date?

Do you want to add a new page on your website as a child? Pages in WordPress may be either freestanding or hierarchical, which means that a page can have its own sub-pages, also known as child pages, that are accessible from the parent page. In this post, we will demonstrate how to quickly and simply build a child page in WordPress, which will allow you to more effectively arrange your pages.

What is a Child Page in WordPress?

Pages and posts are the two basic content kinds in WordPress, and they are both useful. If you want to understand more about the differences between posts and pages in WordPress, check out our guide. An individual blog post is shown in reverse chronological order as part of a larger blog post (newer entries first). It is customary for them to be grouped using categories and tags. Pages are one-time or stand-alone pieces of content that are not associated with a blog. Typical pages include a “about us” or “contact us” page, among others.

  • Pages are commonly used by commercial websites to construct a website’s structure.
  • It is still possible for those who wish to incorporate a blog into their content marketing plan to do so by simply creating a separate blog page.
  • This is where the use of child pages comes into play.
  • For example, a parent page called ‘About us’ can contain child pages that include team members, history, careers, and other information.

It is possible for each child page to have their own child pages, and so on. You may use this method to establish linkages between your pages and to develop a decent website architecture. As a result, let’s have a look at how you may quickly and effectively build a child page in WordPress.

How to Create a Child Page?

In order to build a kid page, you must first establish a parent page. In the event that you already have a page that you’d like to utilize as the parent, you’re all set. In your WordPress admin area, just navigate to Pages » Add New to create a new page or change an existing page by selecting the appropriate option. On the right side of the screen, you’ll notice thePage Attributesbox with theParentdropdown option. You will find a list of all of the pages on your site in theParentdrop-down menu.

  • From the drop-down option, you must pick the page that will serve as the parent for the current page.
  • You can continue this procedure in order to generate other child pages.
  • A—prefix will be used to indicate that the child pages are listed beneath their parent page.
  • WordPress sidebar widgets and theme designs can automatically display a list of child pages for a parent page that are created by advanced users via alternative techniques.
  • You may also be interested in our comprehensive tutorial on how to convert WordPress categories to custom taxonomies in order to organize the material on your website.
  • On top of that, you can follow us on Twitter and Facebook.
  • This means that if you click on one of our affiliate links, we may receive a fee.
  • The Editorial Staff at WPBeginner is a group of WordPress specialists, lead by Syed Balkhi, who provides guidance and support.

Reader Interactions

In WordPress, you may publish material as a post or as a page, depending on your preference. Unlike posts, which are regular pieces of information that are shown in chronological order (according to the date they were published), pages are pieces of material that do not fall into any of the existing categories. “Contact Page,” “About,” and other similar titles are examples of pages. Because a page does not have a category option, it may be divided into two categories: theParent Page and theChild Page.

Child Page or Sub Page

Even without a blog post, it is possible to create a website. Websites that do not have a large number of blog entries to publish might make use of static pages to display information. However, if there are too many pages, it will be tough to keep track of everything. In this situation, pages of a similar kind are grouped together under a single main page. Those pages are referred to as “child pages” or “subpages.” Maintaining the page hierarchy in WordPress is accomplished by generating a child page that is subordinate to and under the parent page.

The process of creating a child page is the same as that of creating a conventional page. However, in order to establish kid pages, a parent page must first be created.

  • Navigate to the Admin MenuPages. Add a new one
  • Provide a title for the page (for example, “Parent”). Fill in the blanks with the page’s content
  • Set the featured picture to be in the lower right-hand corner of the screen
  • Click on Publish to save the page
  • Navigate to the Admin MenuPages. Add a new one
  • Another page (for example, Child Page) should be identified by its title. Fill in the blanks with the page’s content
  • Set the featured picture to be in the lower right-hand corner of the screen
  • And then select the parent page from the Page Attributes drop-down menu. In order to save the changes, click on the Publish button.
You might be interested:  How To Add A Theme To Wordpress?

By default, the ‘no parent’ option is selected, which indicates that this page has no connection to any other pages. It is necessary to designate a parent page based on your requirements. You may build as many kid pages as you want in the same way and group them together under a single parent page if you wish. Take a look at the screenshot provided below. As illustrated in the illustration below, the child page on the page section has a different symbol. The URL of the child page will appear immediately after the URL of the parent page.

  • This website contains several pages, including a about page, a career page, a page about our team, and a page about the company.

Child Page in Gutenberg Editor

Creating a child page in the Gutenberg block editor is identical to creating a child page in a traditional classic editor. You only need to choose the parent page from theDocument Page Attributes list, as seen in the following picture. Ma SEO articles that you may find useful include:13 Essential SEO Tips For WordPress Websites and Technical SEO for a Website. If you like this post, please consider following us on Twitter, Facebook, and LinkedIn to stay up to date.

How To Edit Pages and Add Subpages In WordPress

In this section, you will find:

  • WordPress Widgets, Sidebars, and Footers are all included. Comments are being removed from pages
  • Adding Subpages to Your WordPress Menu
  • Adding Text Links
  • Adding Subpages to Your WordPress Menu

An Introduction to WordPress Widgets

Sidebars and footers are enhanced by the addition of widgets containing material, features, or functionality. A search box, a list of categories from your blog, a list of recent blog articles, or even something as simple as an email signup or a simple form are all examples of widgets to consider. Sidebars are the sections of your website that appear to the left or right of your major content. Sidebars are the sections of a website where widgets are shown. WordPress is set up in such a way that you may have a sidebar on either side (left or right), or one on each side (sidebar/content/sidebar), depending on your preference.

  1. Here’s an illustration of what I’m talking about.
  2. The footer of your website behaves similarly to the sidebars in that you may include widgets in the footer as well as the sidebars.
  3. At the moment, we have multiple widgets in the footer of our website, but none on the sidebar of our website.
  4. Select DashboardAppearanceWidgets from the drop-down menu.
  5. It is in the right column, in the box labelled Main Widget Area, that you can find the widgets that are currently in use.
  6. It is the Secondary Widget Area that is responsible for controlling the sidebar for this theme.
  7. Let’s relocate a few widgets from the bottom to the sidebar for better organization.

From the Main Widget Area to the Secondary Widget Area, I’ll be relocating the Search widget as well as the Recent Posts widget.

It is already the case.

If you scroll down, you will also see that those two items have been deleted from the footer, which has resulted in a smaller footer that appears more professional.

For example, you may wish to include a Blog Archive widget in the sidebar of your blog articles but not on the pages of your website.

To begin, let’s take a look at a Page (please keep in mind that we’ll be changing themes later in this tutorial).

However, you’ll see that there’s an option to Leave a Reply at the bottom of the article. However, we do not want to use this on our pages since it makes our website appear more like a blog rather than a professional website, which we do not want.

Removing the Comment Box From Pages

Sidebars and footers are enhanced with the addition of widgets which provide material, features, or functionality. Input boxes for search results, lists of categories from your blog articles, a list of recently published blogs entries, or even an email signup form are all examples of widgets. In your main content area, sidebars are the sections that appear to the left and right of the main content area. Essentially, sidebars are parts of the website where widgets may be found. A sidebar can be placed on either side (left or right), or on each side (sidebar/content/sidebar).

  • In addition, you might create a page that is completely without a side bar.
  • Because widgets may be placed in the bottom of your website, it acts similarly to the sidebars on your website.
  • The footer of our existing website contains various widgets, however the sidebar does not.
  • Navigate to DashboardAppearanceWidgets and select the widget you want.
  • It is in the right column, in the box labelled Main Widget Area, that the widgets that are currently in use may be found.
  • With this theme, the Secondary Widget Area is responsible for controlling the sidebar.
  • Moving certain widgets from the footer to the sidebar will make your site more usable.

From the Main Widget Area to the Secondary Widget Area, I’ll be relocating the Search widget and the Recently Posted widgets.

It’s already been completed.

Scrolling down, you’ll notice that those two items have been eliminated from the footer, which has resulted in a smaller footer that appears more professional.

For example, you could wish to include a Blog Archive widget in the sidebar of your blog articles but not on the pages of your website.

As a result, let’s have a look at a Page.

It is worth noting, however, that we have the opportunity to Leave a Reply at the bottom of the article. However, we do not want to use this on our sites since it makes our website appear more like a blog rather than a professional one, which we do not want.

How to Add Subpages in WordPress

The ability to create subpages in WordPress is essential if you want to add many pages about your services, your company, or anything else to your website. For the sake of this demonstration, we’ll establish a Services section. To begin, navigate to DashboardPages. Create a new page with the title Services and fill it with text similar to what is shown below so that you may link to it from other pages. Service1, Service2, and Service3 are the services that I’m using. To remove the Comment box from this page, use the radio option next to Allow comments in the Discussion box at the top of the page.

  1. As a result, we’ll develop three new pages, one for each service, and add these new subpages to our menu structure.
  2. Then type one or two sentences into the Discussion box and uncheck Allow comments.
  3. Service2 should be done in the same way.
  4. Lastly, we want to inform WordPress that these three sites are subpages of the main Services page, as shown in the screenshot below.
  5. We can modify all three at the same time in this list view, which saves us time.
  6. After you’ve selected all three pages, pick Bulk Actions from the drop-down menu above the list of pages.
  7. Then, next to the Edit drop-down menu, click on the Apply button.
  8. We want to make the main Services page for each of these the Parent page for each of these.
  9. Select Services from the drop-down menu next to Parent on the left-hand side of the screen.
  10. The three service pages with sequential numbers will now be featured under the Services page.

Adding Text Links

Once we have three service pages to link to, we should return to our Services page and add text links to each of the sites in our list. Learn how to include links in any type of WordPress content in this instructional video. To access Service1, navigate to PagesAll PagesServices and then click on the Read More text next to the sample text for Service1. Once you’ve selected the relevant text, click the chain link symbol in the row of icons at the top of the text editor window to create a connection between the two pieces of text.

  1. You can write the link into the URL text box, and you will need to do so in the future if you plan to connect to a page that is not already on your site; however, we will link to an existing page on our site in this case.
  2. Because our text link instructs us to “Read More about Service1,” we would like to link this to the Service1 page on our website.
  3. The pop-up window will be closed, and you should now see that the text “Read More” has been highlighted, indicating that it has been converted into a link.
  4. To see the update in action, click the View page link after you receive the yellow-highlighted confirmation that the page has been saved, as you would normally.
  5. Return to the Services page and make any necessary changes (DashboardPagesAll PagesServices).

As a reminder, once you’ve finished, click the blue Update icon to the right of the page to save your modifications. Let’s take another look at the Services page. Your Read More text pieces should all be hyperlinks that take you to the relevant page when you click on them.

Add Subpages to the WordPress Website Menu

The final step in adding subpages to your WordPress site is to include them in the menu so that they can be selected from a drop-down menu. I understand that not everyone will want to do this, but I want to make certain that you are aware of the process. We’ll go to the Menus area of the dashboard to complete our task. Using our shortcut drop-down menu is definitely the most expedient option. Our initial four pages in our Menu may be seen on the Menus page in the administration area of our website.

  • After you’ve selected all four radio options from the Pages box, click the Add to Menu button, which is located at the bottom of the box.
  • We’re going to click and drag the Service1-3 pages out to the right a little bit in order to include them as a drop down menu beneath the Services page.
  • Please keep in mind that when you click and begin dragging a menu item to the right, a dotted outline will emerge to indicate you the general region where you need to drop the menu item.
  • It will then be automatically labeled as a “sub item” as a result of this.
  • The numbered service pages have been reorganized and are now sub-items on the Services page.
  • Because the numbered service pages are sub-items of the Services page, they will be moved along with it.
  • Then, in the bottom right-hand corner of your screen, click the blue Save Menu button to save your changes.
  • Let’s have a look at our website and the Services area of the navigation bar.
  • To get to a certain subpage in the menu, hover your cursor over it and click it.
  • You should now be able to add and remove widgets from your WordPress site, manage comments, use text links, and create subpages as needed.

If you’d want to watch video lessons on WordPress in general, including some topics that I haven’t addressed, I recommendwp101. Part 3 will be released shortly after.

How To: Add A Subpage Section To A WordPress Page

TheOrganic Subpagewidget allows you to display a part of material from another page on any other page using a widget. A piece of your “About” page, for example, might be displayed on the Home page as an introduction, or a segment of your “Services” page could be displayed on the Home Page as well. You have the option of either selecting a segment of an existing page or creating new text inside the section you have selected. Subpage sections may be added to your website once you have installed and activated the Organic Builder Widgetsplugin.

  1. Activate theOrganic Custompage template on the page that you wish to utilize. The page should be updated or published. Click theCustomize Pagebutton
  2. Then click the+ Add A Widgetbutton
  3. And finally click theSave button. Select the Organic Subpagewidget from the drop-down menu. Then you have the option of:
  • Add a title and a text alternatively
  • Use Content From Page alternatively
  • Select an existing page alternatively
  1. For each area inside the section, you have the choice to add a background color, picture, or video. Section Background Options: Color, image, or video Select (CopyPaste the URL link)
  2. To save and publish your work, click theSavePublishbutton.

This is an example of a section within an Organic Subpage.

Create sub single pages

In order for a custom post type to have hierarchy, you must first register it with WordPress so that it may have children posts (i.e. have a parent post). Following that, you must ensure that your permalink structure is set percent postname percent /. You simply need to create a child custom post named sub-single-slugand set single-slugas its parent from the WordPress backend Editor’sPage Attribute (make sure it’s selected inScreen Options) once you have that. That’s all there is to it.

You might be interested:  How To Fix 500 Internal Server Error Wordpress? (Question)

For example, the following is how I register the custom post type: wpse register custom post type is a function that registers a custom post type () “public” =true, “publicly queryable” =true; $args = array(“label” =(‘custom post type’, ‘text-domain’), “labels” =$labels, “description” =”, “publicly queryable” =true, “show ui” =true, “show in menu’ =true, “capability type” =”post”, “map meta cap”

Creating Categories, Tags & Sub Pages in WordPress

Making sure that your blog is set up correctly the first time is easier said than done. When I initially started writing with WordPress, I established more than 40 categories for my posts and articles! This was a serious error, and it is for this reason that I have created this piece, so that you can learn from my mistakes. It takes time and effort to set up and configure all of the many components of WordPress before you can publish your first blog post. One of these is the concept of categories.

  • Categories are similar to the index in a book
  • They organize information. Tags are used to organize entries that are related to one another.

The use of social media is one example of this. Instead of creating many categories for social media, why not establish a single category for social media and utilize tags or subpages to differentiate between the various sorts of social media? Category Social Media Sites

Choosing Categories

In the event that you wanted to start a WordPress blog, I believe the easiest method to pick what categories to establish would be to glance at the Dashboard first. In this section, you’ll find the most important sections of WordPress, where you’ll end up producing dozens of articles under each category. Examples of categories include:

  1. Dashboard
  2. sPostsPages
  3. sMedia
  4. sLinks
  5. sComments
  6. sAppearance
  7. sPlugins
  8. sUsers
  9. sTools
  10. sSettings

If you were to build a site on WordPress, 10-12 categories would be plenty to cover practically everything.

Sub PagesTags

For each category, you could simply add additional particular material by creating any of the following: For my part, I prefer tags to subpages for the following reasons. The reason I prefer tags is that they are often featured at the conclusion of each article, next to the category link, which is something I find useful. The option to view similar information that you have collected together under one specific tag is provided to your readers as a result of this. The Plugins category, for example, exemplifies this.

If you find yourself creating a significant number of entries under a single topic, you may use tags to organize material that is closely connected to one another.

Reader Interactions

It is not necessary for the WordPress page structure to be a flat structure (i.e. all pages on the same level). WordPress allows you to create a page hierarchy by constructing child pages that are subordinate to a main page. The WordPress administration interface provides the ability to designate a page as an independent page or to place it in a parent-child relationship with another page. Although a page hierarchy can have an unlimited number of subpages, it is uncommon to see more than three tiers of pages because this might make navigating more difficult.

Neither posts nor any other custom post kinds are supported by this feature.

To build a child page in WordPress, just create or update a page as you would typically do on the platform.

Note: If you do not see the Page Attributes menu, please click on the Screen Options button in the top right-hand corner of your screen to bring up the Screen Options menu.

Page > Page Attributes” title=”WordPress > Page > Page Attributes”>Page > Page Attributes” title=”WordPress > Page > Page Attributes”>Page > Page Attributes” src=” data-orig-src=” srcset=” 200w, 400w, 600w, 800w, 1200w, 1850w” src=” 200w, 400w, 600w, 800w, 1200w, 1850w” data-srcset=”200w, 400w, 600w, 800w, 1200w, 1850w” data-srcset=”200w, 400w, 600w, 800w, 1200w, 1850w” data-sizes = data-sizes “data-orig-sizes=”auto” auto” data-orig-sizes=” (max-width: 1024px) 100vw (maximum width: 640px) 100vw (1200px) 100vw “> The following is an example of a formalized formalized formalized Avada is trusted by 778,875 businesses.

Avada is trusted by 778,875 businesses.

Was this article of assistance?

Thank you for taking the time to vote!

Send a Message The Avada Users Facebook Group, which has over 23K members, is an excellent place to network with other Avada users. Obtain the ConnectedPage loading link Purchase Right Away Purchase Avada Right Away!

  • All Websites(86)
  • Corporate(36)
  • Shop / WooCommerce(20)
  • Creative(19)
  • Portfolio(18)
  • Education(15)
  • HealthBeauty(14)
  • One Page(10)
  • Food(9)
  • Events(9)
  • Sports(6)
  • Blog / Magazine(5)
  • Marketing(4)
  • Travel(4)
  • BbPress(2)
  • Coming Soon(2)
  • All Websites(86)
  • HealthBeauty
  • There are 86 plugins total, including bbPress(2), WooCommerce(20), The Events Calendar(8), Slider Revolution(15), LayerSlider(2), HubSpot(3), ConvertPlus(1), and others.

How do I change the order of pages and create sub-pages on my website through WordPress? — Slamdot Help

Daniel posted a message on June 19, 2011 Following the alteration of the content, you may choose to rearrange the page’s position in the navigation or designate it as a main page or subpage. Changing the order of pages or creating sub-pages is as simple as following these steps:

  1. Click on the “Appearance” link on the left-hand side of the screen. Then, on the left-hand side of the main Appearance menu, select “Menus” from the drop-down menu. To add a new page to your navigation menu, scroll down and choose the new page from the “Pages” list
  2. To remove a page from your navigation menu, repeat the same. To include the new page(s) in the navigation menu, click the “Add to Menu” button, which is located below the list of pages in the “Pages” list. To rearrange the pages or make a page a sub-page, simply click on the rectangle button for that page on the far right side of the screen and drag it to the position you want it to appear on the screen. If it is positioned as a sub-page, it will have a tiny indentation
  3. Otherwise, it will not. To save your changes, click the “Save Menu” button located at the upper right corner of the menu box.
  1. When you are back in the page editing screen, you can also keep the order of the pages consistent by clicking the “Pages” link on the far left menu, then clicking the “Quickedit” link under each page name and changing the Page Parent (to make it a sub-page), and/or changing the Order Number (the order of pages starts at 0, not 1)

How to create a WordPress submenu without a blank page or duplicate link

WordPress makes it incredibly simple to create a submenu, often known as a multi-level menu. WordPress provides a guide to constructing multi-level menus that is really well documented in their documentation. It is located around half-way down the basic guide to creating menus. So, why are we writing an article on something that WordPress has previously written about? In any case, if you’re establishing a sub-menu in WordPress, you may have encountered the following issue: It is WordPress’s default setting that only clickable links should be included in its menu.

It’s a reasonably simple work, but the specifics of how to complete it are not made apparent!

How to add an unlinked submenu label in WordPress

  • Navigate to AppearanceMenus in the WordPress administration. Select “Custom Link” from the drop-down menu on the left side of that page. Make the URL as simple as possible: You should enter the name you want to appear in the menu under the ‘link text’ field. Then drag and drop the actual pages (sub-pages) that you wish to show under this heading into position, nestling them beneath the menu item that you just created. When they are submenu items, they will be indented to make them more visible.

That’s all there is to it! That’s the gist of everything, to be honest. Even if the menu and its submenu choices will be shown on the page, clicking on them will not move you to another page.

How to make it look and behave less like a link

And now for the addition that is a little more sophisticated (but still not really). Nevertheless, from the perspective of usability, there is still an issue in that when a website visitor hovers over the link, it still “feels” as though the visitor should be able to click on it. It has the cursor of a link, it behaves like a link, yet it is simply pointing to a location that does not lead anywhere. The majority of people will find this acceptable, but if it drives you insane (which is exactly what I’m talking about), there is a way around it.

Go to AppearanceCustomizer and open up the Custom CSS area, then put the following code into it before saving your modifications.

From a usability aspect, you now have a header in your menu that doesn’t go anywhere, may have sub-elements beneath it, and doesn’t damage my skull in any way.

Does your web host help you with WordPress?

No? Perhaps it is time for a paradigm shift. Have you considered using our high-performance Canadian WordPress Hosting?

Add/Edit/Delete Menu Items in WordPress

When it comes to navigating your WordPress website, menus are the primary means of navigation. The Main Menu is the bar that appears at the top of most websites, and you may be familiar with it.

It includes sections such as Home, About, Contact, and others. Use this step-by-step instruction to make changes to the items on your Main Menu. Don’t forget that you may reach out to Techno Goober for assistance by calling (302) 645-7177 or by emailing us.

Quick Access:

  • Open the Menu Manager, make changes to an existing menu item, create a new menu item, or delete an existing menu item.

Open Menu Manager

To get started, go into WordPress, your content management system, and create an account. Step 1: Within the content management system, hover your cursor over Appearance and selectMenufrom the secondary menu in the left sidebar.

Edit Existing Menu Item

Step 1: Navigate to the Appearance -Menu on your computer. 2nd step: The Menu contains a list of the pages that are currently available in your menu system. Select the relevant menu item from the drop-down arrow that appears next to the menu item you want to update. Step 3: Edit your menu item by altering theNavigation Label to something more appropriate. Step 4:You may change the order of your menu items by dragging the titles to the left or right. Step 5: When you’re finished, click Save Menu to save your work.

Check out your work on the website’s front-end by going to the homepage.


Add New Menu Item

Step 1: Select the Appearance -Menu option from the drop-down menu. Step 2: There are two ways to add new items to your Menu. If the object you intend to link to is a PagewithinWordPress, the following is the syntax:

  • Select the checkbox next to the Title of the page you wish to add from the drop-down menu. You can search for a page title if you don’t see it on the first page
  • Otherwise, click onSearch. After you’ve made your selection, click on “Add to Menu.”

If the thing you intend to include is a link to a website other than WordPress:

  • Custom Links may be found in the bar at the top of the screen. Input the URL and the Link Text
  • Click “Save.” Select “Add to Menu” from the drop-down menu.

Step 3: When you’re completed, click the Save Menu button to save your work. 4. Check out your work on the website’s front-end by going to the homepage. Right-clicking on the name of your website in the upper left corner and selecting “Open in a new tab” will do this. Help! My Changes Aren’t Visible to Me!

Delete Menu Item

Step 1: Navigate to the Appearance -Menu on your computer. Second, choose the menu item you wish to remove from the list by clicking on its drop-down arrow. Step 3: To eliminate the menu item, select Remove from the drop-down menu. 4th Step: When you’re completed, click the Save Menu button. Step 5: View your work on the website’s front-end by clicking on the link below. Right-clicking on the name of your website in the upper left corner and selecting “Open in a new tab” will do this. Help! My Changes Aren’t Visible to Me!

How to create Multilevel / Hierarchical menus in WordPress

In WordPress, you may construct a multilevel / hierarchical menu using the WordPress Menu System (WordPress admin – Appearance -Menu) as well as the Theme Customizer (WordPress admin – Appearance -Menu) (WordPress admin -Appearance -Customize). Throughout this tutorial, we will go through the processes of creating a multilevel / hierarchical menu structure. Starting with the WordPress Menu System, we’ll have a look at how it works.

WordPress Menu System

WordPress Menu System access is gained by entering into your WordPress dashboard and selecting Appearance -Menu from the drop-down menu.

Set the screen Options

The screen options tab may be found in the upper right-hand corner of your screen on the right-hand side.

  1. Clicking on it will cause a drop-down menu to appear, displaying all of the possible kinds and characteristics. Check all of the checkboxes that are accessible, with the exception of the Description checkbox
  2. Menu descriptions are not supported by Customizr and Customizr Pro Theme, respectively. You should leave the Description check-box unchecked as a result of this.

Create Menu

  1. Create a new menu item by clicking on the link
  2. Fill up the blanks with your new menu title. It shall be referred to as such in this documentation. Example of a Menu
  3. To create a menu, click on the Create Menubutton.
You might be interested:  Where Is Functions Php In Wordpress? (Solved)

Assign Menu Location

After that, we’ll need to assign the menu to the appropriate position.

  1. By selecting the check-box, you may assign the Sample Menu to the Main Menu (theme locations). To save the menu, click on the Save Menu button.

Types Of Menu Items Available

Customizr and Customizr Pro Theme both have six different sorts of menu items to choose from.

  1. Pages- These are the pages that you have created on your computer. Posts- These are the blog posts that you have written for your website. Menu Items with Custom Links- You can use this feature to create a menu item that links to any URL. Categories- These are the categories that are currently available to you. Tags- These are the tags that are currently accessible to you. Format- These are the post formats that are currently available

Creating Menu Item (Parent Menu Item)

  1. The page Sample Pagewill be added to the menu as a Parent Menu Item in this case. Click on theSample Pagecheck-box and then click on theAdd to Menubutton. You will see that it has been automatically put to the right-hand panel as a menu item
  2. However, this is entirely voluntary. Normally, you will not be required to follow these procedures
  • Select the Sample Pagemenu item and then click on the tiny drop arrow to the right
  • The item will expand and show you the text inputs
  • Then click on the little drop arrow again. The Title Attribute is only seen on the front end, when the mouse pointer is moved over the menu item and remains there
  • You can insert whatever text you like here. Check the Open link in a new window or tab box. If you wish the page to open in a new tab or window, you can select this option from the drop-down menu. CSS Classes can be entered to enable specific style of this menu item through the use of custom CSS. Adding the rel property to a menu link is accomplished by using the Link Relationship (XFN) element. This documentation (Defining relationships with XFN) has further information on how to use the XFN language.
  • To save all of your changes, click on the Save Menubutton. To attach pages, articles, and other items to the menu as a Parent Menu item, repeat steps 1 through 3. Important Points to Keep in Mind:
  • Speaking from my experience, when you try to save a very large menu, it is possible that certain menu items will be lost. This occurs because the amount of data you have submitted is too large for your server to manage
  • On a mobile device, a brief and well-organized menu is quickly accessible. When using a mobile device, a long menu is difficult to access since it involves scrolling and is not user friendly
  • Normally, we only attach pages to the menu since they are not accessible until they are tagged to the menu
  • However, this is not always the case. Due to the fact that they are available from your Home page or Posts page, we do not assign posts to a menu.

Create Sub Menu Items

We may now proceed to the creation of submenu items.

Level 1 is a page that is seen in the preceding screenshot, which indicates that it is available. We will be adding a couple of submenus to it in the near future.

  1. Create a list of pages that you wish to utilize as submenu items and place them in the menu area
  • In this example, we will include pages from Levels 2a and 2b, as well as pages from Levels 3a and 3b. Select their checkboxes and then click theAdd to Menubutton.
  • You will notice that they have been added to the Menu Structure on the right
  • The WordPress menu system is drag-and-drop compatible. As a result, you will be able to click and hold a menu item, drag it to a new location, and then release the mouse button to drop it in place.
  • You will see that they have been added to the Menu Structure on the right
  • The WordPress menu system is drag-and-drop compatible. As a result, you will be able to click and hold a menu item, drag it to a new location, and then release the mouse button to drop it in its new spot.
  1. To save your configuration, select Save Menu from the drop-down menu. That is all there is to it when it comes to utilizing the WordPress Menu System to build up your menu

Theme Customizer

To save your configuration, click on Save Menu. Everything you need to know about setting up your menu using the WordPress Menu System is covered in this tutorial.

Create Menu

  1. To add a menu button, click on the Plus button. Enter a menu name, for example, we will call our menu Sample Menu 2 in this example. The following snapshot will appear when you click on the Create Menu button: After selecting theMain Menucheck box to assign Sample Menu 2 to the Main Menu, use the+ Add Itemsbutton to begin adding items to the menu. The area containing the menu item to be selected will slide out

Add Menu Items

  1. When you click on Page, a drop-down menu will appear, allowing you to pick the pages that you wish to include in the menu structure. When you click on the pages that you want to include in your menu structure, they will be instantly added to the menu structure on the left side of the screen.

Arrange Menu Items

  1. The menu items may now be organized into multi-level menus, which is the next step. When you click on the text Reorder, a set of controls will emerge, allowing you to rearrange the items. In order to organize the menu items into a multi-level structure, use the arrows to the right, left, and up for each menu item. We have completed our task. Then you can go ahead and manage your header menus by clicking on the Save and Publish button.

External Resources

Was this information helpful in answering your question? Thank you for your comments. There was a problem submitting your feedback. Please try again later. Please try your search again later.

Sub Pages WordPress Widget Tutorial

Adding new and fresh material to our websites is a regular part of our website development process. As the number of pages on your website grows, it becomes even more critical to ensure that your website is simple to browse. If our navigation system isn’t working properly, we don’t want visitors to become annoyed or simply not locate what they were searching for because of this. Incorporating a sub-navigation menu at the top of your sidebar is an excellent method to make your website more user-friendly.

In this WordPress tutorial, I’ll show you how to add a sub-pages widget to your sidebar and how to customize it.

Table of Contents:

  • Installing the plugin takes around 1:20
  • Adding the widget to your sidebar takes approximately 2:15

Look for “Subpages Widget” on Google or download it from here:

How to Create A WordPress Page and Add It to the Menu

In order to get started with your brand new WordPress website, one of the first things you’ll want to do is build a page. Creating pages will be one of your key responsibilities, regardless of whether you developed your own WordPress website, signed up for one on, or had one custom-made for you by a professional developer. Naturally, you’ll want to include it in your navigation menus as well, so that your visitors can easily discover it. With the help of this tutorial, you will learn the fundamentals of creating a WordPress page as well as how to include it in your website’s navigation menu.

Once you’ve done it a few times, you’ll be able to do it effortlessly.

Get Started

The first thing you’ll want to do is log into the administration area of your WordPress website. After you have completed this step, select the “Pages” menu option from the left navigation menu. This will lead you to a page that has a list of all of your pages.

Create A WordPress Page

To create a new entry, click the “Add New” button at the top of the page. By doing so, you will be sent to the Add New Page page, which has the WordPress editor as well as all of the configuration options for your new page. You’ll put the title of your new page in the first box on the right. Entering content for your page and inserting photos will take place in the editing area of the page. In the course of creating your new page, you will notice that a URL form will emerge immediately under the title at some time.

A permalink, often known as a “slug,” is essentially the address or URL of the page that you are now constructing on the internet.

If you don’t like the permalink that WordPress generates, you can edit it by clicking the Edit button next to it and typing in something more appropriate.

However, depending on how your navigation menu is currently arranged, this will either make the page visible to the public or prevent it from appearing in your navigation menu (more later).

You may also click the Store Draft option to save the page for later use; however, the page will not be viewable to the general public while in this mode.

Navigation Conundrum

How will your visitors be able to view your new page now that you have a gleaming new site? The way your theme is configured, as well as whether or not it supports WordPress’ built-in menu system, will have a significant impact on whether or not the page appears automatically in your navigation menu. If your theme does not support WordPress Menus, then your published page is most likely already displayed in your navigation menu by default if your theme does not support WordPress Menus. Similarly, if your theme supports WordPress Menus but does not yet have any menus associated with it, this would be the situation as well.

You will either need to configure a menu for your theme (which is most probable) or your theme will not support WordPress Menus if this is the case.

Adding The Page To Your Navigation Menu

From the WordPress administration area, select Appearance from the left-hand menu and then Menus from the drop-down menu. Menus must be created using the link provided if there are no menus already available. If any of the menus are already present, one of them will be displayed by default. It is necessary to add your new page to an existing menu after it has been selected or built. It contains all of the various spots where menu items may be placed on the left sidebar. By default, it will display a list of the pages that have been created most recently.

  1. To include it in the menu, choose it from the drop-down menu and click the Add to Menu button.
  2. To move the page to a different location in the menu, click and drag it to the desired location.
  3. Once you’ve got your menu set up the way you want it, make sure to tick the relevant boxes in the Theme Locations area of the settings page.
  4. If you need additional information about where the menus are positioned in your theme, you should visit the documentation or support team for that theme.
  5. In order to ensure that the menu appears in the manner in which you like, you should now see your home page from a visitor’s perspective.

Adding Sub Pages (Child pages) To WordPress – Knowledgebase

It is our goal in this article to show you how to include subpages, sometimes known as “Child Pages,” into your WordPress website. This is accomplished in two steps. Putting together the page

  1. Choose “pages” from the left-hand navigation of your WordPress administration area. At the top of the page, click on the “Add New” button. On the right-hand side of the page, there is a box with the header “page-attributes”
  2. Click on this box to open it. By clicking on the small arrow next to the subtitle “parent,” you may access the drop-down menu. The page that you want this new page to be associated with should be selected. Create your page and hit the “publish” button

This has resulted in the creation of the subpage beneath the parent page you selected.

Adding the New Page to Your Website’s Navigational Structure Adding this page as a subpage to the navigation of your website is now necessary. The procedure for doing so is as follows;

  1. In the WordPress administration area, hover your cursor over “appearance” and pick “menus” from the pop-out menu. Check that you are working on the proper menu at the top of the page
  2. Most sites will only have one to pick from unless you have added more options. Now, under the left-hand section labeled pages, check or tick the box next to the subpage you just made, and then click the “Add to menu” button to save your changes. If you now scroll down a bit farther, you will see that a new bar has been added to the list of available menu options
  3. Then, holding down your mouse button, drag the bar down to the page you want this page to be a subpage of and let go of your mouse button to put it in its new location. Now Drag the new page item to the right a little more, as shown in the figure below, so that it is indented below its parent page.

To save your menu, go to the top right corner of the page and click “Save Menu.” That’s all there is to it. Navigate to your website, reload the page, and hover your cursor over the parent page, and your subpage should display as a drop-down menu.

Leave a Comment

Your email address will not be published. Required fields are marked *