{"id":7517,"date":"2026-04-10T02:26:50","date_gmt":"2026-04-10T00:26:50","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=7517"},"modified":"2026-04-10T02:26:51","modified_gmt":"2026-04-10T00:26:51","slug":"ollie-meniu-designer-crearea-de-navigare-wordpress-moderne","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/","title":{"rendered":"Ollie Menu Designer: Crearea unei navig\u0103ri moderne \u00een WordPress"},"content":{"rendered":"<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">Meniurile standard din WordPress sunt adesea limitate la simple liste de linkuri text. <strong>Ollie Menu Designer<\/strong> este un plugin gratuit conceput pentru temele moderne bazate pe blocuri, care transform\u0103 navigarea \u00eentr-o experien\u021b\u0103 vizual\u0103 bogat\u0103. Folosind editorul nativ de blocuri WordPress, acesta v\u0103 permite s\u0103 crea\u021bi \u201cMega Menus\u201d \u0219i interfe\u021be mobile personalizate folosind acelea\u0219i blocuri pe care le utiliza\u021bi pentru paginile dvs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Acest instrument este deosebit de util pentru utilizatorii <strong>mybox<\/strong> care doresc o navigare de \u00eenalt\u0103 calitate, f\u0103r\u0103 a afecta performan\u021ba, spre deosebire de constructorii de pagini tradi\u021bionali.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Cuprins<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/#Key_Features_of_Ollie_Menu_Designer\">Caracteristici cheie ale Ollie Menu Designer<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/#Step-by-Step_Installation\">Instalare pas cu pas<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/#How_to_Build_a_Mega_Menu\">Cum se creeaz\u0103 un mega-meniu<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/#Distinction_Block\">Blocul Distinction<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/#Practical_Implications\">Implica\u021bii practice<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/ollie-menu-designer-creating-modern-wordpress-navigation\/#Summary\">Rezumat<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Key_Features_of_Ollie_Menu_Designer\"><\/span>Caracteristici cheie ale Ollie Menu Designer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Proiectare bazat\u0103 pe blocuri:<\/strong> Pute\u021bi insera imagini, butoane, coloane, bare de c\u0103utare \u0219i chiar grile de produse direct \u00een meniurile derulante.<\/li>\n\n\n\n<li><strong>Mega-meniuri:<\/strong> Crea\u021bi cu u\u0219urin\u021b\u0103 layout-uri cu mai multe coloane pentru a organiza cantit\u0103\u021bi mari de con\u021binut sau pentru a eviden\u021bia post\u0103rile recomandate.<\/li>\n\n\n\n<li><strong>Navigare orientat\u0103 c\u0103tre dispozitive mobile:<\/strong> \u00cenlocui\u021bi meniul \u201chamburger\u201d implicit cu o suprapunere personalizat\u0103 pentru dispozitive mobile, optimizat\u0103 pentru ecranele tactile \u0219i \u00een concordan\u021b\u0103 vizual\u0103 cu brandul dvs.<\/li>\n\n\n\n<li><strong>Detectare inteligent\u0103 a marginilor:<\/strong> Pluginul detecteaz\u0103 automat marginile ferestrei browserului \u0219i ajusteaz\u0103 pozi\u021biile meniurilor derulante astfel \u00eenc\u00e2t acestea s\u0103 nu fie niciodat\u0103 t\u0103iate.<\/li>\n\n\n\n<li><strong>Accesibilitate:<\/strong> Construit cu suport ARIA \u0219i navigare prin tastatur\u0103 pentru a v\u0103 asigura c\u0103 meniul dvs. func\u021bioneaz\u0103 pentru toat\u0103 lumea.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-by-Step_Installation\"><\/span>Instalare pas cu pas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<\/div>\n\n<div id=\"mybox-4158370775\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Acces timpuriu<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Mai ave\u021bi nevoie de ajutor?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contacta\u021bi echipa noastr\u0103 de servicii pentru clien\u021bi.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Trimite mesaj<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Pluginul func\u021bioneaz\u0103 cu orice tem\u0103 modern\u0103 bazat\u0103 pe blocuri, de\u0219i ofer\u0103 \u0219abloane suplimentare dac\u0103 folosi\u021bi tema gratuit\u0103 <strong>Ollie<\/strong>.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Conecta\u021bi-v\u0103 la panoul de control WordPress.<\/li>\n\n\n\n<li>Accesa\u021bi <strong>Pluginuri &gt; Ad\u0103uga\u021bi unul nou<\/strong>.<\/li>\n\n\n\n<li>C\u0103uta\u021bi <strong>\u201cOllie Menu Designer\u201d<\/strong>.<\/li>\n\n\n\n<li>Face\u021bi clic pe <strong>Instala\u021bi acum<\/strong>, apoi pe <strong>Activa\u021bi<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Build_a_Mega_Menu\"><\/span>Cum se creeaz\u0103 un mega-meniu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Odat\u0103 activat, nu mai gestiona\u021bi meniul din vechiul ecran \u201cMeniuri\u201d. \u00cen schimb, utiliza\u021bi <strong>Editorul site-ului<\/strong>:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Accesa\u021bi <strong>Aspect &gt; Editor<\/strong> \u0219i selecta\u021bi sec\u021biunea \u0219ablonului <strong>Antet<\/strong>.<\/li>\n\n\n\n<li>Face\u021bi clic pe <strong>Blocul de navigare<\/strong>.<\/li>\n\n\n\n<li>\u00cen instrumentul de inserare a blocurilor (pictograma <strong>+<\/strong>), c\u0103uta\u021bi blocul <strong>Meniu derulant<\/strong> oferit de Ollie.<\/li>\n\n\n\n<li>Da\u021bi un nume meniului derulant (de exemplu, \u201cServicii\u201d).<\/li>\n\n\n\n<li>\u00cen bara lateral\u0103 de set\u0103ri a blocului, face\u021bi clic pe <strong>\u201cCrea\u021bi unul nou\u201d<\/strong> sub panoul Meniu derulant.<\/li>\n\n\n\n<li>Se va deschide o nou\u0103 zon\u0103 de editare. Aici, pute\u021bi ad\u0103uga coloane, imagini \u0219i linkuri, la fel ca \u00eentr-o mini-pagin\u0103.<\/li>\n\n\n\n<li><strong>Salva\u021bi<\/strong> \u0219i reveni\u021bi la antet.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Distinction_Block\"><\/span>Bloc Distinction<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Menu Designer vs. Naviga\u021bie standard<\/strong> Naviga\u021bia standard din WordPress permite doar text \u0219i submeniuri. <strong>Menu Designer<\/strong> transform\u0103 fiecare meniu derulant \u00eentr-un \u201cbloc-container\u201d, permi\u021b\u00e2ndu-v\u0103 s\u0103 trata\u021bi navigarea ca pe o p\u00e2nz\u0103 de lucru pentru orice tip de con\u021binut.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Practical_Implications\"><\/span>Implica\u021bii practice<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Performan\u021b\u0103:<\/strong> Deoarece pluginul utilizeaz\u0103 API-uri \u0219i blocuri native WordPress, acesta nu adaug\u0103 aproape deloc greutate suplimentar\u0103 la timpul de \u00eenc\u0103rcare al site-ului dvs. pe infrastructura <strong>mybox<\/strong>.<\/li>\n\n\n\n<li><strong>Nu este necesar cod:<\/strong> Pute\u021bi ob\u021bine stiluri de navigare de tip \u201ctem\u0103 premium\u201d exclusiv prin intermediul editorului vizual.<\/li>\n\n\n\n<li><strong>Personalizare pentru dispozitive mobile:<\/strong> Pute\u021bi seta puncte de \u00eentrerupere specifice pentru momentul \u00een care meniul de pe desktop ar trebui s\u0103 treac\u0103 la designul personalizat pentru dispozitive mobile, oferindu-v\u0103 control total asupra experien\u021bei responsive.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Rezumat<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ollie Menu Designer este o \u201cpunte\u201d \u00eentre simplitatea WordPress \u0219i puterea designului web profesional. V\u0103 permite s\u0103 crea\u021bi o navigare atractiv\u0103 \u0219i func\u021bional\u0103, care \u00eembun\u0103t\u0103\u021be\u0219te experien\u021ba utilizatorului \u0219i estetica site-ului, r\u0103m\u00e2n\u00e2nd \u00een acela\u0219i timp u\u0219oar\u0103 \u0219i u\u0219or de gestionat.<\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[25,58],"manual_kb_tag":[],"class_list":["post-7517","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-hosting","manualknowledgebasecat-web-applications-cms"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/7517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/7517\/revisions"}],"predecessor-version":[{"id":7518,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/7517\/revisions\/7518"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/media?parent=7517"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manualknowledgebasecat?post=7517"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb_tag?post=7517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}