{"id":607,"date":"2026-06-17T06:59:07","date_gmt":"2026-06-17T06:59:07","guid":{"rendered":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/"},"modified":"2026-07-26T14:45:42","modified_gmt":"2026-07-26T12:45:42","password":"","slug":"cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2","status":"publish","type":"docs","link":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/","title":{"rendered":"Cum schimb o pictogram\u0103 din meniul backend-ului Magento 2?"},"content":{"rendered":"<p>Exist\u0103 dou\u0103 moduri de a schimba o pictogram\u0103 din meniul panoului de administrare Magento 2.<\/p>\n<h3>Metoda recomandat\u0103: imagine de fundal (background)<\/h3>\n<p>Este cea mai flexibil\u0103 metod\u0103, deoarece po\u021bi folosi orice imagine (ideal SVG). Ai nevoie de pictograma normal\u0103 \u0219i, op\u021bional, de varianta pentru hover. Converte\u0219te imaginea \u00een format <strong>base64<\/strong> (cu un convertor online) \u0219i adaug-o ca fundal \u00een fi\u0219ierul LESS\/CSS al modulului sau temei tale, \u021bintind selectorul elementului de meniu:<\/p>\n<pre><code>#menu-Vendor_Module::menu_item > a:before {\n    content: '';\n    background: url(data:image\/svg+xml;base64,&lt;STRING_BASE64&gt;) no-repeat center;\n    background-size: contain;\n}\n#menu-Vendor_Module::menu_item > a:hover:before,\n#menu-Vendor_Module::menu_item._show > a:before {\n    background: url(data:image\/svg+xml;base64,&lt;STRING_BASE64_HOVER&gt;) no-repeat center;\n    background-size: contain;\n}<\/code><\/pre>\n<p>\u00cenlocuie\u0219te <code>&lt;STRING_BASE64&gt;<\/code> cu \u0219irul generat din imaginea ta \u0219i selectorul cu id-ul real al elementului de meniu.<\/p>\n<h3>Metoda alternativ\u0103: font de pictograme<\/h3>\n<p>Po\u021bi crea \u0219i un font de pictograme propriu, dar este mai pu\u021bin comod (trebuie generat un font extern \u0219i activat \u00een tem\u0103), a\u0219a c\u0103 recomand\u0103m prima metod\u0103.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exist\u0103 dou\u0103 moduri de a schimba o pictogram\u0103 din meniul panoului de administrare Magento 2. Metoda recomandat\u0103: imagine de fundal (background) Este cea mai flexibil\u0103 metod\u0103, deoarece po\u021bi folosi orice imagine (ideal SVG). Ai nevoie de pictograma normal\u0103 \u0219i, op\u021bional, de varianta pentru hover. Converte\u0219te imaginea \u00een format base64 (cu un convertor online) \u0219i adaug-o &#8230; <a title=\"Cum schimb o pictogram\u0103 din meniul backend-ului Magento 2?\" class=\"read-more\" href=\"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/\" aria-label=\"Cite\u0219te mai multe despre Cum schimb o pictogram\u0103 din meniul backend-ului Magento 2?\">Cite\u0219te mai mult<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"whmcs_kb_id":1778,"footnotes":""},"doc_category":[160],"doc_tag":[234,439,225,373],"class_list":["post-607","docs","type-docs","status-publish","hentry","doc_category-magento-programare-aplicatii","doc_tag-administrare","doc_tag-css","doc_tag-magento-2","doc_tag-personalizare"],"year_month":"2026-10","word_count":184,"total_views":"16","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Adrian Firican","author_nicename":"techeditor1","author_url":"https:\/\/www.hostx.ro\/kb\/author\/techeditor1\/"},"doc_category_info":[{"term_name":"Magento","term_url":"https:\/\/www.hostx.ro\/kb\/docs-category\/magento-programare-aplicatii\/"}],"doc_tag_info":[{"term_name":"administrare","term_url":"https:\/\/www.hostx.ro\/kb\/docs-tag\/administrare\/"},{"term_name":"CSS","term_url":"https:\/\/www.hostx.ro\/kb\/docs-tag\/css\/"},{"term_name":"Magento 2","term_url":"https:\/\/www.hostx.ro\/kb\/docs-tag\/magento-2\/"},{"term_name":"personalizare","term_url":"https:\/\/www.hostx.ro\/kb\/docs-tag\/personalizare\/"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Schimba pictograma meniu Magento 2 - Ghid - Centrul de suport HostX<\/title>\n<meta name=\"description\" content=\"Ghid complet pentru schimbarea pictogramei din meniul backend Magento 2. Utilizeaz\u0103 metoda background cu SVG \u00een base64 sau font custom.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Schimba pictograma meniu Magento 2 - Ghid - Centrul de suport HostX\" \/>\n<meta property=\"og:description\" content=\"Ghid complet pentru schimbarea pictogramei din meniul backend Magento 2. Utilizeaz\u0103 metoda background cu SVG \u00een base64 sau font custom.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Centrul de suport HostX\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-26T12:45:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\\\/\",\"url\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\\\/\",\"name\":\"Schimba pictograma meniu Magento 2 - Ghid - Centrul de suport HostX\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/#website\"},\"datePublished\":\"2026-06-17T06:59:07+00:00\",\"dateModified\":\"2026-07-26T12:45:42+00:00\",\"description\":\"Ghid complet pentru schimbarea pictogramei din meniul backend Magento 2. Utilizeaz\u0103 metoda background cu SVG \u00een base64 sau font custom.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\\\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"InfoCentru\",\"item\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cum schimb o pictogram\u0103 din meniul backend-ului Magento 2?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/#website\",\"url\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/\",\"name\":\"Centrul de suport HostX\",\"description\":\"tutoriale gazduire web, domenii web \u0219i servere\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostx.ro\\\/kb\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ro-RO\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Schimba pictograma meniu Magento 2 - Ghid - Centrul de suport HostX","description":"Ghid complet pentru schimbarea pictogramei din meniul backend Magento 2. Utilizeaz\u0103 metoda background cu SVG \u00een base64 sau font custom.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/","og_locale":"ro_RO","og_type":"article","og_title":"Schimba pictograma meniu Magento 2 - Ghid - Centrul de suport HostX","og_description":"Ghid complet pentru schimbarea pictogramei din meniul backend Magento 2. Utilizeaz\u0103 metoda background cu SVG \u00een base64 sau font custom.","og_url":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/","og_site_name":"Centrul de suport HostX","article_modified_time":"2026-07-26T12:45:42+00:00","twitter_card":"summary_large_image","twitter_misc":{"Timp estimat pentru citire":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/","url":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/","name":"Schimba pictograma meniu Magento 2 - Ghid - Centrul de suport HostX","isPartOf":{"@id":"https:\/\/www.hostx.ro\/kb\/#website"},"datePublished":"2026-06-17T06:59:07+00:00","dateModified":"2026-07-26T12:45:42+00:00","description":"Ghid complet pentru schimbarea pictogramei din meniul backend Magento 2. Utilizeaz\u0103 metoda background cu SVG \u00een base64 sau font custom.","breadcrumb":{"@id":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostx.ro\/kb\/cum-configurez-o-pictograma-personalizata-in-backend-ul-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/www.hostx.ro\/kb\/"},{"@type":"ListItem","position":2,"name":"InfoCentru","item":"https:\/\/www.hostx.ro\/kb\/docs\/"},{"@type":"ListItem","position":3,"name":"Cum schimb o pictogram\u0103 din meniul backend-ului Magento 2?"}]},{"@type":"WebSite","@id":"https:\/\/www.hostx.ro\/kb\/#website","url":"https:\/\/www.hostx.ro\/kb\/","name":"Centrul de suport HostX","description":"tutoriale gazduire web, domenii web \u0219i servere","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostx.ro\/kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ro-RO"}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/docs\/607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/comments?post=607"}],"version-history":[{"count":2,"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/docs\/607\/revisions"}],"predecessor-version":[{"id":5873,"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/docs\/607\/revisions\/5873"}],"wp:attachment":[{"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/doc_category?post=607"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.hostx.ro\/kb\/wp-json\/wp\/v2\/doc_tag?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}