Slik legger du til sosiale medier-ikoner til WordPress-sidefeltet 1

Slik legger du til sosiale medier-ikoner til WordPress-sidefeltet

Hvis du har en tilstedeværelse på sosiale medier (og hvem har ikke i disse dager), vil du det bruke den til full effekt. Uansett hvilken bransje du er i, kan det være innhold som rett og slett er mer effektivt når det deles på sosiale medier, eller innhold som ikke er ditt og ikke kan hostes på nettstedet ditt, men som du finner relevant og interessant for de besøkende. Sosiale medier kan få flere besøkende til nettstedet ditt, og det er en mengde teknikker du kan bruke for å markedsføre nettstedet ditt på sosiale nettverk. Men dette er en toveis gate: nettstedet ditt kan bidra til å bygge ditt sosiale fellesskap. Plassering av sosiale ikoner i sidefeltet vil bringe dem i fokus for de besøkende.

Men bør du gjøre det? Dette, og hvordan du gjør det, er det vi skal diskutere i denne artikkelen.

Hvorfor vil jeg ha sosiale medier-ikoner i WordPress-sidepanelet mitt?

En sidefelt er en vanlig type WordPress-widget-klare områder. Den vises, som navnet antyder, på siden av siden, atskilt fra hoveddelen av siden. Et sidefelt brukes vanligvis til å inneholde widgets som inneholder informasjon som er relevant for besøkende på nettstedet ditt uansett hvilket spesifikt innhold de ser på for øyeblikket, for eksempel kontaktinformasjon, spesialtilbud, søkefelt, høydepunkter og så videre.

Ved å legge til sosiale ikoner i sidefeltet, vil de holde dem i fokus for besøkende og rett ved fingertuppene til enhver tid, oppmuntre trafikk til sosiale mediekanaler. Vil du ikke være vert for store videofiler i nettstedets mediebibliotek? Led de besøkende til YouTube- eller Vimeo-kanalen din. Vil du gi de besøkende en kurert feed med bransjenyheter? Legg en lenke til Twitter-feeden din på sidefeltet. Vil du engasjere brukerne dine i en direkte diskusjon uten at de trenger å logge på? Prøv å vise dem veien til Facebook-gruppen din direkte fra sidefeltet.

For ikke å snakke om det Internett-brukere har begynt å forvente ikoner i sidefelt. De vil vite hvor de kan finne dem uten at du gjør dem ekstra iøynefallende. Videre vil ikke ikonene kollidere med stilen på nettstedet ditt visuelt, uansett hvordan de ser ut, og vil ikke gå seg vill i hoveddelen av sidens innhold.

For denne demonstrasjonen vil vi bruke bro-temaet vårt. Selv om temaer kan variere mellom hverandre, vil de fleste av dem ha et sidefelt-widget-område, og prosedyren for å få dine sosiale medier-ikoner inn i WordPress-sidefeltet fungerer omtrent på samme måte: ved å dra den riktige widgeten til sidebar-widget-området og deretter konfigurere den til din smak.

Hvordan legge til sosiale ikoner til sidefeltet ved å bruke Bridge WordPress-temaet

Hvis du bruker vårt fleksible Bridge-tema, bør du ikke ha noen problemer med å legge til sosiale ikoner i sidefeltet. Bridge har til og med en dedikert widget for det. Vi vil vise hvordan du gjør det ved å bruke et innlegg. Vi har tilfeldig generert noe innhold for å fylle ut hoveddelen av innlegget. Men først må du aktivere sidefeltet på temaet ditt. For å gjøre det, må du redigere et innlegg eller en side i Gutenberg. Hvis du bruker Elementor, må du fortsatt bytte til Gutenberg eller Classic-editoren kort for å endre layouten på siden for å aktivere sidefeltet.

Rull helt ned og finn Qode sidefelt menyen og velg et oppsett som viser sidefeltet. De Misligholde layout gjør det ikke, men du kan velge bredden på sidefeltet i forhold til hovedteksten og retningen. Vi gikk med Sidefelt 1/4 høyre, noe som betyr at sidefeltet vil ta opp en fjerdedel av plassen på høyre side, men du kan velge en venstre sidefelt og en tredje sides bredde i stedet for en fjerde.

Sidefeltoppsett

Deretter vil du sørge for at det sosiale ikonet vises i sidefeltet. For å konfigurere sidefeltet, naviger til Utseende/widgets ved å bruke menyen til venstre på WordPress-dashbordet.

Etter det må du dra en forekomst av Qode sosialt ikon widget til Sidefelt og plasser den der du vil ha den. Widgetene som er plassert der vil vises i rekkefølge fra topp til bunn. Vi vil ha vår sosiale widget øverst, så det er dit vi drar den til.

Slik legger du til sosiale medier-ikoner til WordPress-sidefeltet 2

Du må nå konfigurere denne widgeten. For denne demonstrasjonen vil vi velge Sirkel ikontype, men du kan velge en annen, avhengig av nettstedets design, den Font Elegant icon pack (du kan også bruke Font Awesome hvis du foretrekker det), og Twitter ikon fra Font Elegant Ikon nedtrekksmenyen. Du må angi Tilpasset størrelse og Egendefinert formstørrelse du liker (henholdsvis 10 og 13 piksler for oss). Vi vil også legge inn Twitter-feedens hyperkobling i Link og endre målet til Nytt vindu, som åpner lenken i et nytt vindu. Du kan selvfølgelig velge hvilket som helst sosialt nettverk og ikon du liker. De Qode sosialt ikon widgeten inneholder også en rekke designalternativer som går utover omfanget av denne demonstrasjonen, men mangfoldet av størrelse, farge og kantinnstillinger gjør widgeten veldig allsidig og kan tilpasses enhver stil. Da må du Lagre din Qode sosialt ikon innstillinger og så oppdater Sidefelt.

Sidefelt sosialt ikon

Og Twitter-feedikonet vårt er der, øverst i sidefeltet!

Men hva om du vil legge til sosiale ikoner med tilhørende tekst som elementer i sidefeltet? For den effekten kan du bruke Qode-ikon med tekst widget. Igjen, for at temaet skal vise sidefeltet, må du aktivere det. Åpne et innlegg eller en side i Gutenberg, bla helt ned. Finn Qode sidefelt menyen og velg et oppsett, som f.eks Sidefelt 1/4 høyre, for eksempel, som viser sidefeltet.

Sidefeltoppsett

Navigere til Utseende/widgets ved å bruke WordPress-dashbordet til høyre meny. Deretter finner du Qode-ikon med tekst widget, og dra den til toppen av Sidefelt widget.

Qode-ikon med tekstwidget

Denne widgeten må nå konfigureres. Vi vil bruke denne widgeten til å koble til Instagram-profilen vår, men den kan brukes til praktisk talt alle sosiale nettverk. Til Bokstype, vil vi velge Vanlig, for Ikonpakke vi vil velge Font Elegant, og for Font Elegant Ikon social_instagram. Til Ikontype vi vil velge Vanlig, for Ikonposisjon Venstre, og for Innholdsjustering Ikke sant. Du kan selvfølgelig sette den opp som du vil med Font Awesome ikoner, eller forskjellige ikontyper, og så videre.

Qode-ikon med tekstwidgetinnstillinger

Til Tittel, vil vi skrive Besøk oss på Instagram, og endre Titteltag til s. Tittelen kan være hva som helst du liker, men vi finner hvilken som helst tittelkode bortsett fra s for stor for denne spesielle applikasjonen. For å få koblingen til å fungere, må du skrive inn nettadressen til profilen din i Link felt (vi vil gå med vår Instagram-profil) og Instagramen vår til Linktekst.

Vi lar de andre alternativene være som de er, men du kan gjøre sidefeltet til det som passer til nettstedets layout og stil.

Qode-ikon med tekstwidgetinnstillinger

Og slik vil det sosiale ikonet ditt vises øverst i sidefeltet.

Qode-ikon med forhåndsvisning av tekst

Selvfølgelig kan du lage denne typen lenker for hvor mange sosiale nettverk du vil. Denne widgeten støtter også ikonopplasting, slik at du kan få den til å fungere for stilen til nettstedet ditt.

Hvordan legge til sosiale medier-ikoner til WordPress-sidepanelet ved hjelp av en plugin

Som alltid foreslår vi at du bruker et temas innebygde funksjonalitet for alt du vil at nettstedet ditt skal gjøre. Men hvis temaet du bruker ikke støtter den effekten du ønsker, kan du nesten alltid klare deg (eller mer enn å klare deg) med en plugin. Programtillegget vi skal bruke er Sosiale ikoner-widget og blokkering. Du må installere og aktivere denne plugin-en.

Denne plugin-en vil gi deg widgets og blokker som du kan bruke til å vise sosiale ikoner på hele nettstedet ditt, men vi vil vise deg hvordan du viser dem på sidefeltet. For å gjøre det, må du navigere til Utseende/widgets.

På venstre side, i Tilgjengelige widgets seksjonen, finn Sosiale ikoner av WPZOOM og dra den dit du vil ha den. Vi vil ha våre sosiale ikoner øverst i sidefeltet, så det er der vi plasserer det, men du kan velge hvilken posisjon du vil.

Sosiale ikoner WPZOOM

Deretter må du konfigurere widgeten. For Tittel, vil vi legge ned Følg oss på sosiale medier!, men du kan velge hvilken som helst kvikk tittel du vil. Vi vil ikke berøre noen av de andre innstillingene. Det er nok å si at pluginen tilbyr flere størrelser og fargealternativer som du kan bruke for å få sosiale ikoner til å passe til nettstedets layout.

Socail-ikoner av WPZOOM-innstillinger

Når du ruller ned, kan du velge hvilke ikoner som skal vises og i hvilken rekkefølge. Standardverdiene er Facebook, Twitter og Instagram. For å legge til en annen, klikk Legg til mer.

WPZOOM Legg til sosialt ikon

Du vil få en annen widget-seksjon med WordPress-ikonet. Si at vi vil legge til vår Pinterest profil. Vi legger til nettadressen vår ved siden av ikonet, og den endres automatisk til en Pinterest i stedet. Til slutt må du Lagre alle endringene dine, selvfølgelig.

WPZOOM Legg til Pinterest-ikon

Og akkurat som det, vil dine sosiale medier bli annonsert for besøkende på nettstedet ditt.

Forhåndsvisning av WPZOOM-ikoner

For å konkludere

Som du har sett, tar det ingen tid å legge til sosiale medier-ikoner i WordPress-sidefeltet. Du kan velge å bruke temaets innebygde alternativer, som alltid er vårt første forslag, eller velge en plugin, men uansett krever det litt mer enn et dra, et slipp og noen få museklikk. Så hvorfor ikke prøve det? De besøkende som bruker sosiale medier vil sette pris på det.

Støtt vårt arbeid ❤️

Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.

Sikker betaling med PayPal
Moyens I/O Staff har motivert deg, gitt deg råd om teknologi, personlig utvikling, livsstil og strategier som vil hjelpe deg.