WordPress responsief menu op volledig scherm

Maak een responsief menu op volledig scherm voor uw WordPress-website

We hebben onlangs een groeiende trend gezien van websites die een menu op volledig scherm gebruiken - dit is gebeurd om twee hoofdredenen.

Ten eerste is het nogal een agressieve zet in termen van functionaliteit, en het is een beetje ongewoon. Alle inhoud op het scherm afdekken om het menu weer te geven is een relatief nieuw concept

Een tijdje werd het echter behoorlijk trendy om een ​​responsief menu op volledig scherm te gebruiken. Zelfs grote creatieve bureaus hebben dit met succes gebruikt, en sommige websites gebruiken het nog steeds.

De tweede reden waarom dit erg populair is, is omdat dit natuurlijk een responsief menu is dat goed werkt op elk apparaat - met een goede UX om op te starten. Het menu ziet er hetzelfde uit, of dit nu een desktop, een telefoon of een tablet is, het neemt gewoon het hele scherm in beslag.

Deze WordPress-plug-in die we gebruiken CollectiveRay hebben ontwikkeld, maakt het eenvoudig om dit concept van een volledig schermmenu op uw WordPress-website te implementeren. 

Het integreert ook rechtstreeks met de WordPress-menufunctionaliteit. Het is zeer flexibel en aanpasbaar, u kunt de lettertypen, kleuren en animatierichting van het responsieve menu op volledig scherm van WordPress kiezen.

Met zo'n uitgebreide configuratie weet je zeker dat deze aansluit bij de rest van je website.

Het beste van alles - deze WordPress-plug-in is helemaal GRATIS!

Bezoek hier onze sectie WordPress-plug-ins voor meer plug-ins.

Inhoud[Zichtbaar]
 

Dit effect kan ook worden gevonden als overlay-effect op volledig scherm - maar hoe je dit ook wilt noemen - we hebben je gedekt voor WordPress ;-)

Hier is een site die het menu op volledig scherm gebruikt: Zaarly-handboek

De plug-in biedt de volgende functies:

  • Toont een responsief menu op volledig scherm in WordPress
  • Integreert rechtstreeks met WordPress-menufunctionaliteit
  • Aanpasbare animatie (swing in vanaf links, rechts, boven of onder aan het scherm)
  • Aanpasbare achtergrondkleuren
  • Aanpasbaar lettertype (met Google-lettertype - geef gewoon de naam van het Google-lettertype op)
  • Aanpasbare letterkleur

Download het WordPress-menu op volledig scherm (gratis)

Download hier! of via WordPress.org

Als je de plug-in leuk vindt, neem dan even de tijd om ons een beoordeling te geven, deel deze pagina stem op ons, of link naar ons! 

 

De module zou heel eenvoudig te gebruiken moeten zijn, maar als je een probleem tegenkomt tijdens het gebruik, laat dan een regel achter in de opmerkingen hieronder of contact, en we doen ons best om u te ondersteunen. Als je het leuk vindt en het hebt gebruikt, laat dan alsjeblieft een reactie achter met een link naar je site, het zou goed zijn om te weten dat andere mensen het nuttig hebben gevonden.

screenshot

Wordpress Responsive Full Screen Overlay Menu

Live demo - Responsief WordPress-menu op volledig scherm

Als je het in actie wilt zien, bekijk dan de WordPress Full Screen Menu Plugin demo paginaweb Hosting

Installatie

Om de module te installeren, gaat u naar (Plug-ins > Nieuw toevoegen > Plug-in uploaden), kies het bestand dat je hierboven hebt gedownload en klik op de upload en installeer knop.

 

Configuratie - Responsief menu op volledig scherm voor WordPress

Configuratie van de module gebeurt via de Uiterlijk > DC Volledig scherm opties scherm. Klik Uiterlijk > Menu Volledig scherm en u ziet een scherm dat lijkt op het onderstaande:

Volledig scherm Wordpress Menu Configuratie-opties

Pas de opties van het WordPress-menu op volledig scherm aan uw behoeften aan ;-)

Support

Plaats een bericht in de opmerkingen als je hulp nodig hebt bij het configureren van de module.

Vind je deze plug-in leuk? - Deel en abonneer! 

 

Over de auteur
David Attard
David heeft de afgelopen 21 jaar in of rond de online en digitale industrie gewerkt. Hij heeft ruime ervaring in de software- en webontwerpindustrie met behulp van WordPress, Joomla en de niches eromheen. Hij heeft gewerkt met softwareontwikkelingsbureaus, internationale softwarebedrijven, lokale marketingbureaus en is nu hoofd Marketing Operations bij Aphex Media - een SEO-bureau. Als digitale consultant ligt zijn focus op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door gebruik te maken van een combinatie van hun website en digitale platforms die vandaag de dag beschikbaar zijn. Zijn mix van technologische expertise gecombineerd met een sterk zakelijk inzicht geeft zijn geschriften een concurrentievoordeel.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...