Login or Logout Menu Item vs Nav Menu Images

With this plugin you can easily add a dynamic login/logout menu item to any menu on your WordPress site. The menu item will change based on whether the current user is logged in or logged out. You can also set a specific login page url, login redirect url and a logout redirect url. Thanks to Juliobox for his prior efforts on the BAW Login/Logout Menu plugin which this is derived from CONFIGURE SETTINGS After installing and activating the plugin, you can find the settings in your dashboard under: Settings > Login or Logout Login Page URL – This should be the URL to the page where your users will login at. For most wordpress sites this will be /wp-login.php but if you’re using a membership plugin like MemberPress, it might be something like /login/ instead. Login Redirect URL – This is the URL you would like your users to be redirected to after they’ve successfully logged in. You can set it to / to take them to the home page after logging in. If you’re using a membership plugin like MemberPress, you might want to use /account/ instead. NOTE: Some plugins may override this if they are configured to redirect your users somewhere else during login. Logout Redirect URL – This is the URL you would like your users to be redirected to after they click the Logout link from this menu item. Use a / to redirect them to the home page, or you might want to redirect them back to the login page at /login/ or /wp-login.php etc. ADD ITEM TO MENU In your dashboard visit Appearance > Menus. Then at the top right of that page click the Screen Options button and ensure that Login/Logout checkbox is checked. Then select a menu to edit, or create a new menu if you don’t already have one. In the left sidebar find Login/Logout and click the checkbox next to Login|Logout and then click Add to Menu. You can now drag the menu item wherever you’d like it to appear in your menu. The URL in the menu settings must be left at #lolmiloginout# but you can change the Navigation Label if you’d like it to say something else. Just ensure that the | is there in the label separating the two words. Now save your menu. That’s it! BLOCK EDITOR (NAVIGATION BLOCK) If you’re using the block editor’s Navigation block: Add or edit a Navigation block on your page or in the Site Editor Click the (+) to add a new link In the search field, type “login” or “logout” Select “Login|Logout” from the suggestions The link will automatically show “Login” to logged-out users and “Logout” to logged-in users You can also manually type #lolmiloginout# as the URL if you prefer. Troubleshooting After logging in, menu still shows “Login” or Vice-Versa – This is most commonly caused by caching. If you’re using a caching solution such as Cloudflare, WPRocket, or others, be sure that caching is disabled for logged in users, and disable browser caching options as well. Login is redirecting users somewhere other than my settings – Many times other plugins will have their own login redirect handling which overrides this plugin’s, such as MemberPress for example. In this case, the other plugins will need to be configured to redirect the user where you’d like them to go.

Plugin homepage | Plugin author | Donate This plugin enables you to upload images for nav menu items on a menu edit screen. By default, those images will be displayed instead of text for respective menu items. Note that after upload, you should set an image as ‘featured’ to be able to display it. You can also set images that will be displayed only when you hover menu item, or when menu item is of currently displayed page. Read detailed instructions about using plugin. Developers can use many available filters to make their own way of displaying images, or even create a child class on top of base one. See source code for more ideas. Although this plugin displays uploaded images out of the box, it will probably not give best possible look, so it’s recommended to create custom CSS styles for affected elements. Nav Menu Images code is partly based on a code from now defunct plugin Custom Menu Images by Anabelle Handdoek /∞manos s.a.s and a code from plugin Metronet Profile Picture by Ronald Huereca/Metronet Norge AS.