{"id":239568,"date":"2024-01-11T03:07:05","date_gmt":"2024-01-11T10:07:05","guid":{"rendered":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/?post_type=docs&#038;p=239568"},"modified":"2026-05-22T06:28:44","modified_gmt":"2026-05-22T13:28:44","slug":"user-avatar-login-logout-menu","status":"publish","type":"docs","link":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/doc\/user-avatar-login-logout-menu\/","title":{"rendered":"Introducing the &#8220;User Avatar&#8221; Feature in the Login Logout Menu Plugin!"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We are excited to announce the latest feature, &#8220;<strong>User Avatar,<\/strong>&#8221; in our Login Logout Menu plugin. This feature enhances the personalization of your WordPress website by allowing users to display their avatars in the navigation menu.&nbsp;<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Moreover, users can easily integrate their avatars using the <strong>%avatar%<\/strong> variable within the navigation menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/add-ons\/login-logout-menu\/\" target=\"_blank\" rel=\"noreferrer noopener\">Login Logout Menu plugin<\/a> is a versatile tool designed to add dynamic login and logout menus to any section of your WordPress website.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With this plugin, you can set the Login Page URL, Login Redirect URL, and Logout Redirect URL according to your preferences. In addition, the menu items automatically adjust based on the user&#8217;s current status, whether logged in or logged out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Key Features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dynamic Menu Items: <\/strong>The plugin provides the ability to display dynamic menu items based on the user&#8217;s login status.<\/li>\n\n\n\n<li><strong>Customizable Redirects: <\/strong>You can easily configure the Login Page URL, Login Redirect URL, and Logout Redirect URL for a seamless user experience.<\/li>\n\n\n\n<li><strong>User Avatar Integration: <\/strong>The new &#8220;User Avatar&#8221; feature lets users effortlessly display their avatars in the navigation menu.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use the &#8220;User Avatar&#8221; Feature:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Note: <\/em><\/strong><em>We assume that you have already installed and activated the Login Logout Plugin in WordPress. If not, you can check out our guide on <\/em><a href=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/doc\/how-to-create-login-logout-menu-with-loginpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>How to Create a Login Logout Menu using LoginPress (Free)<\/em><\/a><em>.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To include the <strong>&#8220;User Avatar&#8221;<\/strong> feature in your navigation menu, you need to follow these simple steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">First Edit Navigation Menu:&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First things first, navigate to your WordPress dashboard and go to the menu section.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6aae15e929b37&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6aae15e929b37\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"360\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Select-Menu-1024x360.png\" alt=\"Select Menu\" class=\"wp-image-239569\" title=\"\" srcset=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Select-Menu-1024x360.png 1024w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Select-Menu-300x105.png 300w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Select-Menu-768x270.png 768w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Select-Menu.png 1516w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"https:\/\/2.zoppoz.workers.dev:443\/http\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You will find the Login Logout option when you open the menu items sidebar. This option provides you with the following choices: Login | Log Out, Register, Profile, User.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Login-Logout-Menu-1024x609.png\" alt=\"Login Logout Menu\" class=\"wp-image-239570\" title=\"\" srcset=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Login-Logout-Menu-1024x609.png 1024w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Login-Logout-Menu-300x178.png 300w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Login-Logout-Menu-768x456.png 768w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Login-Logout-Menu.png 1289w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, choose the item you want to add to your menu list. In our case, we&#8217;re choosing Log In, Log Out Profile, and User.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"360\" src=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Menu-Selection-1024x360.png\" alt=\"Menu Selection\" class=\"wp-image-239571\" title=\"\" srcset=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Menu-Selection-1024x360.png 1024w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Menu-Selection-300x106.png 300w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Menu-Selection-768x270.png 768w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Menu-Selection.png 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Add %avatar% Variable:&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next, insert the <strong>%avatar%<\/strong> variable at the desired location within the navigation menu where you want the user avatar to appear. For example, if you want to add the avatar in the profile section, click on the dropdown arrow and add %avatar% after #loginpress-profile#. For further ado, see the screenshot below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Avatar-Code-1024x557.png\" alt=\"Avatar Code\" class=\"wp-image-239572\" title=\"\" srcset=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Avatar-Code-1024x557.png 1024w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Avatar-Code-300x163.png 300w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Avatar-Code-768x418.png 768w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/Avatar-Code.png 1053w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Save Changes:&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once done, save the menu changes, and the user avatar will be dynamically displayed in the menu for logged-in users.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"362\" src=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/User-Avatar-1024x362.png\" alt=\"User Avatar\" class=\"wp-image-239573\" title=\"\" srcset=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/User-Avatar-1024x362.png 1024w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/User-Avatar-300x106.png 300w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/User-Avatar-768x272.png 768w, https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-content\/uploads\/2024\/01\/User-Avatar.png 1274w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it! The &#8220;User Avatar&#8221; feature in the Login Logout Menu plugin allows you to add avatars to the navigation menu. This can help personalize the experience of your users. We hope you now understand what User Avatar features are offered by the <a href=\"https:\/\/2.zoppoz.workers.dev:443\/https\/wordpress.org\/plugins\/login-logout-menu\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">LoginPress Login Logout Menu plugin<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you have any doubts or questions related to this matter, please don\u2019t hesitate to contact our <a href=\"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/contact\/\">support team<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce the latest feature, &ldquo;User Avatar,&rdquo; in our Login Logout Menu plugin. This feature enhances the personalization of your WordPress website by allowing users to display their avatars in the navigation menu.&nbsp;<\/p>\n","protected":false},"author":16,"featured_media":239573,"comment_status":"open","ping_status":"closed","template":"","docs_taxonomy":[25],"class_list":["post-239568","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_taxonomy-customizer","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/docs\/239568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/comments?post=239568"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/media\/239573"}],"wp:attachment":[{"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/media?parent=239568"}],"wp:term":[{"taxonomy":"docs_taxonomy","embeddable":true,"href":"https:\/\/2.zoppoz.workers.dev:443\/https\/loginpress.pro\/wp-json\/wp\/v2\/docs_taxonomy?post=239568"}],"curies":[{"name":"wp","href":"https:\/\/2.zoppoz.workers.dev:443\/https\/api.w.org\/{rel}","templated":true}]}}