> ## Documentation Index > Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt > Use this file to discover all available pages before exploring further. # Navbar en Voetbalk > Maak menu links en modal windows klaar; bewerk de inhoud van lettertype of knop, pictogrammen, tabs en submenu relaties. Pagina Creative **Begin**Het gebied met bovenste menukaarten. **Menu Voettekst**reguleert de verbindingsgroepen onder het voorbeeld. Sluit **Contact en voettekst** Het gedeelte is voor sociale account adressen. [![Navbar editing area, Footer Menu, Social accounts](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/27-menu-konumlari-nl.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=c1f3e084be140571a1f5bf13a4218a3f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/27-menu-konumlari-nl.png) > [card] 1. Navbar bewerkingsgebied > > Gebruik hier de bovenste menukaarten en de nieuwe item invoegknop. > [card] 2. Het menu Voettekst > > Open het onderste menu met de pijlknop; bewerk groepen en verbindingen. > [card] 3. Sociale rekeningen > > Enter Facebook, X, Instagram, YouTube en Discord adressen uit deze sectie. ## Open het item dat je zult bewerken Naast de hoofdmenukaart **Oké.**, open en sluit de sublinks. Uw eigen item **Pen** Bewerk die opname door op de knop te drukken. Volgende item voor Navbar **+** Gebruik de knop. [![Open the bottom menu, Carry handle, Edit the item](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler-nl.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=496af32c40eb16873a90f51c61787b11)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler-nl.png) > [card] 1. Open het menu onderaan > > De pijl naast de kaart sluit en sluit de sublinks. > [card] 2. Transport handvat > > Verplaats het item naar eigen bestelling of onder een ander hoofdmenu. > [card] 3. Bewerken van het item > > De pen opent de instellingen van de bijbehorende link; de gereedschappen van elk item zijn apart. U kunt toegang krijgen tot de kaarten die niet in de horizontale strip met rechter/sol pijlen. Navigeer het bezoekersmenu in de preview, het is voor het organiseren van de Navbar kaarten menu op het. ## Gemeenschappelijke menugebieden invullen **Menutitel**De bezoeker is de naam om te klikken. **pictogram** Selecteer een pictogram uit het veld; u kunt het pictogram zoeken wanneer selectief geopend. **Bovenmenu** Bepaal dat het onafhankelijke item of ander menu de lagere verbinding heeft. **Menu voor jezelf**is het hoofdelement onafhankelijk. Wanneer u een ander menu selecteert, wordt het item eronder geplaatst. Het schrijven van de naam van een ander menu in het headerveld leidt niet tot deze relatie. **RGB** De optie beheert het kleureffect op het menu waar het wordt aangeboden. **Subinformatie** Bereid een aanvullende uitleg van het item in het veld voor. Menutype bepaalt wat er gebeurt als u klikt: **Regelmatige koppeling** opent een adres, **modal** venster opent op dezelfde pagina. ## Link toevoegen aan een pagina 1. Bereid menu-header en pictogram voor. 2. **Menu Type → Normale koppeling** Selecteer. 3. **Paginatype** Zoek de doelpagina van de selectieve. Als de keuze is vereist voor extra producten, gebruiker of pagina informatie, vul dan het relevante gebied in. 4. Als u uw adres **Speciale pagina** invult Selecteer en typ in-site pad of volledig extern adres. 5. **Tabstatus** Selecteer hetzelfde of nieuw tabblad met. 6. Controleren en controleren van de bovenste menu relatie en verschijning voorkeuren **Publiceren** Opslaan met. [![Menu header, Icon, Menu type, Connection and tab, Tab status, Bottom information, Top menu relationship, RGB view](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/15-normal-menu-nl.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=f1c7994e9780a09586e12eaec33053c7)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/15-normal-menu-nl.png) > [card] 1. Menukop > > Voer de naam in die de bezoeker in het bovenste menu zal zien. > [card] 2. Pictogram > > Selecteer het pictogram dat naast de menu-header gebruikt moet worden. > [card] 3. Menutype > > Selecteer de normale koppeling om naar een pagina over te schakelen. > [card] 4. Verbinding en tabblad > > Type het doel adres, maak hetzelfde tabblad of nieuwe tab selectie. > [card] 5. Tabstatus > > Selecteer de verbinding die geopend moet worden op het bestaande of nieuwe tabblad. > [card] 6. Sub-informatie > > Voorbereiden van aanvullende uitleg die het menu element zal begeleiden. > [card] 7. Bovenste menu relatie > > Selecteer het menu dat is verbonden als het onderste item zal worden. > [card] 8. RGB-weergave > > Open het kleurenmenu effect met deze optie. Bijvoorbeeld, kunt u een item genaamd Help Center verbinden met uw site. Om een inhoud die u maakt in het menu [Speciale pagina's](https://docs.zonely.gen.tr/nl/guides/special-pages.md) Controleer de gids. ## Wat is modal, wanneer gebruikt? **modal**Het venster dat geopend wordt op de bestaande pagina wanneer de bezoeker op het menu klikt. U kunt een korte beschrijving gebruiken of meerdere links in één venster verzamelen. De inhoud van het venster wordt getoond in plaats van naar het doel URL te gaan. Voordat u het menu **Menutype → Modal** voorbereidt, kiest u eerst **Modal Inhoud** Kies uw keuze. **Alleen tekst** een beschrijving, **Knoppen** en klikbare links. ### Alleen beschrijving tonen met het artikel 1. Nieuw item **Menutitel** Type Ondersteuningsinformatie bijvoorbeeld. 2. Selecteer het pictogram en **Menutype → Modal** Do. 3. **Modal content → Alleen schrijven** Selecteer. 4. Sluit **Modal-tekst** Schrijf een beschrijving om bezoekers te laten zien in het gebied. 5. Indien nodig **Bovenmenu** plaats het item in één groep met het venster. 6. Controleren en controleren van de afbeeldingsvoorkeuren **Publiceren** Druk op de knop. [![Menu header, Icon, Modal menu, Content type, Modal post, Menu location, Color effect](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/16-metin-menu-nl.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=cf5ed2dc6c30c0e166a2b5bd99ac74ea)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/16-metin-menu-nl.png) > [card] 1. Menukop > > Schrijf de menunaam die de bezoeker zal klikken. > [card] 2. Pictogram > > Stel een pictogram in dat bij het menu past. > [card] 3. Modal menu > > Modal menutype Modal, selecteer gewoon de inhoud als een lettertype. > [card] 4. Inhoudstype > > Selecteer het artikel om een beschrijving in dit venster te tonen. > [card] 5. Modal post > > Type de inhoud van het venster geopend door te klikken op het menu. > [card] 6. Menulocatie > > U kunt ook modal item onder een van de bovenste menu's plaatsen. > [card] 7. Kleureffect > > Open het RGB-effect van de menukop volgens uw verzoek. Modal Lettertype wordt gebruikt in plaats van dit type normaal verbindingsadres. Maak een tekst klaar die de korte ondersteuningsbeschrijving kan lezen zonder de community-informatie of bezoeker van de pagina te verlaten. Na registratie klikt u op dit menu in het zicht van de bezoeker. Controleer of de tekst uitkomt en het venster kan worden uitgeschakeld. Open het formulier van de pen van hetzelfde menu om de tekst **Bijwerken** te wijzigen Gebruik het proces. ### Bied een paar doelverbindingen met knoppen Menutype **modal**, inhoud **Knoppen** Selecteer. **Buton toevoegen** Open de lijn met de knop. Vul drie delen van elke regel: * **Drukknop Head:** Het artikel dat op het venster moet worden geklikt is de Discord Community. * **Buton URL:** Het is het opener adres van de knop. * **Knopkleur:** De uiterlijke kleur van de knop. [![Menu header, Buttons mode, Pushbutton Head, Pushbutton URL, Pushbutton Color, Pushbutton Insert, Top menu, RGB](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/18-buton-menu-nl.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=fba2da9e63744791220d7a81d47f29f0)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/18-buton-menu-nl.png) > [card] 1. Menukop > > Type de menunaam die het linksvenster opent. > [card] 2. Knoppenmodus > > Toon meerdere doelverbindingen op het venster dat opent. > [card] 3. Drukknop hoofd > > Type de naam van de knop om op het venster te klikken. > [card] 4. Drukknop URL > > Type het adres dat u kunt openen wanneer u op deze knop klikt. > [card] 5. Drukknopkleur > > Selecteer de kleur van de knop. > [card] 6. Knop invoegen > > Open de nieuwe regel; Sil knop verwijdert de bijbehorende regel alleen. > [card] 7. Bovenste menu > > Positioneer het item onder het onafhankelijke of andere menu. > [card] 8. RGB > > Selecteer de effectvoorkeur van menukop. Vernieuwen voor een tweede knop **Buton toevoegen** Gebruik. Bijvoorbeeld, u kunt een knop verbinden met Discord, de andere met het Helpcentrum. Elke regel heeft zijn eigen header, adres en kleur. De knop Line **Verwijderen** verwijdert de bijbehorende knop alleen. Voltooi en sla de bovenste menu relatie van het menu, pictogram en andere gebieden van het uitzicht. Open het menu in de bezoekersweergave; klik op elke knop en controleer het eigen doel. ## Navbar-wachtrij en sublinks wijzigen Kaart **vanaf het transportpictogram of headerveld** houden. Laat het punt tussen twee hoofdkaarten op hetzelfde niveau sorteren. Neem een link naar het midden van de doel hoofdkaart om onder een ander menu te komen. Laat de onderste lijst aan de gewenste volgorde wanneer deze wordt geopend. Verwijder de horizontale Navbar uit de geopende lijst om het hoofditem terug te maken de onderste link. structureer **hoofdmenu + onderstaand item** als twee niveaus. U kunt geen derde niveau maken door een groep sublinks in een andere groep te nemen. Houd de opstelling, verwijdering of pop-up pijlknoppen niet het dragen gebied. ## Maak voetverbindingen klaar Onder Preview **Menu Voettekst** opent u de strip met de pijlknop. Groepskoppen en sublinks verschijnen als aparte kaarten. Elke recordpen opent zijn eigen bewerkingsformulier. [![Footer tools, Main group, Bottom link, Group settings](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/30-footer-gruplari-nl.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=978e36a6d2c9c9cd7aa1ecb525668e54)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/30-footer-gruplari-nl.png) > [card] 1. Voetbalgereedschappen > > Open het paneel of bereiden nieuwe registratie met Add Items. > [card] 2. Hoofdgroep > > Wijzig de kolomvolgorde van de submen door de groep te dragen. > [card] 3. Onderste link > > Sorteer links in groep of verplaats het naar een andere groep. > [card] 4. Groepsinstellingen > > Gebruik hun eigen bewerkingstools van elke groep en verbinding. **Aan item toevoegen** Aanmelden met nieuwe registratie. Voer de koptekst en het pictogram in. Stel de paginatype, het doel en de tabvoorkeur in voor de normale verbinding. **Bovenmenu** Selecteer de groep die onafhankelijk item zal zijn of verbonden in het veld. [![Bottom menu element, Icon, Menu type, Target link, Tab, Bottom menu group](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/19-footer-menu-nl.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=fe3929953829535a75d9aa329253f7eb)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/19-footer-menu-nl.png) > [card] 1. Onderste menu-element > > Syptisch de header die getoond moet worden in Footer. > [card] 2. Pictogram > > Selecteer het pictogram van de voettekstlink. > [card] 3. Menutype > > Selecteer normale verbinding of modal window. > [card] 4. Doelverbinding > > Stel de bezoeker het opener adres en tab selectie. > [card] 5. Tab > > Bepalen van de opening van het doel op hetzelfde of nieuw tabblad. > [card] 6. Onderste menugroep > > Toon het item op zichzelf of onder een ander menu. In Footer **Menutype → Modal** U kunt het gebruiken. **Alleen tekst** Vul het Modal Lettertype wanneer geselecteerd; **Knoppen** Bereid de koptekst, URL en de kleurvelden van elke knop wanneer geselecteerd. Registratie- en controlestappen van twee modale types in Navbar zijn hier beschikbaar. Sleep de groepkop in de kolomrij, sleep de onderste verwijzing, wijzig de eigen volgorde. U kunt de link naar de groep wijzigen door de andere groep op de drop-down lijst te verlaten. ## Opslaan en verbreken van reset Nieuw menu item **Publiceren**, bestaand item **Bijwerken** opgeslagen met. Sleep en laat Navbar en Footer kaarten **orde en bovenste menu relatie worden automatisch opgeslagen**; wacht op de melding van het resultaat. Uw algemene siteinstellingen **Alles opslaan**-knop wordt niet gebruikt in plaats van deze menuformulieren. Controleer de definitieve locatie van het item als er foutmelding in de rangschikking. Navbar of Footer Menu-header **ronde pijl**opent de bijbehorende lijst met de initiële installatie-layout. Wanneer u bevestigt, wordt de menulijst vervangen door de installatie-items. Navbar en voettekst worden apart gereset. ## Voer sociale account adressen in Sluit **Contact en voettekst** Schrijf Facebook, X, Instagram, YouTube en Discord adressen uit de sectie. Gebruik het profiel, kanaal of uitnodigingslink als een volledig adres. [![Social account addresses, YouTube, Discord invitation](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar-nl.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=03496f5179a1b115a32061cac1957852)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar-nl.png) > [card] 1. Sociale rekening adressen > > Type volledige profiellinks voor Facebook, X en Instagram. > [card] 2. YouTube > > Voer het kanaaladres van de bezoeker in. > [card] 3. Discord uitnodiging > > Gebruik de geldige participatielink van uw community. Deze sociale account gebieden zijn algemene instellingen; **Alles opslaan** opgeslagen met. Ten slotte, probeer te openen en open het bovenste menu, sublinks, modal windows en voetverbindingen in de telefoonweergave. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.