
{"id":43307,"date":"2022-11-24T06:28:13","date_gmt":"2022-11-24T06:28:13","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=43307"},"modified":"2024-05-07T08:12:56","modified_gmt":"2024-05-07T08:12:56","slug":"user-avatar-top-system-menu-ubuntu","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/11\/user-avatar-top-system-menu-ubuntu\/","title":{"rendered":"Show User Avatar in Top-right System Menu in Ubuntu 24.04"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-34682\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-300x300.png 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-600x600.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-768x768.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>For Ubuntu 24.04 and Fedora Workstation with default GNOME 43 ~ 46, there&#8217;s now an extension to add user&#8217;s icon or figure (aka avatar) to the top-right corner system tray menu, which is also known as quick settings.<\/p>\n<p>With it, the &#8216;Quick Settings&#8217; menu will look like the screenshot below shows you. The avatar can be either in left or right. By clicking on it, will launch System Settings (Gnome Control Center) and automatically navigate to user settings page.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/avator-gnome43.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43308\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/avator-gnome43-515x600.webp\" alt=\"\" width=\"515\" height=\"600\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/avator-gnome43-515x600.webp 515w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/avator-gnome43-257x300.webp 257w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/avator-gnome43.webp 543w\" sizes=\"auto, (max-width: 515px) 100vw, 515px\" \/><\/a><br \/>\n<!--more--><\/p>\n<h3>How to Install the Extension in Ubuntu 24.04<\/h3>\n<p>First, open App Center app, search and and install &#8216;Extension Manager&#8217; (you need to set filtered by Debian package).<\/p>\n<div id=\"attachment_44419\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44419\" class=\"size-large wp-image-44419\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp\" alt=\"\" width=\"600\" height=\"425\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-300x212.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-768x544.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp 989w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-44419\" class=\"wp-caption-text\">Install Extension Manager in Ubuntu Software\/App Center<\/p><\/div>\n<p>After that, press Super key (the &#8216;Windows&#8217; logo key) on keyboard to activate overview screen. Search for and launch &#8220;Extension Manager&#8221;.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-39607\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp\" alt=\"\" width=\"548\" height=\"281\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp 548w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager-300x154.webp 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<p>Finally, search for and install the extension &#8220;<b>User Avatar In Quick Settings<\/b>&#8221; under &#8216;Browse&#8217; tab.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-useravatar-em.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-46529\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-useravatar-em-700x518.webp\" alt=\"\" width=\"610\" height=\"451\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-useravatar-em-700x518.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-useravatar-em-300x222.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-useravatar-em-768x568.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/install-useravatar-em.webp 931w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>For Fedora user, the extension is also available to install via ON\/OFF switch in the web page below:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/5506\/user-avatar-in-quick-settings\/\" target=\"_blank\" rel=\"noreferrer noopener\">User Avatar in Quick Settings<\/a><\/div>\n<\/div>\n<p>The link should also works in Ubuntu now, though you have to install agent package by running command: <code>sudo apt install chrome-gnome-shell<\/code> in terminal and also install the browser extension if it asks.<\/p>\n<p>To change the avatar position as well as its size, go to &#8216;Installed&#8217; tab in Extension Manager, click on the gear button to configure the extension and toggle on\/off the option to show it either in left or right.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-useravatar-extension.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-46531\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-useravatar-extension-700x529.webp\" alt=\"\" width=\"610\" height=\"461\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-useravatar-extension-700x529.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-useravatar-extension-300x227.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-useravatar-extension-768x581.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/11\/configure-useravatar-extension.webp 1038w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>That&#8217;s all. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>For Ubuntu 24.04 and Fedora Workstation with default GNOME 43 ~ 46, there&#8217;s now an extension to add user&#8217;s icon or figure (aka avatar) to the top-right corner system tray menu, which is also known as quick settings. With it, the &#8216;Quick Settings&#8217; menu will look like the screenshot below shows you. The avatar can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34682,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-43307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome"],"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/43307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=43307"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/43307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/34682"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=43307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=43307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=43307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}