Hvordan legge til sosiale medierikoner til WordPress

Etter å ha lest denne opplæringen, lærer du hvordan du legger til sosiale medier -ikoner som lenker til en spesifikk profil/side eller deler innleggene dine. Denne opplæringen forklarer hvordan du legger til ikoner via widgets eller blokker ved hjelp av samme plugin.

Alle instruksjoner beskrevet i denne opplæringen inkluderer skjermbilder, noe som gjør det enkelt for WordPress -nybegynnere å følge dem. Den første delen beskriver å legge til sosiale ikoner ved hjelp av widgeter, mens den andre delen forklarer hvordan du legger til ikoner ved hjelp av blokker.

Hvordan legge til sosiale medier -ikoner i WordPress ved hjelp av widgets:

Å legge til sosiale medier -ikoner i WordPress er enkelt som å installere og konfigurere en plugin. Jeg vil bruke en plugin som heter Social Icons Widget & Block for denne opplæringen av wpzoom.

For å begynne, la oss installere pluginen ved å trykke Plugins på venstre menylinje og deretter Legg til ny (Plugins> Legg til nytt) som vist på skjermbildet nedenfor.

De Legg til plugins Skjerm vist på bildet under Type “Sosiale ikoner”Eller“Sosiale ikoner widget & block av wpzoom.”Når tilgjengelige plugins er oppført, trykk på Installere nå knapp for de sosiale ikonene widget og blokkering av plugin av wpzoom.

Når du er installert, må du aktivere pluginen ved å trykke på Aktivere knapp.

Etter at plugin er installert og aktivert, kan du begynne å konfigurere den. For dette eksemplet vil vi legge til sosiale medieikoner i bunnteksten gjennom en widget levert av pluginen du nettopp installerte.

For å konfigurere plugin -en din, trykk Utseende i venstre meny og Tilpasse For å konfigurere widgeten med en forhåndsvisning (Utseende> Tilpass).

Finn widget -alternativet i venstre meny og trykk den for å vise tilgjengelige alternativer på tilpasningsskjermen, som vist nedenfor.

Velg delen du vil legge til widgeten som inneholder sosiale medier -ikoner. I mitt tilfelle er det eneste tilgjengelige stedet for å plassere widgeter bunnteksten, men du kan ha andre tilgjengelige steder. Jeg vil legge til ikonene i bunnteksten i mitt spesielle tilfelle, som vist nedenfor.

Når du har valgt delen der du vil legge til widgeten, trykker du på + (pluss) -knapp for å vise tilgjengelige widgeter.

For å finne widgeten som inneholder sosiale ikoner, type "sosial”Og velg Social Icons Block.

Når du er valgt, vil du se widget -innstillingene for hvert sosiale medieverketikon. Som standard vises Facebook, Twitter og Instagram + knapp for å legge til andre sosiale nettverk.

For å definere en profil eller side -URL for hvert nettverk, trykk på ikonet og skriv den som vist nedenfor.

For å fjerne et sosialt nettverksikon, trykk det og trykker på Slett ikonet knapp.

Når du la til nettadressene dine, fjernet de ubrukte ikonene eller lagt til nødvendig, trykk på publisere knapp for å lagre og bruke endringer som vist nedenfor.

Nå vil du se dine sosiale medieikoner på det definerte stedet på nettstedet ditt for widgeten (i mitt tilfelle ser jeg dem i bunnteksten).

Legge til sosiale medier -ikoner i WordPress ved hjelp av blokker:

Den forrige delen av denne opplæringen forklarer hvordan du legger til widgeter som inneholder sosiale medier -ikoner på WordPress. Den nåværende delen beskriver hvordan du legger til sosiale medier -ikoner til WordPress ved hjelp av blokker i innholdet. Du kan bruke denne metoden for å legge til sosiale medier -ikoner på sider eller legge ut innhold.

For å begynne, trykk Sider eller Innlegg i venstre meny, avhengig av hvor du vil legge til ikonene. Eksemplet nedenfor beskriver å legge til sosiale medieikoner på sider, men prosessen er det samme for innlegg; trykk Sider (som vist nedenfor) eller Innlegg For å vise alle sidene/innleggene dine.

Når listen over sider/innlegg dukker opp, plasser musepekeren over siden/innlegget du vil at sosiale ikoner skal legges til og trykk på Redigere alternativ.

Plasser musepekeren over stolpen/sidekroppen for å vise + (pluss) symbol for å legge til blokker, som vist på skjermdumpen nedenfor.

Skriv inn "sosiale" og trykk på sosiale ikoner i søkefeltet.

Dette trinnet er det samme som når du konfigurerer sosiale widgeter. Trykk på ikonet til det sosiale nettverket hvis URL du vil redigere.

Du kan trykke på + (pluss) symbol for å legge til andre sosiale nettverksikoner. Du kan også trykke på et sosialt nettverksikon og Slett ikonet knappen for å fjerne den.

Når du har gjort alle endringer, trykker du på publisere knapp.

Det er noen innstillinger du kan konfigurere for denne plugin. For å få tilgang til dem, trykk Innstillinger og så Sosiale ikoner widget (Innstillinger> sosiale ikoner widget).

Du vil se 4 toppfaner:

• Sosiale sett: Her kan du deaktivere sosiale ikonfonter.
• Optimalisering: Bruk Rel = ”Forhåndslasting” for å forhindre blitz av ustylet tekst og forbedre Pagespeed -poengsummen.
• Misc.: Her kan du deaktivere og aktivere sosiale ikonblokker eller widgeter globalt.
• Last opp ikoner (Pro -versjon): Dette alternativet, kun tilgjengelig på Pro -versjonen, lar deg laste opp tilpassede sosiale ikoner.

Andre alternativer for å legge til sosiale medierikoner til WordPress:

Det er mange tilgjengelige plugins for å vise sosiale medier på nettstedet ditt. Blant alternativene kan du finne følgende:

• Sosiale ikoner: Sosiale ikoner lar deg enkelt vise forskjellige populære sosiale ikoner gjennom widgets og shortcode
• Enkel sosiale ikoner: Last opp dine tilpassede sosiale medier-ikoner eller velg Font-Awesome. Bruk en widget eller kortkode for å plassere ikoner på WordPress -nettstedet ditt.
• AccessPress sosiale ikoner: Legg til sosiale medier-ikoner på nettstedet ditt, velg forhåndsdesign eller last opp dine egne.

Konklusjon:

Som du kan se, er det ganske enkelt å legge til sosiale medieikoner til et WordPress -nettsted. Enhver bruker av WordPress-nivå kan gjøre det ved å følge de enkle trinnene beskrevet ovenfor. Denne opplæringen dekket bare en plugin, men som sagt på slutten, er det mange andre alternativer, hvorav noen ble kort beskrevet tidligere. Hvis du trenger å laste opp tilpassede ikoner og ikke vil oppgradere til Pro, kan du sjekke noen alternativer som AccessPress sosiale ikoner. Jeg håper alle instruksjonene som tidligere er forklart var nyttige.

Takk for at du leser denne WordPress -opplæringen. Fortsett å følge oss for flere WordPress -tips og opplæringsprogrammer.