Wilt u een menu op volledig scherm maken in Elementor ? Zo ja, dan laat dit artikel zien hoe. Er is geen add-on nodig om een menu op volledig scherm te maken Elementor. Alles wat u nodig heeft is Elementor Pro.
De pro-versie vanElementor komt met een pop-up bouwer waarmee je prachtige pop-ups kunt maken. U kunt deze functie gebruiken om een menu op volledig scherm te maken in Elementor.
Als je niet ziet waar we het vandaag over willen hebben, bekijk dan deze video.
Hoe maak je een menu op volledig scherm in Elementor?
Voordat je begint, zorg ervoor dat je hebt upgrade je Elementor naar de pro-versie. Als je klaar bent, ga je naar Sjablonen -> Pop-ups. Maak een nieuwe pop-upsjabloon door op de knop Nieuwe toevoegen te klikken.
Geef uw pop-upsjabloon een naam en klik op de knop MAAK EEN MODEL.
Elementor biedt tientallen pop-upsjablonen waaruit u kunt kiezen. In deze zelfstudie maken we het model helemaal opnieuw. Sluit dus gewoon de sjabloonbibliotheek om de Elementor-editor te openen.
Voordat u begint met het maken van de pop-upsjabloon, definieert u eerst de lay-out. Open hiervoor de instellingen van het pop-upvenster door op het tandwielpictogram in de linkerbenedenhoek te klikken.
In het blok lay-out, onder het tabblad Parameters, stel de breedte in op VW van 100 en de hoogte op Aanpassen aan scherm. U kunt ook begin- en eindanimatie-effecten instellen.
Nadat u de lay-out hebt gedefinieerd, begint u met het maken van de sjabloon door een nieuwe sectie toe te voegen. U kunt alle gewenste elementen aan de sjabloon toevoegen. Om menu-items toe te voegen, kunt u de Nav Menu-widget of de Icon List-widget gebruiken.
Zie ook: Hoe een aangepaste positie voor het mobiele menu in Elementor in te stellen
In deze handleiding gebruiken we de Icon List-widget.
Bewerk elk item in de lijst. U kunt het menu-itemlabel in het veld toevoegen Teksten en voeg de link toe in het veld Pandrecht.
Ga naar het tabblad Style om lijsten te stylen. U kunt de ruimte tussen lijstitems en de uitlijning in het lijstblok instellen. Om de pictogramgrootte en -kleur in te stellen (als u pictogrammen gebruikt), kunt u het pictogramblok openen. Om de typografie (lettergrootte, lettertypefamilie, lettertypestijl) en tekstkleur van lijstitems in te stellen, kunt u het tekstblok openen.
Als je wilt, kun je de achtergrond van de sectie wijzigen. Om de knop voor het sluiten van pop-ups aan te passen, opent u de pop-upinstellingen opnieuw en gaat u naar het tabblad Style . Open het blok knop sluiten en je zult enkele opties zien om de knop Sluiten aan te passen, zoals achtergrondkleur, grootte en positie.
Als u klaar bent met het maken van de pop-upsjabloon, klikt u op het pijlpictogram naast de knop pUBLICEREN en selecteer Voorwaarden weergeven.
Stel in waar u de pop-up wilt laten verschijnen door op de knop te klikken VOEG EEN VOORWAARDE TOE en klik op de knop NEXT om de trekker in te stellen.
Activeer de optie Klik En klik op OPSLAAN & AFSLUITEN.
Pop-up sjabloonoproep
Zodra de pop-upsjabloon gereed is, kunt u deze aanroepen. Omdat u een menu op volledig scherm wilt maken, kunt u een koptekst maken met Elementor of een bestaande koptekst wijzigen.
Lees dit bericht voor meer informatie over hoe u dit kunt doen maak een aangepaste koptekst met Elementor.
U kunt de pop-upsjabloon die u zojuist hebt gemaakt, oproepen met elke Elementor-widget die een optie heeft om een link toe te voegen, zoals een knop, pictogram, pictogramvak, tekst, afbeelding, enz.
In deze zelfstudie gebruiken we de Icon Box-widget. Selecteer de widget om naar de bewerkingsmodus te gaan. Onder het tabblad Inhoud Zoek in het linkerpaneel het veld waarin u de link wilt toevoegen.
Stel de link in als dynamisch en selecteer Pop-up.
Selecteer de pop-upsjabloon die u zojuist hebt gemaakt door op het moersleutelpictogram te klikken.
Publiceer/update uw koptekstsjabloon.
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat je laat zien hoe maak een menu op volledig scherm in Elementor. Als u zich zorgen maakt over hoe u daar kunt komen, laat het ons dan binnen weten commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
