Som det gamle ordsprog siger, siger et billede mere end tusind ord. Vi kan argumentere for, at det faktisk er langt færre, men der er ingen tvivl om, at nettet ikoner er kraftfulde og intuitive, især de sociale medier. Den glade blå fugl på flugt? Det stiliserede firkantede kamera? Det runde-hjørnede røde rektangel med spillesymbolet? Du ved, hvad de står for uden selv at tænke. Sociale medier-logoer er nogle af de mest mindeværdige billeder, der findes.
Det er nemt at tilføje sociale medier-ikoner til din WordPress-menu og tager ingen tid overhovedet. Vi viser dig hvordan. Men før vi kommer ned til messing-tæpperne, lad os diskutere, hvorfor du vil have dine sociale medie-ikoner i din menu.
Masser af ikoner kan rode på din grænseflade, især på mobile enheder. Ved at lægge dem i en menu kan du nemt undgå det. Brugere er vant til at lede efter dem i menuer, og du kan gøre en menu mere elegant og intuitiv ved at tilføje ikoner til det.
På samme måde kunne du oprette en særlig social menu med kun dine sociale medieikoner, og indlejr den menu i ethvert widget-klar område, så dine besøgende kan nå dit sociale medieindhold med et enkelt klik og uden at skulle navigere væk fra dit websted. Dine mobilbrugere vil være særligt taknemmelige.
Hvis du bruger vores alsidige Bridge-tema, er det så nemt som muligt at tilføje sociale ikoner til din sidehoved- eller sidefodsmenu. Vi har endda en dedikeret widget til det!
Alt du virkelig behøver for at installere sociale medier-ikoner i din sidehoved eller sidefod er denne praktiske video-tutorial:
Men hvis du foretrækker dine tutorials i tekstform, skal du rulle helt ned. Vi tager dig trin for trin gennem alt, hvad du skal gøre. Vi viser dig, hvordan du gør det til din sidehovedmenu, men sidefodsområderne fungerer i princippet på samme måde.
De widgetområder, der er tilgængelige for dig, afhænger af den Bridge-demo, du bruger. Overskriften til den demo, vi bruger, indeholder ingen sociale ikoner.
For at rette op på det, skal du navigere til Udseende/widgets gennem menuen til højre på dit WordPress-dashboard.
Dernæst skal du finde det korrekte widgetområde. Vi vil have vores sociale ikoner ved siden af menuen, og i denne Bridge-demo er det tilsvarende område Overskrift nederst til højre. For at placere et socialt ikon i et hvilket som helst widgetområde skal du trække en Qode sociale ikon widget til det.
Dernæst skal du konfigurere denne widget. Vi vil vælge Cirkel ikontype (du kan vælge en anden type ikon, afhængigt af din hjemmesides stil og udseende), den Font Elegant ikonpakke (også understøttet er Font Awesome), og Facebook ikon fra Font Elegant Ikon rullemenuen, og gå ind i Brugerdefineret størrelse og Brugerdefineret formstørrelse (henholdsvis 10 og 13 pixels for os, men du kan vælge din egen). Til formålet med denne demonstration vil vi forsyne widgetten med vores Facebook-sides hyperlink (du skal selvfølgelig bruge dit) og ændre målet til Nyt vindue. Det Qode sociale ikon widget indeholder også adskillige designindstillinger, som vi ikke vil gå ind på lige nu. Det er tilstrækkeligt at sige, at de mange størrelser, farver og kantindstillinger gør widgetten meget alsidig og kan tilpasses enhver stil.
Du kan befolke det samme område med nogle flere sociale ikoner, hvis du vil, som vi har gjort her. Den rækkefølge, du sorterer dine sociale ikoner i, er den rækkefølge (venstre mod højre), som ikonerne vises i i overskriften. Og nu vil din header indeholde muligheder for dine sociale mediekonti.
Men hvad hvis du vil knytte sociale ikoner til elementer i din menu? Bridge kan også gøre det, og det kunne andre temaer, som du måske bruger, også, men vi vil demonstrere, hvordan du gør dette med vores tema.
Først skal du navigere til Udseende/menuer og find din øverste navigationsmenu. I vores tilfælde er dens navn Mega Menu. Dernæst skal du tilføje et link til en social medieprofil, vores Twitter-profil i vores tilfælde. For at gøre det skal du tilføje en Brugerdefineret link menupunkt til din menu. Find Brugerdefinerede links vare i Tilføj menupunkter menuen og indsæt din URL i URL Mark. Til vores Twitter skriver vi blot Vores Twitter ind i Link tekst feltet, og klik på Tilføj til menu knap.
Elementet er nu i bunden af din Menustruktur, hvilket betyder, at den vises yderst til højre i den øverste navigationsmenu. Vi kan lide det der, men du kan selvfølgelig organisere dine menuer, som du vil. Udvid elementet for at konfigurere det. Til Type, skal du vælge bred med ikoner, da dette er den eneste menupunkttype, der vil vise et ikon i Bridge. Vi vil også vælge Font Awesome for vores Ikonpakke, og fa-twitter for vores Ikon. Du kan selvfølgelig vælge Font Elegant ikonpakke og det ikon, du kan lide til din sociale profil. Rul lidt længere ned, klik på Gem menu knap.
Og nu vil din menu indeholde et link med dets sociale ikon. Du kan tilføje så mange af disse sociale links, som du vil, og også tildele ikoner til andre menupunkter, men det går ud over omfanget af denne demonstration.
Vores første forslag er altid at bruge et temas indbyggede funktionalitet til enhver effekt, du ønsker at opnå. Hvis det tema, du bruger, ikke har den funktionalitet, du ønsker, tilbyder et plugin ofte en god løsning. Det plugin vi skal bruge er Menubillede. Efter at have installeret og aktiveret pluginnet, bliver du først bedt om at slå notifikationer til for dette plugin (som vi vil Springe), og derefter ført til skærmen Indstillinger. Her kan du ændre dine ikonstørrelser, så de passer til din hjemmesides stil. Det vil vi simpelthen Gem ændringer og gå videre.
Derefter skal du navigere til Udseende/menuer og find din øverste navigationsmenu, Mega Menu. Vælg Brugerdefinerede links fra Tilføj menupunkter menuen i venstre side, og konfigurer den. Med henblik på denne demonstration vil vi indsætte vores Instagram-profils URL i URL felt, og tekst det med Vores Instagram i Link tekst feltet, før du klikker på Tilføj til menu knappen, mens du kan vælge den sociale profil og det ikon, du kan lide.
Dette vil placere en Brugerdefinerede links element i bunden af din Menustruktur, hvilket betyder, at den vises yderst til højre i din menu. Du kan arrangere dine menuer, som du vil, men vi lader dem stå der. Du skal udvide elementet for at konfigurere det. Vi vil indstille Titelposition til Efter, hvilket betyder, at ikonet vises for venstre af Navigationsmærke, og klik Indstil billede for at vælge et billede fra dit mediebibliotek eller uploade et.
Vi har forsynet vores mediebibliotek med et gratis Instagram-ikon. Du kan uploade hvilket andet billede du kan lide for hvert menupunkt, men vi lader det være, fordi vi ønsker, at vores sociale ikon virkelig skiller sig ud og er genkendeligt med det samme. Du kan også vælge en anden version for et on-hover-ikon ved at klikke på Indstil billede ved at svæve ikon. Til sidst, når du er tilfreds med dine indstillinger, skal du klikke på Gem menu knap.
Og dit Instagram-profillink vil nu være stjernen i vores øverste navigationsmenu!
Afslutningsvis
Som vi har vist, er det nemt og hurtigt at tilføje ikoner til dine menupunkter. Uanset om du bruger dit temas indbyggede muligheder eller et plugin, kan du gøre din tilstedeværelse på sociale medier kendt for de besøgende på dit websted med blot et par klik med musen. Har du råd til at lade være i denne tid?
Støt vores arbejde ❤️
Hvis du kunne lide denne artikel, kan du overveje at give drikkepenge for at hjælpe os med fortsat at udgive kvalitetsindhold.
