Cum să adăugați pictograme personalizate pentru rețelele de socializare WordPress pe site-ul dvs. (2 moduri)

Publicat: 2022-09-29

Vrei să înveți cum să adaugi pictograme personalizate pentru rețelele sociale WordPress pe site-ul tău?

Adăugarea pictogramelor de rețele sociale la WordPress le permite vizitatorilor să cunoască în mod eficient conturile dvs. de rețele sociale și îi încurajează să vă urmărească. Majoritatea pluginurilor de rețele sociale oferă pictograme pentru platformele de rețele sociale de top, dar dacă doriți să faceți un link către o pagină de rețele sociale pe care aceste plugin-uri nu sunt compatibile, este posibil să fiți în pierdere.

În acest articol, vă vom arăta cum să adăugați cu ușurință butoane personalizate de rețele sociale la WordPress pentru a trimite utilizatorii către mai multe rețele sociale de nișă.

De ce să adăugați pictograme Social Media pe site-ul dvs. WordPress?

Adăugarea pictogramelor pentru rețelele de socializare pe site-ul dvs. WordPress face ca vizitatorii site-ului să vă găsească mai ușor pe alte platforme. Având în vedere că oamenii petrec în medie 2 ore și 27 de minute zilnic pe rețelele de socializare, a avea o prezență în afara site-ului tău web este o modalitate inteligentă de a interacționa cu publicul țintă.

În plus, pictogramele rețelelor sociale sunt mici, permițându-vă să le afișați în multe părți ale site-ului dvs., inclusiv:

  • meniuri WordPress
  • Antete WordPress
  • Subsolurile WordPress
  • Zonele widget WordPress
  • Pagini/postări WordPress
  • Produse WooCommerce

Iată o captură de ecran a modului în care WPBeginner afișează linkurile rețelelor sociale în bara sa laterală WordPress.

Pictogramele rețelelor sociale WordPress în bara laterală WPBeginner

Când adăugați pictograme pentru rețelele sociale pe site-ul dvs., este util să rețineți că butoanele de urmărire a rețelelor sociale sunt diferite de butoanele de distribuire socială sau pictogramele de partajare socială. În loc să le ceară utilizatorilor să partajeze conținut, ei îi încurajează pe vizitatori să-ți urmărească profilurile rețelelor sociale.

Acestea fiind spuse, să vedem cum să adăugați pictograme personalizate de urmărire a rețelelor sociale pe site-ul dvs.

Cum să adăugați pictograme personalizate pentru rețelele de socializare WordPress: 2 moduri

După cum am menționat mai devreme, multe plugin-uri populare WordPress nu includ funcționalitatea de a adăuga pictograme personalizate de rețele sociale pe site-ul dvs. Sunteți adesea limitat la principalele platforme sociale, cum ar fi Facebook, Twitter, Instagram, YouTube, LinkedIn și Pinterest.

Dacă publicul tău este activ pe mai multe site-uri sociale de nișă, s-ar putea să te străduiești să găsești un plugin care să răspundă nevoilor tale. Având în vedere acest lucru, vom împărtăși mai jos 2 modalități simple de a adăuga pictograme personalizate pentru rețelele sociale pe site-ul dvs. web.

  • 1. Adăugarea pictogramelor WordPress Social Media cu SeedProd
    • Pasul 1. Instalați și activați SeedProd
    • Pasul 2. Creați o temă WordPress sau o pagină de destinație
    • Pasul 3. Adăugați pictogramele personalizate de rețele sociale la WordPress
    • Pasul 4. Publicați modificările
  • 2. Utilizarea widget-ului Pictograme sociale simple

1. Adăugarea pictogramelor WordPress Social Media cu SeedProd

Pentru prima metodă, vom folosi SeedProd pentru a adăuga pictograme sociale personalizate pe site-ul dvs. web.

Creator de site-uri web SeedProd WordPress

SeedProd este cel mai bun constructor de site-uri WordPress care vă permite să creați teme WordPress personalizate și pagini de destinație fără a scrie cod. Cu sute de șabloane prefabricate, un generator de tip drag-and-drop și blocuri și secțiuni personalizabile, perfecționarea designului WordPress cu SeedProd este o briză.

În această metodă, vom folosi blocul Profiluri sociale de la SeedProd pentru a adăuga pictograme sociale personalizate pe site-ul dvs. Blocul este ușor de configurat, nu necesită CSS, HTML sau PHP personalizat și folosește editarea vizuală în loc de un cod scurt.

De asemenea, puteți utiliza acest plugin pentru a:

  • Creșteți-vă lista de e-mailuri
  • Creați o pagină în curând
  • Pune WordPress în modul de întreținere
  • Creați pagini de destinație care convertesc
  • Afișează 404 pagini personalizate
  • Creați o pagină de autentificare WordPress personalizată
  • Și mult mai mult

Urmați pașii de mai jos pentru a adăuga pictograme WordPress pentru rețelele sociale cu SeedProd.

Pasul 1. Instalați și activați SeedProd

Mai întâi, accesați pagina de prețuri SeedProd, alegeți planul și creați-vă contul. Pentru acest ghid, folosim SeedProd Pro pentru funcțiile sale avansate.

Apoi, conectați-vă la tabloul de bord al contului și accesați fila Descărcări . De acolo, puteți descărca fișierul zip al pluginului și puteți copia cheia de licență.

Găsiți cheia de licență SeedProd

Acum mergeți la zona dvs. de administrare WordPress și încărcați pluginul SeedProd. Dacă aveți nevoie de ajutor cu acest pas, urmați acest ghid despre instalarea și activarea unui plugin WordPress.

După ce ați activat pluginul, accesați SeedProd » Setări și inserați cheia de licență pe care ați copiat-o mai devreme. Faceți clic pe butonul Verificare cheie pentru a salva setările, apoi treceți la pasul următor.

introduceți cheia de licență

Pasul 2. Creați o temă WordPress sau o pagină de destinație

Următorul pas este crearea unei pagini de destinație sau a unei teme WordPress; cu toate acestea, aceasta va depinde de ce licență SeedProd alegeți la Pasul 1.

Utilizatorii Basic și Plus pot construi pagini de destinație cu SeedProd, în timp ce utilizatorii Plus și Elite pot crea pagini de destinație și teme WordPress cu acest plugin.

Urmați pașii din aceste tutoriale pentru a vă construi designul SeedProd:

  • Cum să creezi o temă WordPress personalizată
  • Cum se creează o pagină de destinație în WordPress

După ce ați creat o pagină de destinație sau o temă WordPress, treceți la Pasul 3 pentru a adăuga pictogramele personalizate pentru rețelele sociale WordPress.

Pasul 3. Adăugați pictogramele personalizate de rețele sociale la WordPress

SeedProd vă permite să adăugați pictograme personalizate pentru rețelele sociale oriunde în WordPress cu ajutorul său ușor și puternic Theme Builder. După ce ți-ai ales setul de site, este pur și simplu un caz de deschidere a fiecărei părți tematice și de adăugare a blocului Profiluri sociale.

Adăugarea pictogramelor Social Media la antetul WordPress

Să începem prin a adăuga pictograme de profil social în meniul WordPress. Pentru a face acest lucru, accesați SeedProd » Theme Builder, plasați cursorul peste șablonul Antet și faceți clic pe butonul Editați design .

editați șablonul de antet SeedProd

Pe următorul ecran, veți vedea un aspect cu două coloane ca acesta:

Aspectul constructorului antetului SeedProd

În mod implicit, șablonul pe care îl folosim are un antet de 2 coloane cu un logo și un meniu de navigare. Pentru a adăuga pictogramele profilului dvs. social, va trebui să o schimbați într-o secțiune cu 3 coloane.

Mai întâi, plasați cursorul peste secțiunea antet până când are un contur violet, apoi faceți clic pe pictograma secțiunii duplicate .

Secțiune de antet WordPress duplicat

Acum, în noua secțiune, plasați cursorul peste conținut până când acesta are un chenar albastru, apoi faceți clic pe pictograma Coș de gunoi pentru a-l elimina.

Ștergeți rândul antetului

După aceea, faceți clic pe opțiunea de aspect cu 3 coloane pentru a o adăuga la noua secțiune.

Alegeți un aspect cu 3 coloane

Apoi, mutați elementele din vechea secțiune în noua secțiune prin glisare și plasare.

Mutați blocurile WordPress vechi în coloane noi

Când ați terminat, ar trebui să aveți o coloană goală în care puteți adăuga pictogramele profilului social. Înainte de a face asta, plasați din nou cursorul peste vechea secțiune și faceți clic pe pictograma coș de gunoi pentru a o șterge.

Ștergeți secțiunea veche

Pentru a adăuga profilurile sociale personalizate la antet, găsiți blocul Profiluri sociale din bara laterală din stânga și trageți-l în coloana goală. Acum puteți face clic pe bloc pentru a vedea opțiunile de personalizare ale acestuia.

Trageți și plasați blocul Profiluri sociale

În mod implicit, blocul Profiluri sociale va afișa pictograme pentru Facebook, Twitter, Instagram și YouTube. Puteți schimba pictogramele făcând clic pe fiecare și alegând o rețea de socializare din meniul drop-down.

Rețelele de socializare SeedProd

Platformele din care puteți alege includ:

  • Discordie
  • E-mail
  • Facebook
  • Facebook Messenger
  • GitHub
  • IMDB
  • Instagram
  • LinkedIn
  • Mediu
  • Telefon
  • Pinterest
  • RSS
  • Slack
  • Snapchat
  • SoundCloud
  • Telegramă
  • TIC-tac
  • Stare de nervozitate
  • Vimeo
  • Weibo
  • Whatsapp
  • WordPress
  • YouTube
  • Personalizat

Pentru a adăuga un buton personalizat de profil de rețea socială, faceți clic pe opțiunea Personalizat și pe pictograma roată pentru a deschide setările.

Setări personalizate pentru profilul rețelelor sociale

Apoi, faceți clic pe opțiunea Alegeți pictograma și căutați o altă pictogramă folosind Font Awesome, care se potrivește nevoilor dvs. de rețele sociale. De exemplu, puteți adăuga pictograme sociale personalizate pentru Spotify, Skype, Tumblr, Behance, Airbnb, Audible, Playstation și multe altele.

Alegeți o pictogramă Font Awesome pentru rețelele sociale

După ce ați ales pictograma personalizată a profilului social, puteți schimba culoarea pictogramei și puteți adăuga linkul personalizat.

Culoarea și URL-ul personalizate pentru pictograma rețelelor sociale

Mai jos, în panoul de setări sunt opțiuni pentru a vă schimba stilul, dimensiunea și alinierea pictogramei.

Dimensiunea, stilul și alinierea pictogramei rețelelor sociale

În fila Șabloane , puteți adăuga un stil personalizat pictogramelor dvs. cu 1 clic.

Șabloane de pictograme pentru rețelele sociale

Fila Avansat oferă setări pentru a personaliza stilurile pictogramelor la un nivel granular. De exemplu, puteți schimba culoarea de fundal a pictogramei, dimensiunea, spațiul, umbra, marginea și umplutura.

De asemenea, puteți afișa sau ascunde pictogramele profilului dvs. social pe dispozitive mobile sau desktop, ceea ce este o modalitate excelentă de a îmbunătăți optimizarea mobilă pentru vizitatorii care folosesc un smartphone sau o tabletă.

Setări de vizibilitate pentru pictograma rețelelor sociale

Înainte de a salva modificările, plasați cursorul peste blocul de profiluri sociale și faceți clic pe pictograma Salvare . Acest lucru vă va permite să îl reutilizați în alte zone ale site-ului dvs. fără a adăuga manual fiecare link social și pictogramă personalizată din nou.

Salvați blocul de pictograme sociale SeedProd

Așadar, în fereastra pop-up, dă blocului tău un nume precum „pictograme sociale personalizate” și salvează.

Salvați blocul profilurilor de rețele sociale

Când sunteți mulțumit de pictogramele dvs. de rețele sociale WordPress, faceți clic pe butonul Salvați din colțul din dreapta sus al ecranului.

Salvați modificările

Acum, să adăugăm pictogramele rețelelor sociale la subsolul site-ului.

Adăugarea pictogramelor Social Media la subsolul WordPress

Pentru a adăuga pictograme sociale la subsol, accesați tabloul de bord al generatorului de teme SeedProd, plasați cursorul peste șablonul Subsol și faceți clic pe linkul Editați design .

Editați designul subsolului dvs

Apoi, deschideți titlul Blocuri salvate din bara laterală din stânga și trageți peste blocul de pictograme sociale personalizate pe care l-ați salvat în ultimul pas într-o coloană din zona de subsol.

Alegeți blocul de pictograme sociale personalizate salvat

Dacă subsolul dvs. WordPress are o culoare de fundal similară cu pictogramele dvs., puteți face clic pe fila Avansat și alegeți o nouă culoare pentru pictogramă cu selectorul de culori.

Setări avansate de culoare a profilurilor sociale

Când totul pare potrivit, faceți clic pe butonul Salvare pentru a stoca modificările.

Adăugarea pictogramelor Social Media la bara laterală WordPress

Pentru a adăuga pictograme sociale personalizate în bara dvs. laterală WordPress, reveniți la tabloul de bord al generatorului de teme, plasați cursorul peste șablonul Bară laterală și faceți clic pe linkul Editați design .

Editați designul barei laterale

Acum repetați instrucțiunile de la pasul anterior și faceți clic pe butonul Salvare când ați terminat.

adăugarea pictogramelor rețelelor sociale în bara laterală cu SeedProd

De asemenea, puteți repeta acest proces pentru orice pagină de pe site-ul dvs., inclusiv paginile de destinație și paginile de conținut, cum ar fi paginile despre, serviciile și paginile de contact.

Pasul 4. Publicați modificările

Ultimul pas este să vă publicați noua temă WordPress, astfel încât vizitatorii site-ului dvs. să poată vedea noile pictograme de profil de rețele sociale. Pentru a face acest lucru, accesați tabloul de bord Theme Builder și rotiți comutatorul Activare tema SeedProd în poziția „Da”.

activați tema SeedProd

Acum puteți arunca o privire asupra modificărilor dvs. Iată câteva exemple din acest tutorial:

Antet

Pictogramele rețelelor sociale în exemplul de antet

Subsol

Pictogramele rețelelor sociale în exemplu de subsol

Bara laterală

Pictogramele rețelelor sociale în exemplul barei laterale

2. Utilizarea widget-ului Pictograme sociale simple

Următoarea metodă este utilă dacă doriți să adăugați doar pictograme personalizate pentru rețelele sociale în bara laterală sau în zonele widget-ului WordPress. Dacă sunteți în căutarea unui plugin gratuit cu pictograme personalizate, puteți încerca Social Icons Widget & Block de la WPZOOM.

Cu toate acestea, vom folosi un plugin WordPress numit Simple Social Icons pe care îl puteți descărca gratuit din depozitul de pluginuri WordPress, deoarece este simplu, fără clopote și fluiere suplimentare.

Mai întâi, accesați Pluginuri » Adăugați nou din tabloul de bord WordPress, căutați pluginul Simple Social Icons și faceți clic pe butonul Instalați acum .

Instalați pictograme sociale simple

Apoi, faceți clic pe butonul Activare pentru a activa pluginul pe site-ul dvs. WordPress.

După instalarea pluginului, navigați la Aspect » Widgeturi și faceți clic pe pictograma plus (+) pentru a adăuga un nou bloc în bara laterală.

Adăugați widgetul Simple Social Icons

Va trebui să căutați blocul Pictograme sociale simple și să faceți clic pe el pentru a-l încorpora în zona widget-ului.

În setările de blocare, dați widget-ului un titlu precum „Urmăriți-ne”, apoi faceți clic pe caseta de selectare pentru a deschide linkuri într-o filă nouă. Aceasta este o modalitate excelentă de a menține utilizatorii pe site-ul dvs. și de a reduce ratele de respingere, ceea ce vă poate ajuta SEO.

Editați dimensiunea, chenarul și alinierea pictogramelor sociale simple

Apoi, continuați și ajustați dimensiunea pictogramei, raza marginii, lățimea și alinierea.

Apoi, derulați în jos și alegeți o culoare de pictogramă personalizată, o culoare de hover, o culoare de fundal, o culoare de fundal, o culoare de chenar și o culoare de margine de fundal.

Editați culorile pictogramelor sociale simple

În cele din urmă, puteți introduce linkurile de profil pentru peste 20 de platforme de social media, inclusiv:

  • Blogluvin
  • Dribla
  • Flickr
  • Goodreads
  • Periscop
  • Întâlnire
  • Și principalele site-uri de rețele sociale.
adăugați linkurile dvs. sociale la Pictograme sociale simple

Nu uitați să faceți clic pe butonul Actualizare pentru a salva noua caracteristică. Apoi puteți previzualiza bara laterală WordPress pentru a vedea cum arată pictogramele rețelelor sociale.

Exemplu de pictograme sociale simple în bara laterală WordPress

Asta e!

Sperăm că acest articol v-a ajutat să învățați cum să adăugați pictograme personalizate pentru rețelele sociale WordPress pe site-ul dvs. de afaceri.

S-ar putea să vă placă și aceste alte ghiduri utile de pe blogul nostru:

  • Cum să creezi o pagină WordPress modernă în construcție
  • Cum să-ți promovezi blogul (Ghid pentru începători)
  • Cum să încorporați evenimente Facebook pe WordPress

Multumesc pentru lectura. Vă rugăm să ne urmăriți pe YouTube, Twitter și Facebook pentru mai mult conținut util pentru a vă dezvolta afacerea.