WordPress helskärms responsiv meny

Skapa en responsiv helskärmsmeny för din WordPress-webbplats

Vi har nyligen sett en växande trend med webbplatser som använder en helskärmsmeny - detta har hänt av två primära skäl.

För det första är det ett ganska aggressivt drag när det gäller funktionalitet, och det är lite ovanligt. Att täcka allt innehåll på skärmen för att visa menyn är ett relativt nytt koncept

Men ett tag blev det ganska trendigt att använda en responsiv meny i helskärm. Även stora kreativa byråer har framgångsrikt använt detta, med vissa webbplatser som fortfarande använder det idag.

Den andra anledningen till att detta är mycket populärt är förstås att det här är en lyhörd meny som fungerar bra på alla enheter - med en bra UX att starta. Menyn ser identisk ut oavsett om det här är ett skrivbord, en telefon eller en surfplatta, den tar bara över hela skärmen.

Detta WordPress -plugin som vi på CollectiveRay har utvecklat, gör det enkelt att implementera detta koncept med en helskärmsmeny på din WordPress-webbplats. 

Det integreras också direkt med WordPress-menyfunktionaliteten. Det är väldigt flexibelt och anpassningsbart, du kan välja typsnitt, färger och animeringsriktning för WordPress-responsivmeny för helskärm.

Med en så omfattande konfiguration kan du vara säker på att den är i linje med resten av din webbplats.

Bäst av allt - detta WordPress-plugin är helt GRATIS!

För fler plugins besök här vår WordPress-plugins.

Innehåll[Show]
 

Denna effekt kan också hittas som överlagringseffekt i helskärm - men oavsett vilket namn du vill kalla detta - vi har täckt dig för WordPress ;-)

Här är en webbplats som använder helskärmsmenyn: Zaarly handbok

Plugin-programmet har följande funktioner:

  • Visar en responsiv meny på helskärm i WordPress
  • Integreras direkt med WordPress-menyfunktionen
  • Anpassningsbar animering (sväng in från vänster, höger, övre eller nedre delen av skärmen)
  • Anpassningsbara bakgrundsfärger
  • Anpassningsbart teckensnitt (med Google-teckensnitt - ange bara namnet på Google-teckensnittet)
  • Anpassningsbar typsnittsfärg

Ladda ner WordPress helskärmsmeny (gratis)

Ladda ner här! eller från WordPress.org

Om du gillar pluginet, ta en stund att ge oss ett betyg, dela den här sidan rösta på oss, eller länk till oss! 

 

Modulen ska vara väldigt enkel att använda, men om du hittar några problem när du använder den, vänligen släpp en rad i kommentarerna nedan eller kontakta, och vi gör vårt bästa för att stödja dig. Om du gillar det och använder det, vänligen lämna en kommentar med en länk till din webbplats, det skulle vara bra att veta att andra har tyckte att det var användbart.

skärmdump

Wordpress Responsive FullScreen Overlay -meny

Live Demo - Responsiv WordPress-helskärmsmeny

Om du vill se det i aktion, kolla in WordPress-hemsida för fullskärmsmeny Pluginwebbhotell

Installation

För att installera modulen, gå helt enkelt till (Plugins> Lägg till nytt> Ladda upp plugin), välj filen du har laddat ner ovan och klicka på uppladdnings- och installationsknappen.

 

Konfiguration - Responsiv meny för full skärm för WordPress

Konfigurationen av modulen görs via Utseende> DC FullScreen alternativskärmen. Klick Utseende> Helskärmsmeny och du ser en skärm som liknar den nedan:

FullScreen Wordpress-menyns konfigurationsalternativ

Ändra alternativen på WordPress-helskärmsmenyn så att de passar dina behov ;-)

Support & Kundservice

Vänligen skicka in kommentarerna om du behöver hjälp med att konfigurera modulen.

Gillar du det här pluginet? - Dela och prenumerera! 

Gå med i vår lista över 21,000 XNUMX+ prenumeranter och få fantastiskt innehåll!

 

Om författaren
David Attard
Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...