in Site Assets with name as DownloadLinkScript.js) (function () ', url, )
Link it oup code#
Link it oup download#
It will allow users to only download the document. When we know both classes, we can create the CSS rule.įrom the admin menu bar, navigate to Customize.Ĭhoose the Custom CSS option and paste this code inside the Customization screen.Append following URL before your document copy link URL. If your theme supports it, you should spot a logged-in class or something similar.
Inside the body tag, you’ll see many classes. We are going to target the class of the list item ( li).Ī few lines above it, you’ll see the body tag. In most cases, the menu link will be nested inside a li element with a unique ID and class. While you’re logged in to your website, click Inspect on the logout menu item that you would like to hide. We need to find the logged-in added class and the menu item class we would like to hide and create the CSS rule. When we add the logout link to our website, we can see the link even if logged out.īecause there is no reason to display a logout link to users that aren’t logged in, we will need to hide it from them.Īlthough there are many plugins to display different menus to logged-in/out users conditionally, it’s simple enough to do it with CSS only.Ī specific class is added to the body tag in many themes when logged in. Hide the Log Out Link to Logged Out Visitors Great, now when checking out the footer, we see that the logout link was added successfully. Make sure to replace with your actual domain name. This time, I’ll drag it to the second footer location.Įnter the code below into the Custom HTML box and click Save. To add a logout link, we can use the Custom HTML widget.ĭrag the Custom HTML widget to your desired location. If you would only like to add a logout link, we will need to use a different widget. If you’re happy with all the extra links, great, leave it that way. The Twenty-Twenty theme only has footer options, but other themes have many others.Īfter you do it, when checking out your website, you’ll see that the Meta widget is loaded with various links.
Navigate to the widgets screen (Appearance -> Widgets) and look for the Meta widget.ĭrag the Meta widget from the left to the location where you want to display it.ĭifferent themes have different options where to place the widgets. If your footer uses widgets instead of a menu, add the logout URL to any header, footer, or sidebar widget. Navigate to Appearance -> Menus and target the menu of your footer.Īdd the link using the Custom Links option on the left and place it at the bottom of the menu. If your theme supports a footer menu and you’re using it, you can edit the footer and add a logout link the same way we did with the header. Like landing pages, you’ll need to remove your website’s header in some cases.
Link it oup how to#
Later in this article, I’ll show you how to skip this annoying warning page. Once clicked, you will see a warning page where you’ll need to click on the logout link again to log out finally. Visit your website and test your new logout link from your header menu. Great, the logout link is usually the last option on the menu, and I recommend you leave it that way. In the Link Text field, write ‘Logout’ and click on Add to Menu. On the left side, click on Custom Links, and enter the logout link of your website (the one above) in the URL field. Navigate to Appearance -> Menus and select your desired header menu. To add the logout option to the menu, we must edit the menu. This section will show you how to add the logout link to your header menu, footer menu, and sidebar. Make sure to replace it with your domain name. Now that we know that, we can add the link above to various locations on our website. If that’s the case, you’ll need to provide another alternative for your WordPress users to log out. They can always use that option to log out of your website.ĭisabling the admin bar for non-administrators will hide the logout link of the site. The menu bar is available to all other users or subscribers unless turned off.
When logged in to your website, the logout link is always accessible in the admin menu bar at the top right corner.
0 kommentar(er)
