Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adaugi butonul oficial de urmărire Twitter în WordPress

Twitter își extinde funcționalitățile către lumea largă a internetului. Totul a început cu butonul oficial de tweet, apoi Platforma Twitter Anywhere, și recent noul buton oficial de urmărire Twitter. Probabil vă întrebați ce naiba este acest buton de urmărire Twitter? Ce este diferit la butonul de urmărire Twitter și la butonul de urmărire inteligent? Nu vă faceți griji, în acest articol vom acoperi ce este butonul de urmărire Twitter și cum îl puteți adăuga pe site-ul dvs. WordPress.

Ce este butonul de urmărire Twitter

Butonul de urmărire Twitter este un mic widget care permite utilizatorilor să vă urmărească ușor contul de Twitter (sau orice cont de Twitter) de pe orice site web. Butonul de urmărire folosește același model de implementare ca și butonul oficial de tweet și este foarte simplu de integrat. Puteți vedea demo-ul butonului de urmărire în colțul din stânga sus al imaginii de mai jos. Când faceți clic pe butonul de urmărire, se deschide o fereastră cu mai multe informații despre utilizator.

Buton de urmărire Twitter

Probabil vă întrebați cum diferă de butonul Smart Follow de mai jos?

Ei bine, butonul Smart Follow necesită să faceți întreaga integrare Twitter Anywhere. De asemenea, nu vă permite să afișați numărul de urmăritori sau să faceți nicio personalizare. În timp ce butonul de urmărire Twitter vă permite să afișați numărul și este foarte ușor de integrat. Verificați exemplul live de mai jos (nu uitați să apăsați pe urmărire pentru a vedea ce face):

Cum să adaugi butonul oficial de urmărire Twitter în WordPress

Puteți accesa pagina Buton de urmărire și genera un cod pentru dvs. Sau puteți pur și simplu copia codul de mai jos:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>

P.S. Asigurați-vă că schimbați numele de utilizator cu al dvs.

Dacă folosiți butonul oficial de tweet, atunci nu trebuie să lipiți scriptul de două ori. Deci codul dvs. va arăta așa:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>

Acum puteți lipi codul oriunde doriți în tema WordPress. Majoritatea oamenilor vor pune un astfel de cod în fișierul lor sidebar.php. Cu toate acestea, dacă nu vă simțiți confortabil să editați un fișier de temă, atunci puteți utiliza și widgeturile de temă WordPress. Toate temele bune vin cu bare laterale pregătite pentru widgeturi. Deci, tot ce ar trebui să faceți este să mergeți la fila Aspect » Widgeturi. Apoi adăugați un widget de text la bara laterală corespunzătoare. În cele din urmă, lipiți codul de mai sus și ați terminat. Uitați-vă la captura de ecran de mai jos pentru exemplu:

Widget Buton Urmărire Twitter

Nu este absolut necesar să adăugați un plugin pentru a face ceva atât de simplu.

Personalizare avansată

Această secțiune este destinată designerilor și dezvoltatorilor care doresc să personalizeze mai mult acest buton pentru a se potrivi schemei de culori a site-ului lor etc. Twitter vă permite să personalizați culoarea butonului, culoarea textului, culoarea linkului, limba, widgetul și alinierea pluginului.

Variabile disponibile în versiunea JavaScript pe care o folosim:

  • data-show-count (true sau false)
  • data-button (albastru sau gri)
  • data-text-color (cod hex)
  • data-link-color (cod hex)
  • data-lang (en, fr, de, es) – folosește codul de limbă ISO-639-1 de două litere
  • data-width – (300px)
  • data-align – (right)

Dacă doriți să o specificați într-un cod, ar arăta cam așa:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>

Resurse:

Documentație buton de urmărire
Generator buton de urmărire

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

30 CommentsLeave a Reply

  1. Salut,

    Am încercat să măresc lățimea cu opțiunea "data-width=300px", dar nu funcționează.

  2. SUPER! Nu voiam să instalez încă un plugin și acesta a funcționat de minune! Știu că este o postare veche, dar hei, ai nimerit-o!!!

    Mulțumesc mult!

  3. Salut, mulțumesc pentru informații. Am adăugat asta pe pagina mea HTML, dar linkul apare doar cu text (adică numele meu de Twitter) și nu cu butonul oficial Twitter. Aveți vreun sfat? Mulțumesc anticipat.

  4. Salut
    ce se întâmplă dacă am mai mulți autori pe blogul meu și vreau ca butonul de urmărire Twitter al fiecărui autor să fie afișat pentru postările pe care le-au trimis?

  5. Acesta este grozav! Mulțumesc.

    Mi-am construit blogul de la zero, fără cunoștințe anterioare, iar resurse precum ale dvs. s-au dovedit a fi neprețuite pe parcurs.

    Am o întrebare totuși: există vreo modalitate de a ascunde sau elimina contorul? Este pe jumătate obturat de o imagine, așa că m-am gândit să scap de el. Am încercat să șterg ceea ce credeam că este piesa evidentă de cod, dar este încă acolo.

  6. Am reușit să postez butonul corect și funcționează și totul, dar nu știu cum să schimb locația unde se află. L-am postat în antetul meu, dar vreau ca butonul să apară chiar lângă pictograma mea FB și acum este acoperit pe jumătate de o altă imagine din antet. Sugestii??

      • Pentru oricine altcineva care are această problemă-

        Am postat linkul furnizat pe această pagină în secțiunea mea de antet. Pentru a edita locația, trebuie să accesați secțiunea de stil. Am folosit acest cod:

        .twitter-follow-button { display: block; position: absolute; top: 60px; right: -170px; width: 32px; height: 32px; }

  7. L-am instalat într-un widget de text și arată bine pe blogul meu, dar nu înțeleg cum funcționează. Când un utilizator dă clic pe el, ce se întâmplă? Cum știu WordPress sau Twitter cine este potențialul abonat?

    Când încerc să dau clic pe el, apare o fereastră pop-up care spune ceva de genul „Acum sunteți abonat la @my_twitter_handle.” Mesajul este același, indiferent dacă sunt sau nu conectat la site. Deci, cum este cunoscută identitatea mea?

  8. Salut,

    Am urmat instrucțiunile și a funcționat – butonul apare și când l-am testat, se leagă la twitterul meu. Cu toate acestea, widgetul afișează și codul html sub butonul de urmărire pe blogul meu. Există vreo modalitate de a ascunde codul și de a avea doar butonul?

    Mulțumesc

      • Instrucțiunile de mai sus nu au ajutat deloc – dar din fericire am găsit o altă modalitate prin intermediul pluginurilor (după câteva *ore* pe care nu le voi recupera niciodată). Trebuie să rețineți că acesta se numește „WPBeginner” – accent pe „Beginner” (începător), iar a spune cuiva să posteze cod la întâmplare și să nu prezinte *toți* pașii: fă asta mai întâi, apoi dă clic pe acel lucru, care îți va arăta asta, etc. (unii dintre noi „începătorii” suntem diplodoci digitali compleți, știți), nu este de ajutor.

        În orice caz, am reușit – dar *nu* urmând instrucțiunile de mai sus.

        • Salut David,

          Motivul pentru care spunem să-l inserați oriunde în tema dvs. este că nu știm unde doriți să-l adăugați. Poate fi în antet, bara laterală, subsol, după fiecare postare etc. Toate acestea sunt locații diferite. Mai mult, am menționat că puteți accesa Aspect » Widgeturi și îl puteți adăuga în widgetul text. Puteți plasa widgetul text în zonele de widget corespunzătoare (suportate de tema dvs.). Unele au zone de widget în subsol, dar majoritatea le au în bara laterală.

        • @ Editorial Staff a spus ~

          „Motivul pentru care spunem să-l lipiți oriunde în tema dvs. este pentru că nu știm unde doriți să-l adăugați. Ar putea fi în antet, bara laterală, subsol, după fiecare postare etc. Toate acestea sunt locații diferite.”

          Punctul meu era că instrucțiunile ar fi putut spune: „Dacă vrei să-l pui în bara laterală, mergi *aici*, dă clic pe *aici*, ceea ce îți va arăta *asta*, și apoi lipești textul *acolo*. Dacă vrei să apară la sfârșitul postării tale, mergi *aici*, dă clic pe *aici*, ceea ce îți va arăta *asta*, etc.” Încă mai am codul, care nu a făcut butonul să apară, lipit *undeva* pe pagina dashboard-ului meu – dar numai zeițele știu unde este momentan.

          Din nou – unii dintre noi *suntem* începători aici – și diplodoci digitali – iar începătorii au uneori nevoie de o mână blândă, amabilă, *gânditoare* pentru a ajunge acolo unde vrem să ajungem, n’est–ce pas?

        • Salut David,

          Deși înțelegem exact ce spuneți, este mai greu decât pare. Fiecare temă WordPress este codificată diferit (temă generală, teme copil bazate pe diverse framework-uri etc.). În plus, nu putem acoperi absolut fiecare loc pe care un creier uman îl poate concepe pentru afișarea butonului. Acesta este motivul pentru care am acoperit cel mai de bază loc (Aspect > Widgeturi). În funcție de temă, veți avea widgeturi pentru bara laterală, antet, subsol etc.

          Avem o prezentare detaliată a widgeturilor în videoclipurile noastre gratuite aici: http://videos.wpbeginner.com/

  9. Am încercat și linkurile către Twitterul meu, dar ca text obișnuit... ar putea fi pentru că sunt pe un blog wordpress.com?

    • Am aceeași problemă. Îl leagă de Twitter-ul meu, dar nu afișează butonul. Aveți idei cum să rezolv asta?

  10. @wpbeginner De fapt, niciuna. Este o facilitate WordPress găzduită de CIX la blog.cix.co.uk.
    Am reușit să o fac să funcționeze, dar folosind butoanele Twitter „stil vechi” de la http://twitter.com/about/resources/buttons – nu am reușit să fac să funcționeze nici forma „script”, nici forma de scurtcod. Aveți idei de ce?

  11. Mulțumesc pentru asta. Nu funcționează pentru mine, totuși. Când salvez widgetul Text, elementul script este eliminat și ajung să am doar un link text în bara laterală. Aveți vreo idee?

  12. Adăugare bună. Simt că site-ul meu se încarcă deja prea lent. Mă îngrijorez că va fi doar încă un lucru care îl va încetini. Chiar trebuie să descopăr ce cauzează încetinirea încărcării.

  13. Mulțumesc pentru pont. Am luat codul de pe Twitter și arăta bine (prostia mea că nu l-am testat) acum câteva zile, prietenul meu îmi spune că a încercat să mă urmărească și a apărut utilizatorul nu există. Din motive necunoscute, a lăsat vechiul meu nume de utilizator în cod... doar un avertisment.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.