Perplexity and Burstiness Guide: How to Make a Menu Item Not Clickable in WordPress

Introduction:

Oh dear! WordPress is a popular content management system that bloggers use to create websites without any prior technical knowledge. But hey, did you know that one of the crucial elements in a WordPress website is the navigation menu? It’s exciting! Navigation menus are essential because they help visitors navigate your website and find the information they need. Yeah.

Why Make a Menu Item Not Clickable?

Several reasons why you may want to make a menu item not clickable. For instance, if you have a page under construction or not yet ready for public viewing, you may want to include it in your menu, but not enable users to click on it.

Step-by-Step Guide on How to Make a Menu Item Not Clickable:

There are two possible methods of making a menu item not clickable in WordPress. One method involves using a plugin, while the other method involves using custom CSS code. Crazy stuff!

Method 1: Using a Plugin

Step 1: Install the Menu Item Visibility Control Plugin – woohoo!

The Menu Item Visibility Control plugin allows you to disable links for specific menu items easily. To install the plugin, follow these steps:

1. Go to the WordPress dashboard.
2. Hover over the ‘Plugins’ option on the left-hand menu and click on ‘Add New.’
3. In the Search box, type in ‘Menu Item Visibility Control.’
4. Find the plugin and click on the ‘Install Now’ button.
5. After installation, click on the ‘Activate’ button to activate the plugin.

Step 2: Edit the Menu Item – Yay!

After installing and activating the plugin, you can now edit the menu item to make it not clickable. Here’s how to proceed:

1. Go to Appearance > Menus.
2. Select the menu you want to work on.
3. Locate the menu item you want to make not clickable and click on the arrow to expand its options.
4. Under the ‘Menu Item Visibility’ section, check the ‘Disable’ checkbox.
5. Click on the ‘Save Menu’ button to save your changes.

Your menu item will now appear faded and not clickable. Wow!

Method 2: Using Custom CSS Code

If you’re feeling daring, you can use custom CSS codes to make a menu item not clickable. Here’s how to do it:

Step 1: Find and Copy the Menu Item ID – Okay!

The first step is to find and copy the ID of the menu item you want to make not clickable. To do this:

1. Go to Appearance > Menus.
2. Select the menu you want to edit.
3. Click on the ‘Screen Options’ button on the top-right corner of the page.
4. Under ‘Show advanced menu properties,’ check the ‘CSS Classes’ option.
5. Click on the menu item you want to make not clickable to open its options.
6. Scroll down to the CSS Classes (optional) section and add a class name that you will use to target this particular item. For instance, you can add ‘not-clickable’ as the class name.
7. Click on the ‘Save Menu’ button.

Step 2: Add Custom CSS Code – Yippee!

Now that you have the menu item ID, you can add custom CSS code to make it not clickable. Here’s how:

1. Go to Appearance > Customize > Additional CSS.
2. Enter the following code:

.not-clickable a {
  pointer-events: none;
  cursor: default;
}

1. Replace ‘not-clickable’ with the class name you used in Step 1.
2. Click on the ‘Publish’ button to save the changes.

Your menu item will now appear faded and not clickable. Hooray!

Conclusion:

Making a menu item not clickable in WordPress is not complicated if you know the steps to follow. You can use either the Menu Item Visibility Control plugin or custom CSS code to achieve this. Whichever method you choose, remember to save your changes to ensure they reflect on your website. With this guide, you can now make your navigation menu more organized and user-friendly by disabling links that are not necessary. Good luck!