Som det gamle ordtaket sier, er et bilde verdt tusen ord. Vi kan hevde at det faktisk er langt færre, men det er ingen tvil om at nettet ikonene er kraftige og intuitive, spesielt de sosiale mediene. Den blide blå fuglen på flukt? Det stiliserte firkantede kameraet? Det røde rektangelet med runde hjørner med spillesymbolet? Du vet hva de står for uten å tenke. Sosiale medier-logoer er noen av de mest minneverdige bildene som finnes.
Å legge til sosiale medier-ikoner til WordPress-menyen din er enkelt og tar ingen tid i det hele tatt. Vi vil vise deg hvordan. Men før vi kommer ned til brass-tappene, la oss diskutere hvorfor du vil ha sosiale medieikoner i menyen din.
Mange ikoner kan rote til grensesnittet ditt, spesielt på mobile enheter. Ved å legge dem i en meny kan du enkelt unngå det. Brukere er vant til å lete etter dem i menyer, og du kan gjøre en meny mer elegant og intuitiv ved å legge til ikoner til den.
På samme måte kunne du lage en spesiell sosial meny med bare dine sosiale medieikoner, og bygg inn den menyen i et hvilket som helst widget-klart område slik at de besøkende kan nå ditt sosiale medieinnhold med et enkelt klikk og uten å måtte navigere bort fra nettstedet ditt. Dine mobilbrukere vil være spesielt takknemlige.
Hvis du bruker vårt allsidige Bridge-tema, er det omtrent så enkelt som det blir å legge til sosiale ikoner i topp- eller bunntekstmenyen. Vi har til og med en dedikert widget for det!
Alt du virkelig trenger for å installere sosiale medier-ikoner i topp- eller bunnteksten er denne praktiske videoopplæringen:
Men hvis du foretrekker opplæringen i tekstform, bla rett ned. Vi tar deg steg for steg gjennom alt du trenger å gjøre. Vi vil vise deg hvordan du gjør det for topptekstmenyen, men bunntekstområdene fungerer i prinsippet på samme måte.
Widgetområdene som er tilgjengelige for deg vil avhenge av Bridge-demoen du bruker. Overskriften for demoen vi bruker inneholder ingen sosiale ikoner.
For å fikse det, må du navigere til Utseende/widgets gjennom menyen til høyre på WordPress-dashbordet.
Deretter må du finne det riktige widgetområdet. Vi vil ha våre sosiale ikoner ved siden av menyen, og i denne Bridge-demoen er det tilsvarende området Topptekst nederst til høyre. For å plassere et sosialt ikon i et hvilket som helst widgetområde, må du dra en Qode sosialt ikon widget til det.
Deretter må du konfigurere denne widgeten. Vi vil velge Sirkel ikontype (du kan velge en annen type ikon, avhengig av nettstedets stil og utseende), den Font Elegant ikonpakke (Støttes også er Font Awesome), og Facebook ikon fra Font Elegant Ikon rullegardinmenyen, og skriv inn Tilpasset størrelse og Egendefinert formstørrelse (henholdsvis 10 og 13 piksler for oss, men du kan velge din egen). For formålet med denne demonstrasjonen vil vi forsyne widgeten med Facebook-sidens hyperkobling (du vil selvfølgelig bruke din) og endre målet til Nytt vindu. De Qode sosialt ikon widgeten inneholder også en rekke designinnstillinger som vi ikke vil gå inn på akkurat nå. Det er nok å si at mangfoldet av størrelse, farge og kantinnstillinger gjør widgeten veldig allsidig og tilpasningsdyktig til enhver stil.
Du kan befolke det samme området med noen flere sosiale ikoner, hvis du vil, som vi har gjort her. Rekkefølgen du sorterer dine sosiale ikoner i er rekkefølgen (venstre mot høyre) som ikonene vil vises i overskriften. Og nå vil overskriften din inneholde veier for dine sosiale mediekontoer.
Men hva om du vil knytte sosiale ikoner til elementer i menyen din? Bridge kan også gjøre det, og det kan også andre temaer som du kanskje bruker, men vi vil demonstrere hvordan du gjør dette med vårt tema.
Først må du navigere til Utseende/menyer og finn den øverste navigasjonsmenyen. I vårt tilfelle er navnet Mega Menu. Deretter må du legge til en lenke til en sosial medieprofil, vår Twitter-profil i vårt tilfelle. For å gjøre det må du legge til en Egendefinert kobling menyelementet til menyen din. Finn Egendefinerte lenker element i Legg til menyelementer menyen og lim inn URL-en din i URL felt. For vår Twitter skriver vi ganske enkelt Vår Twitter inn i det Linktekst feltet, og klikk på Legg til i menyen knapp.
Elementet er nå nederst på din Menystruktur, noe som betyr at den vises helt til høyre i den øverste navigasjonsmenyen. Vi liker det der, men du kan selvfølgelig organisere menyene dine slik du vil. Utvid elementet for å konfigurere det. Til Type, må du velge bred med ikoner, siden dette er den eneste menyelementtypen som vil vise et ikon i Bridge. Vi vil også velge Font Awesome for vår Ikonpakke, og fa-twitter for vår Ikon. Selvfølgelig kan du velge Font Elegant ikonpakken, og ikonet du liker for din sosiale profil. Rull litt lenger ned, klikk på Lagre meny knapp.
Og nå vil menyen din inneholde en lenke med dets sosiale ikon. Du kan legg til så mange av disse sosiale koblingene du vil, og også tilordne ikoner til andre menyelementer, men det går utover omfanget av denne demonstrasjonen.
Vårt første forslag er alltid å bruke et temas innebygde funksjonalitet for enhver effekt du ønsker å oppnå. Hvis temaet du bruker ikke har funksjonaliteten du ønsker, tilbyr en plugin ofte en god løsning. Programtillegget vi skal bruke er Menybilde. Etter å ha installert og aktivert plugin-en, vil du først bli bedt om å slå på varsler for denne plugin-en (som vi vil Hopp over), og deretter tatt til Innstillinger-skjermen. Her kan du endre ikonstørrelsene dine for å passe stilen til nettstedet ditt. Vi vil rett og slett Lagre endringer og gå videre.
Deretter navigerer du til Utseende/menyer og finn den øverste navigasjonsmenyen din, Mega-menyen. Plukke ut Egendefinerte lenker fra Legg til menyelementer menyen på venstre side, og konfigurer den. For formålet med denne demonstrasjonen vil vi lime inn URL-adressen til Instagram-profilen vår i URL felt, og tekst det med Instagramen vår i Linktekst feltet før du klikker på Legg til i menyen knappen, mens du kan velge hvilken sosial profil og ikon du liker.
Dette vil plassere en Egendefinerte lenker element nederst på din Menystruktur, noe som betyr at den vises helt til høyre i menyen. Du kan ordne menyene dine slik du vil, men vi lar det ligge der. Du må utvide elementet for å konfigurere det. Vi vil sette Tittelposisjon til Etter, som betyr at ikonet vises til venstre av Navigasjonsetikett, og klikk Sett bilde for å velge et bilde fra mediebiblioteket eller laste opp et.
Vi har forsynt mediebiblioteket vårt med et gratis Instagram-ikon. Du kan laste opp hvilket annet bilde du vil for hvert menyelement, men vi lar det være, fordi vi vil at vårt sosiale ikon virkelig skal skille seg ut og være umiddelbart gjenkjennelig. Du kan også velge en annen versjon for et ikon ved å klikke på Sett bildet på hover ikon. Til slutt, når du er fornøyd med innstillingene dine, må du klikke på Lagre meny knapp.
Og Instagram-profillinken din vil nå være stjernen i toppnavigasjonsmenyen vår!
For å konkludere
Som vi har vist, er det enkelt og raskt å legge til ikoner til menyelementene dine. Enten du bruker temaets innebygde alternativer eller en plugin, kan du gjøre din tilstedeværelse på sosiale medier kjent for besøkende på nettstedet ditt med bare noen få museklikk. Har du råd til å la være i dag og alder?
Støtt vårt arbeid ❤️
Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.
