Cum să conectezi Twitter cu WordPress? 11 metode!

Publicat: 2020-11-19

Vrei să integrezi Twitter cu site-ul tău? Dacă sunteți în căutarea unor modalități simple de a face acest lucru, vă avem acoperit. În acest ghid, vă vom arăta mai multe modalități de a conecta cu ușurință Twitter la WordPress .

În zilele noastre, majoritatea oamenilor folosesc cel puțin o platformă de socializare. De exemplu, Facebook, Twitter, Instagram și Pinterest au împreună peste 4 miliarde de utilizatori activi în întreaga lume! Folosind în mod inteligent profilurile rețelelor sociale, vă puteți crește prezența în rețelele sociale și puteți ajunge la milioane de clienți online. Am văzut deja cum să integrăm Instagram cu site-ul tău și astăzi îți vom arăta diferite metode de a conecta Twitter cu site-ul tău WordPress.

De ce să integrați Twitter cu WordPress?

Twitter are peste 300 de milioane de utilizatori activi lunar și aproape 150 de milioane de utilizatori zilnici, așa că este o platformă excelentă pentru a ajunge la clienți noi. Multe site-uri web folosesc, de asemenea, Twitter pentru a-și menține adepții informați despre conținutul pe care îl publică și pentru a interacționa cu ei.

Multe plugin-uri vă permit să vă distribuiți automat conținutul pe Twitter. Cu toate acestea, în această postare, vom face un pas mai departe și vă vom arăta mai multe modalități de a integra Twitter cu site-ul dvs. WordPress. În acest fel, veți putea să automatizați sarcinile, să ajungeți la noi audiențe și să vă dezvoltați afacerea.

Cum să conectezi Twitter cu WordPress?

Există mai multe metode de a conecta Twitter cu WordPress.

  1. Încorporați tweet-uri
  2. Extrageți conținut dintr-un singur tweet/tweitstorm
  3. Feed Twitter
  4. Afișează tweet-uri specifice
  5. Widget cronologie
  6. Butonul de partajare
  7. Butonul de urmărire
  8. Tweets pe bara laterală
  9. Partajarea conținutului
  10. Pictograme Tweet în linie
  11. Carduri Twitter

În acest ghid, le vom explica pe toate, astfel încât să îl puteți alege pe cel care se potrivește cel mai bine nevoilor dvs. și să îl aplicați pe site-ul dvs.

1) Încorporați tweet-uri

Prima metodă de a integra Twitter cu WordPress este să încorporați tweet-uri pe site-ul dvs. Și cea mai bună parte este că durează doar 1 minut.

Mai întâi, găsiți adresa URL a Tweet-ului pe care doriți să îl încorporați pe site-ul dvs. În cazul nostru, vom afișa un tweet din contul nostru oficial de Twitter.

URL Twitter

Copiați adresa URL a tweetului și accesați administratorul WordPress. Aici, veți avea două opțiuni, în funcție de dacă utilizați Editorul clasic sau Gutenberg.

Editor clasic

Dacă utilizați Editorul clasic, accesați pagina sau postarea în care doriți să inserați tweet-ul, lipiți adresa URL și salvați/actualizați postarea.

Conectați Twitter cu WordPress - editor clasic

După aceea, vei vedea tweetul în postare.

Tweet în site-ul frontend

Gutenberg

Pe de altă parte, dacă utilizați editorul Gutenberg, după ce ați copiat URL-ul tweet, căutați blocul Twitter, inserați URL-ul Tweet și publicați actualizarea.

bloc twitter

Veți vedea o previzualizare live pe editor și versiunea finală în interfață.

Conectați Twitter cu WordPress - Postarea QuadLayers pe Twitter

Scurt și dulce, nu-i așa? În mai puțin de un minut, puteți încorpora orice tweet pe site-ul dvs. WordPress și îl puteți conecta la Twitter.

2) Extrageți conținut din Tweeturi unice sau Tweetstorms

Dacă utilizați cel mai recent editor Gutenberg ca editor de conținut, puteți extrage conținut de pe Twitter și îl puteți afișa pe site-ul dvs. utilizând blocul Twitter . Să vedem cum se face.

Mai întâi, accesați editorul Gutenberg și adăugați un bloc Twitter. Apoi, introduceți adresa URL a tweet-ului sau a tweetstorm-ului pe care doriți să îl încorporați acolo. Pentru această demonstrație, vom încorpora unul dintre tweet-urile noastre.

utilizați blocarea Twitter

În previzualizarea live, puteți vedea tweet-ul și apoi puteți verifica postarea reală pe front-end.

tweet în frontend

În acest fel, veți putea încorpora orice tweet sau tweetstorm pe site-ul dvs. în mai puțin de un minut.

Vă rugăm să rețineți că această metodă funcționează numai dacă utilizați Editorul Gutenberg.

3) Feed Twitter

Acesta este un mod foarte interesant de a conecta Twitter cu WordPress, mai ales pentru cei care sunt foarte activi pe platformă. În această secțiune, vă vom arăta cum să adăugați o pagină mini-twitter pe site-ul dvs. folosind instrumentul de publicare Twitter .

Mai întâi, accesați instrumentul de publicare Twitter și selectați opțiunea Cronologie încorporată . Va trebui să introduceți adresa URL a profilului Twitter acolo.

creați cronologia twitter

Apoi, veți vedea un cod HTML unic cu o previzualizare a widget-ului.

previzualizare cronologie twitter

Deci, dacă doriți să încorporați această pagină pe site-ul dvs., pur și simplu copiați codul HTML și inserați-l în pagina sau postați-l pe care doriți. Există două opțiuni aici:

Editor clasic

Dacă utilizați Editorul clasic, asigurați-vă că utilizați Editorul de text atunci când adăugați HTML la conținut.

editor clasic twitter feed

Apoi, pur și simplu actualizați postarea și feedul va apărea pe acea postare.

Gutenberg

Dacă folosești Gutenberg, poți folosi blocul HTML pentru a adăuga HTML la postările tale.

adăugați blocul html la editor

După ce adăugați codul, actualizați postarea și veți vedea feedul Twitter pe care tocmai l-ați creat în interfață.

Vă recomandăm să creați o pagină dedicată pentru feedul dvs. Twitter. Codul va trage toate tweet-urile tale disponibile în pagină, așa că va face postări foarte lungi. Este demn de remarcat faptul că puteți include propriul dvs. feed Twitter și, de asemenea, feedul altora. Ai nevoie doar de adresa URL a profilului Twitter și ești gata.

4) Afișați tweet-uri specifice

Uneori, în loc să încorporați întregul profil Twitter, trebuie să încorporați anumite tweet-uri pe site-ul dvs. Pentru a face acest lucru, accesați Tweetul pe care doriți să-l adăugați și faceți clic pe butonul cu trei puncte din colțul din dreapta sus. Acolo, veți vedea opțiunea de încorporare. După ce îl apăsați, veți accesa Twitter Publish pentru a obține un cod HTML.

încorporați postarea pe Twitter

Copiați codul HTML și apoi accesați administratorul WordPress. Dacă utilizați editorul Gutenberg, adăugați un bloc HTML, lipiți codul și salvați postarea.

adăugați un bloc html

Dacă, pe de altă parte, utilizați Editorul clasic, utilizați modul Text și inserați codul HTML acolo.

lipire html editor clasic

După aceea, vei vedea Tweetul pe care tocmai l-ai încorporat în postarea ta.

tweet în frontend

5) Adăugați un widget pentru cronologia Twitter

O altă opțiune interesantă pentru a conecta Twitter cu WordPress este să adăugați o cronologie la oricare dintre zonele dvs. de widget . În acest fel, clienții vor putea să vă vadă tweet-urile pe orice pagină, postare sau oriunde ați activat poziția widgetului.

Pentru a adăuga un widget cronologie Twitter, accesați site-ul web Twitter Publish, alegeți opțiunea Cronologie încorporată și inserați adresa URL a profilului dvs. Twitter.

twitter mini widget

Apoi, copiați codul HTML.

copiați codul html pentru feed twtter

După aceea, conectați-vă la site-ul dvs. WordPress și accesați Aspect > Widgeturi . Acolo, va trebui să adăugați un widget HTML în bara laterală din dreapta și să lipiți codul HTML pe care tocmai l-ați copiat.

adăugați widget html în bara laterală

Apoi, salvați modificările și sunteți gata. În cele din urmă, verificați bara laterală a site-ului dvs. și veți vedea acolo un widget de cronologie Twitter receptiv.

adăugați feed Twitter pe bara laterală

Este demn de remarcat faptul că nu trebuie să faceți nimic pentru ca widgetul să răspundă. Codul se va ocupa de el.

Dacă doriți să adăugați și un feed Instagram pe site-ul dvs., puteți utiliza acest instrument gratuit, în timp ce pentru a include un widget Facebook pe site-ul dvs., consultați acest ghid.

6) Includeți un buton de partajare Twitter

Adăugarea unui buton de partajare este o modalitate excelentă de a conecta Twitter cu site-ul dvs. WordPress. Permiteți vizitatorilor să vă împărtășească conținutul pe Twitter vă va ajuta să ajungeți la un public mai largi fără costuri. Pentru a face acest lucru, aveți nevoie de un plugin de partajare socială. Aici, vă vom arăta cum să adăugați un buton de partajare folosind două instrumente diferite.

6.1) Jetpack/a>

Jetpack este unul dintre cele mai populare plugin-uri și vine cu o mulțime de funcții. Pentru a include un buton de partajare, mai întâi, trebuie să îl instalați și să îl activați pe site-ul dvs. web.

Conectați Twitter cu WordPress - instalați pluginul jetpack

Apoi, faceți clic pe butonul Configurați JetPack pentru a vă înregistra site-ul. Veți avea nevoie de un cont Google sau WordPress.com pentru a finaliza autentificarea.

JetPack este o soluție freemium și puteți adăuga butoane de partajare folosind versiunea gratuită. Pentru a face acest lucru, accesați setările Jetpack și apoi fila Partajare . Acolo, pur și simplu activați butoanele Activare partajare socială .

Conectați Twitter cu WordPress - activați funcția de partajare socială a pluginului jetpack

Acum, să configuram butoanele de partajare apăsând linkul corespunzător.

Conectați Twitter cu WordPress - configurați butoanele de partajare jetpack

Acest lucru vă va redirecționa către site-ul WordPress.com. Sub Marketing și integrări , veți vedea setările de partajare socială.

setările butonului de partajare a jetpack-ului

De acolo, puteți configura butoanele de Partajare socială. Odată ce ești mulțumit de modificări, salvează-le și ești gata. Acum, butoanele sociale vor apărea pe postările de pe site.

Pentru mai multe informații despre caracteristicile și prețurile Jetpack, consultați ghidul nostru complet JetPack.

6.2) Social Snap Lite

Social Snap este un alt instrument excelent pentru a adăuga butoane sociale pe site-ul dvs. Are atât o versiune gratuită, cât și planuri premium. Pentru această demonstrație, vom folosi planul gratuit.

Mai întâi, instalați și activați Social Snap pe site-ul dvs.

Conectați Twitter cu WordPress - adăugați pluginul social snap lite

După aceea, veți vedea setările pluginului. Faceți clic pe butonul Personalizare Social Snap .

Conectați Twitter cu WordPress - setări pentru pluginul social snap

Apoi, veți vedea o pagină de personalizare ca aceasta:

Conectați Twitter cu WordPress - setări social snap

Pluginul adaugă o pictogramă de partajare Twitter în mod implicit și puteți adăuga alte rețele sociale din setările de rețea .

Conectați Twitter cu WordPress - adăugați pictograme noi pentru rețelele sociale

În plus, puteți include o bară laterală plutitoare pe site-ul dvs. Și lucrul bun este că, așa cum am văzut cum să facem lipicios antetul Divi sau orice alt element, aceste butoane de distribuire socială vor fi remediate.

Conectați Twitter cu WordPress - adăugați un widget social snap flotant

Pe lângă alegerea butoanelor de rețele sociale pe care doriți să le afișați, puteți adăuga unele personalizări. Din setările Inline , puteți modifica poziția, eticheta, forma și dimensiunea butonului și așa mai departe.

Conectați Twitter cu WordPress - setări inline pentru social snap

După ce ați terminat personalizarea, salvați modificările .

salvați setările de socializare

În cele din urmă, verifică-ți site-ul de pe front-end și vei vedea butoanele de partajare socială.

Conectați Twitter cu WordPress - butoanele de distribuire socială ale social snap lite

7) Adăugați un buton de urmărire pe Twitter

Pe lângă adăugarea butoanelor de partajare, o altă modalitate excelentă de a conecta Twitter cu site-ul dvs. WordPress este să includeți un buton de urmărire. În acest fel, vizitatorii tăi vor putea să te urmărească direct de pe site-ul tău.

Adăugarea unui buton de urmărire este foarte ușoară și nu necesită niciun plugin. Mai întâi, accesați Twitter Publish și sub Butoanele Twitter , veți vedea o opțiune pentru a include un buton de urmărire .

adăugați un buton de urmărire pe Twitter

Trebuie să introduceți adresa URL Twitter și să apăsați Previzualizare .

previzualizare butonul twitter

Apoi, veți putea copia un cod HTML unic. Vom lăsa stilul implicit, dar puteți verifica opțiunile de personalizare dacă trebuie să aplicați unele modificări butonului.

personalizarea butonului de urmărire twitter

Acum, să vedem cum să adăugați acest buton pe site-ul dvs. folosind atât Editorul clasic, cât și editorul Gutenberg.

Editor clasic

Dacă utilizați Editorul clasic, accesați modul text al postării/paginii în care doriți să includeți butonul și inserați codul HTML într-o nouă linie.

editor clasic editor html

După aceea, publicați/actualizați postarea și veți vedea schimbarea în frontend.

butonul de urmărire a editorului clasic

Editor Gutenberg

Dacă utilizați editorul Gutenberg, adăugați pur și simplu un bloc HTML și inserați codul HTML în postarea/pagina pe care doriți să includeți butonul.

adăugați butonul de urmărire a editorului html gutenberg

Apoi verificați interfața și veți vedea butonul Urmăriți.

butonul de urmărire Twitter

În plus, puteți adăuga acest cod HTML în bara laterală sau subsolul site-ului dvs. web.

8) Afișați Tweeturile pe bara laterală

Barele laterale sunt foarte utile atunci când rulați site-uri web bogate în conținut sau de știri. Și lucrul bun este că majoritatea temelor WordPress precum GeneratePress, Divi sau Avada permit utilizatorilor să personalizeze bara laterală.

Adăugarea unui widget Twitter în bara laterală este o opțiune excelentă pentru a afișa informații utilizatorilor tăi. Deci, în această secțiune, vă vom arăta cum să afișați tweet-urile pe bara laterală fără a instala niciun plugin.

Mai întâi, accesați tabloul de bord WordPress > Aspect > Widgeturi .

toate widget-urile wordpress

Veți vedea acolo toate widget-urile și pozițiile disponibile. De exemplu, pe site-ul nostru avem mai multe poziții widget.

toate zonele widget

Pentru această demonstrație, vom adăuga un nou widget de text în secțiunea din bara laterală din dreapta.

conectați twitter cu wordpress - adăugați widget text în bara laterală

Apoi, trebuie să denumiți widgetul și să lipiți adresa URL a profilului Twitter în secțiunea de conținut. Puteți găsi adresa URL din bara de adrese a browserului dvs. În cazul nostru, vom folosi adresa URL a mânerului nostru Twitter.

conectați twitter cu wordpress - mânerul twitter QuadLayers

Deci, după modificarea noului widget text, va arăta astfel:

conectați twitter cu wordpress - lipiți URL-ul twitter în widget-ul din bara laterală

După cum puteți vedea, WordPress convertește automat adresa URL într-un feed Twitter care poate fi derulat. În cele din urmă, salvați widgetul și verificați interfața site-ului dvs. pentru a vedea rezultatul.

conectați twitter cu wordpress - bara laterală twitter feed

9) Partajați conținutul dvs. pe Twitter

Partajarea conținutului dvs. WordPress pe Twitter este o opțiune excelentă pentru a integra ambele platforme și pentru a obține trafic social suplimentar pe site-ul dvs. A face acest lucru manual necesită timp și nu este o opțiune bună dacă publicați în mod regulat conținut pe site-ul dvs. Cu toate acestea, există o soluție pentru asta.

În această secțiune, vă vom arăta metoda standard de partajare Twitter și noua funcție Tweetstorm. Rețineți că veți avea nevoie de Jetpack instalat și configurat. Dacă nu ești sigur cum să faci asta, verifică asta.

9.1) Metoda standard de partajare

Odată ce ați terminat articolul pe care doriți să-l partajați, accesați setările Jetpack.

butonul jetpack de pe editor

Apoi, conectează-ți contul de Twitter.

conectați contul de Twitter

Aici veți putea conecta și alte conturi de rețele sociale, cum ar fi Facebook, LinkedIn și așa mai departe.

cont de twitter

După conectarea contului dvs. de Twitter, veți vedea o opțiune pentru a vă partaja postarea la contul de Twitter ca link. Acesta este partajarea standard .

partajare standard jetpack

Acum, să aruncăm o privire la metoda tweetstorm.

9.2) Metoda Tweetstorm

Dacă, în loc să partajați conținutul dvs. ca link, doriți să publicați întreaga postare ca un thread Twitter, pur și simplu selectați a doua opțiune.

postare tweetstorm

Configurarea acestui lucru pe site-ul dvs. WordPress vă va ajuta să economisiți ceva timp. Nu va trebui să vă conectați la Twitter de fiecare dată când doriți să partajați ceva. Cu aceasta, atunci când publicați o postare, aceasta va fi distribuită automat pe toate profilurile de rețele sociale conectate.

10) Adăugați pictograme Tweet în linie

Când împărtășiți câteva știri importante, este o idee bună să adăugați pictograme tweet în postări. În mod implicit, WordPress nu include această caracteristică, dar puteți adăuga cu ușurință un buton de tweet la conținutul dvs. cu pluginul Inline Tweet Sharer. Să vedem cum se face.

Mai întâi, instalați și activați Inline Tweet Sharer pe site-ul dvs.

Conectați Twitter cu WordPress - instalați pluginul de partajare Twitter inline

Apoi, accesați setările pluginului din secțiunea Setări WordPress.

Conectați Twitter cu WordPress - setări inline pentru pluginul de partajare a tweetului

Acolo, puteți introduce numele de utilizator Twitter și puteți selecta alte opțiuni, dar este opțional.

Conectați Twitter cu WordPress - nume de utilizator twitter implicit

După aceea, puteți adăuga pictograma Tweet folosind un shortcode în editorul WordPress. Codul scurt pe care îl vom folosi este [inlinetweet] . De exemplu, consultați captura de ecran pe care o avem mai jos.

Conectați Twitter cu WordPress - adăugați conținut care poate fi tweetat

Dacă verificați postarea din interfață, veți vedea textul Tweetable care va fi un link.

Conectați Twitter cu WordPress - conținut care poate fi tweetat

Când faceți clic pe el, browserul dvs. va deschide site-ul Twitter și de acolo, îl veți putea distribui pe Twitter.

Conectați Twitter cu WordPress - text tweet

11) Adăugați carduri Twitter

În cele din urmă, ultima metodă de a conecta Twitter cu WordPress este prin intermediul cardurilor. În această secțiune, vă vom arăta cum să creați un card Twitter folosind două plugin-uri gratuite: Yoast SEO și JM Twitter Cards.

11.1) Adăugați carduri Twitter cu Yoast SEO

Dacă ați instalat și configurat deja Yoast SEO, nu ezitați să omiteți setările de instalare și de configurare de bază. Dacă sunteți nou în Yoast, instalează-l și activează-l din depozitul de pluginuri WordPress.

Conectați Twitter cu WordPress - instalați pluginul yoast seo

După aceea, accesați secțiunea Socială a Yoast SEO.

Conectați Twitter cu WordPress - fila socială Twitter

Acolo, veți putea să vă introduceți numele de utilizator Twitter.

Conectați Twitter cu WordPress - nume de utilizator Twitter

După salvarea modificărilor, în secțiunea Twitter, veți vedea configurația Twitter Card. Asigurați-vă că îl activați.

Conectați Twitter cu WordPress - setări pentru Twitter

Apoi, accesați Setările utilizatorilor și adăugați numele dvs. de utilizator Twitter.

Conectați Twitter cu WordPress - setări de profil wordpress

Asta e! Acum, când cineva vă postează pe Twitter pe Twitter, va vedea un card.

Yoast SEO este doar unul dintre pluginurile SEO existente. Dacă utilizați alte instrumente, cum ar fi Rank Math SEO sau All In One SEO Pack, veți avea nevoie de un plugin suplimentar pentru a include carduri Twitter pe site-ul dvs. web. Să vedem cum să o facem cu JM Twitter Cards.

11.2) Adăugați carduri Twitter cu carduri JM Twitter

JM Twitter Cards este un excelent plugin gratuit pentru a adăuga carduri Twitter.

După ce instalați pluginul pe site-ul dvs. WordPress, accesați setările pluginului. Va trebui să introduceți numele de utilizator Twitter, numele de utilizator al companiei dvs. și să configurați tipul de card pe care doriți să îl afișați.

setările pluginului jm twitter cards

Apoi salvează setările și ești gata. Acum, când cineva vă distribuie postarea pe Twitter, va vedea cardul Twitter.

Concluzie

Una peste alta, integrarea Twitter cu site-ul dvs. este o modalitate excelentă de a vă îmbunătăți prezența pe rețelele sociale și de a ajunge la mai mulți clienți. În acest ghid, am văzut mai multe metode diferite de a conecta Twitter cu WordPress:

    • Încorporați tweet-uri
  • Extrageți conținut dintr-un singur tweet/tweitstorm
  • Feed Twitter
  • Afișează tweet-uri specifice
  • Widget cronologie
  • Butonul de partajare
  • Butonul de urmărire
  • Tweets pe bara laterală
  • Partajarea conținutului
  • Pictograme Tweet inline
  • Carduri Twitter

Toate aceste metode sunt foarte ușor de implementat, așa că alege-o pe cea care se potrivește cel mai bine nevoilor tale. Dacă rulați un site WordPress bogat în conținut, puteți adăuga butoane de partajare socială la postările dvs. folosind Jetpack sau Social Snap în câteva clicuri.

Pe de altă parte, dacă ești foarte activ pe Twitter, crearea unei pagini de mini-twitter pe site-ul tău este o opțiune fantastică. În acest fel, utilizatorii ar putea obține tot acel conținut de pe site-ul dvs., astfel încât vă va ajuta să creșteți timpul pe pagină. În plus, adăugarea unui buton de urmărire și a opțiunilor pentru a vă partaja conținutul pe site-ul dvs. este o necesitate.

În cele din urmă, dacă doriți să integrați conturile de rețele sociale cu site-ul dvs., consultați aceste ghiduri:

  • Cum să adaugi widgetul Facebook la WordPress?
  • Instagram Feed Gallery: Cel mai bun plugin Instagram pentru WordPress

Cunoașteți alte metode de a conecta Twitter cu WordPress? Care este preferatul tau? Anunțați-ne în secțiunea de comentarii de mai jos! Și dacă ați găsit acest articol util, vă rugăm să îl distribuiți pe rețelele sociale.