Paano Gumawa ng Isang Pasadyang Twitter Feed Sa WordPress

Nasira ang Twitter FedAng isa sa aking pinakapopular na mga post na hindi nauugnay sa WordPress dito sa Tema Lab ay tungkol sa paggawa ng isang pasadyang widget ng Twitter nang walang isang plugin.


Iyon ay mahigit tatlong taon na ang nakalilipas. At hindi na ito gagana pa Niretiro ng Twitter ang bersyon ng API ginamit ito upang hilahin ang mga tweet.

Ito ang dahilan kung bakit maaaring napansin mo ang Tema Lab, pati na rin ang bilang ng iba pang mga site, nawala ang pag-andar sa kanilang mga feed sa Twitter. Ngunit hindi mag-alala, maaari itong maayos (tingnan ang footer ng aking site ngayon kung hindi mo ako paniwalaan).

Mga Unang Hakbang

Ang masamang balita, ang bagay na “nang walang isang plugin” ay hindi na gagana nang maayos. Ang mabuting balita, mayroong isang kahanga-hangang plugin ng WordPress na maaari naming magamit upang ipakita ang mga tweet. Tinawag ito, naaangkop, Ipakita ang mga Tweet.

Grab ang plugin at i-install ito. Pagkatapos ay kailangan mong magparehistro para sa isang application sa Twitter upang makuha ang kinakailangang impormasyon sa pagpapatunay. Huwag kang mag-alala, ito’y LIBRE.

Mayroon akong isang application sa Twitter para sa isang nakaraang proyekto, kaya ginamit ko lang iyon sa halip na magparehistro ng bago.

Fatal Error?

Ang plugin na plugin ng Mga screenshot sa Display nangangailangan ng CURL na paganahin sa iyong server. Hindi ito magiging isang isyu sa anumang disenteng web host, kahit na kung ako ay sumusubok sa lokal ako ay tumakbo sa sumusunod na nakamamatay na error:

Malalang error: Tumawag sa hindi natukoy na function curl_init () sa landas \ sa \ wordpress \ wp-content \ plugins \ display-tweets-php \ kasama ang \ Twitter \ twitteroauth \ twitteroauth.php sa linya 199

Ako nalutas ito sa XAMPP sa pamamagitan lamang ng pag-uncomment ng extension = linya ng php_curl.dll sa aking php.ini file.

Muli, marahil hindi ka tatakbo sa isyung ito, ngunit kung sakali … ngayon alam mo na.

Pagpapatunay at Pag-configure

Matapos i-install ang plugin na Mga plugin ng Display, sana ay walang error, magtungo sa pahina ng Mga Setting (Mga Setting → Twitter Feed) at ipasok ang sumusunod na impormasyon na nakuha mo mula sa iyong Twitter application.

  • Key ng Consumer
  • Lihim ng Consumer
  • Pag-access Token
  • I-access ang Token Lihim

Panatilihin ang mga may salitang “Lihim” dito, mabuti … lihim. Pagkatapos ay kailangan mong itakda ang mga sumusunod na pagpipilian sa pagsasaayos:

  • Pangalan ng Screen: Sa aking kaso, “themelab”
  • Bilangin: Ilan ang mga tweet na maipakita, hanggang sa 200 (sa aking kaso, 2).
  • Isama ang mga Retweet: Paliwanag sa sarili
  • Ibukod ang mga Tugon: Muli, paliwanag sa sarili.

Tandaan: Ang pagbubukod ng mga retweet at tugon ay maaaring makaapekto sa aktwal na bilang ng mga tweet na ipinakita, dahil ang setting na “Bilang” ay makukuha ang bilang ng mga tweet bago i-filter ang mga retweet at tugon.

Paglalagay ng Mga Tweet

Ngayon ay kailangan mong magpasya kung saan at kung paano mailalagay ang mga tweet sa iyong WordPress site. Mayroon kang mga pagpipilian sa ilang dito, alinman kasama ang mga ito gamit ang isang shortcode (kapaki-pakinabang para sa paglalagay sa mga post) o isang template ng tag.

Sa aking kaso, ginamit ko ang sumusunod na template ng tag at inilagay kung saan ang dati kong sirang Twitter feed na dati.

<?php kung (function_exists ( "display_tweets" )) {display_tweets (); } ?>

Styling ang mga Tweet

Ang markup ng output ng mga tweet mula sa plugin ng Mga screenshot ng screenshot ay nag-iiba mula sa lumang pamamaraan ng pagpapakita ng mga tweet.

Narito ang isang sample ng bagong markup ng isang solong tweet, na diretso mula sa aking kasalukuyang site:

Sumulat tungkol sa isang isyu na mayroon ako sa mga nawawalang mga widget pagkatapos lumipat ng WordPress sa isang bagong URL. Narito kung paano ko ito naayos: http://t.co/Zl7YzkF2JD
– Linggo Hulyo 7 – 1:00 ng umaga

Narito ang isang halimbawa ng lumang paraan ng markup:

Karaniwan, ang mga talata kumpara sa mga listahan. Kung ginamit mo ang lumang code, ang ilan sa iyong mga CSS selectors ay kailangang ayusin mag-apply sa bagong istilo ng markup.

Mahirap sabihin kung alin ang mas mahusay o mas masahol pa, ngunit kahit papaano ang default na markup ng Mga Tweet ay hindi gumagamit ng mga naka-istilong estilo ng inline tulad ng style ="laki ng font: 85%;".

Mukhang ang plugin ng Mga screenshot sa Display ay may isang displaytweets_tweet_template hook na kasama kung nais mong baguhin ang tweet ng HTML, isang bagay na wala ka talagang kontrol sa dati.

Konklusyon

Habang medyo nakakabigo kapag nagretiro ang Twitter ng mga lumang API at masira ang maraming bagay, sana ang pinakabagong bersyon na ito ay magdikit. Dahil ang bagong pamamaraan na ito ay gumagamit ng pagpapatunay, hindi ito libre-para sa lahat, na inaasahan na mabawasan ang pilay sa mga mapagkukunan ng Twitter.

Sa wakas, maraming salamat sa Si Michael Ruddy, na gumawa ng Mga Tweet sa Display. Mukhang maraming pag-iisip ang pumasok sa plugin, lalo na pagdating sa patunay. Mayroon ding isang GitHub repo kung nais mong mag-ambag sa proyekto.

Gayundin, kung naghahanap ka ng mas mabilis at mas madali (ngunit hindi masyadong napapasadya) na paraan upang mag-embed ng isang timeline sa iyong website, maaaring sulit na tingnan ang sarili ng Twitter naka-embed na mga linya tampok. Marahil ay may isang bagay na masasalamin sa isang hinaharap na post sa blog.

Pa rin, salamat sa pagbabasa, at pumunta ayusin ang mga nasira na feed ng Twitter kung wala ka.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map