wyświetl ostatnie tweety w wordpress

Czy chcesz wyświetlić swoje ostatnie tweety w WordPress? Integracja Twittera z witryną WordPress pomaga zwiększyć zaangażowanie użytkowników.

Twoi odwiedzający bloga mogą łatwo odkrywać tweety, które pomagają zdobyć nowych obserwujących na Twitterze. Z drugiej strony Twoi obserwatorzy na Twitterze odkrywają więcej twoich treści,co zwiększa ruch na twojej stronie.

W tym artykule pokażemy, jak wyświetlać najnowsze tweety w WordPress przy użyciu różnych metod.

display recent tweets in wordpress

Po co wyświetlać najnowsze tweety w WordPress

Twitter jest jedną z najpopularniejszych platform społecznościowych. Wyświetlając najnowsze tweety na swojej stronie WordPress, możesz zwiększyć zaangażowanie społeczne.

Pomaga utrzymać odwiedzających w Twojej witrynie i wyświetlać tweety na podstawie ich zainteresowań. Ludzie mogą polubić, komentować i retweetować najnowsze tweety bez konieczności opuszczania strony internetowej.

Smash balloon custom twitter feed

Kolejną zaletą pokazywania ostatnich tweetów jest to, że może zwiększyć konwersje. Możesz użyć ich jako dowodu społecznego, aby pokazać pozytywne recenzje lub osoby polecające Twoje produkty w kanale na Twitterze, pomagając budować zaufanie klientów podczas dokonywania zakupu.

Smash Balloon Twitter customer reviews

Poza tym kanał na Twitterze pomaga również poprawić optymalizację pod kątem wyszukiwarek (SEO). Utrzymuje świeże posty na blogu, dodając regularnie nowe i aktualizowane treści w Twojej witrynie.

Mając to na uwadze, przyjrzyjmy się, jak dodawać najnowsze tweety w WordPress za pomocą kanału na Twitterze.

Ponieważ jest to obszerny przewodnik, dodaliśmy spis treści, aby łatwo pominąć sekcje:

  • Pokaż Ostatnie Tweety + Niestandardowe Układy Kanałów Na Twitterze (Zalecane)
  • Ręcznie dodaj ostatnie tweety na pasku bocznym WordPress
  • Osadzanie ostatnich tweetów za pomocą Twittera Publikuj
  • Ręcznie Pokaż selektywne tweety w WordPress

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Metoda 1: Dodaj ostatnie tweety za pomocą wtyczki Twitter Feed

Jest to najprostsza metoda dodawania ostatnich tweetów w poście na blogu lub w dowolnym miejscu w witrynie WordPress. Wtyczka Twittera dla WordPress oferuje wiele opcji dostosowywania i elastyczności.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować Smash Balloon Custom Twitter Feeds Pro. Możesz postępować zgodnie z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress, aby rozpocząć.

Smash Balloon Custom Twitter Feed Pro pomaga tworzyć piękne kanały Twitter różnych typów. Możesz wyświetlać tweety na podstawie hashtagów, wyszukiwanych terminów, wzmianek, osi czasu użytkowników i innych.

Wtyczka ułatwia również dodawanie wielu kanałów, wyświetlanie komentarzy, polubienie i retweet oraz zmianę stylu i układu kanałów na Twitterze.

Jest to wtyczka premium z cenami zaczynającymi się od $49 rocznie. Możesz również otrzymać ich pakiet premium, aby utworzyć ścianę społecznościową wszystkich kanałów społecznościowych. Istnieje również bezpłatna wersja niestandardowych kanałów Twittera z ograniczonymi funkcjami.

Ze względu na ten poradnik, będziemy używać wersji premium wtyczki.

Gdy wtyczka jest aktywna, musisz wprowadzić klucz licencyjny we wtyczce. Klucz licencyjny można znaleźć w obszarze Konta Smash Balloon pod Pliki do pobrania tab. Skopiuj klucz.

smash balloon license key

Następnie przejdź do witryny WordPress i przejdź do Twitter Feeds ” Licencja i wklej klucz. Następnie kliknij przycisk „Aktywuj licencję”.

enter the license key

Powinieneś zobaczyć zmianę statusu z nieaktywnego na aktywny. Istnieje również możliwość przetestowania połączenia za pomocą Smash Balloon, klikając przycisk „Test Połączenia”. Teraz kliknij przycisk „Zapisz zmiany”, aby kontynuować.

Następnie musisz uzyskać token dostępu i tajny klucz z Twittera, aby skonfigurować wtyczkę.

Aby to zrobić, przejdź do kanałów Twittera i wybierz Konfiguracja tab. Następnie kliknij przycisk „Zaloguj się do Twittera i zdobądź Token dostępu i sekret”.

get access token and secret

Następnie musisz zalogować się na swoje konto na Twitterze i kliknąć przycisk „Autoryzuj aplikację”, aby umożliwić Smash Balloon dostęp do Twoich Tweetów.

authorize smash balloon twitter feed access

Spowoduje to automatyczne odesłanie Tokena dostępu i tajnego Tokena dostępu. Kliknij przycisk „Zapisz zmiany”, aby zapisać ustawienia.

Następnym krokiem jest decyzja, jaki rodzaj tweetów chcesz wyświetlić w kanale Twittera. Smash Balloon Custom Twitter Feeds Pro oferuje wiele typów kanałów do wyboru.

Możesz wybrać opcję Oś czasu użytkownika i wprowadzić nazwę użytkownika Twittera, aby wyświetlić tweety. Istnieje również opcja dodawania odpowiedzi i retweetów do kanału.

Poza tym inne typy kanałów obejmują wyświetlanie tweetów opartych na różnych hashtagach, wyszukiwanych terminach, takich jak wzmianki lub frazy, oś czasu głównego, oś czasu wzmianek i listy.

Następnie Ustaw liczbę tweetów do wyświetlenia, skonfiguruj czas sprawdzania nowych tweetów i opcję zachowania ustawień po usunięciu wtyczki.

feed settings

Następnie przejdź do Dostosuj tab. Tutaj możesz edytować szerokość i wysokość kanału Twittera, dodać niestandardową klasę CSS i wyłączyć lightbox.

Wtyczka oferuje również 3 różne układy dla kanału na Twitterze. Możesz wybrać układ listy, karuzelę lub murowanie.

Każdy układ ma więcej opcji dostosowywania, takich jak liczba kolumn do wyświetlenia na pulpicie i telefonie komórkowym.

custom twitter feeds customize options

Teraz przewiń w dół i wybierz elementy, które chcesz pokazać lub ukryć w swoich tweetach. Na przykład istnieje opcja włączenia retweetowanego tekstu, obrazu awatara, daty, logo Twittera, nazwy autora i innych.

Inne opcje dostosowywania obejmują wyświetlanie nagłówka, przycisk Wczytaj więcej, Opcje układu multimedialnego i automatyczne wczytanie większej liczby ustawień. Możesz nawet moderować tweety, wpisując słowa lub hashtagi.

Smash Ballon Custom Twitter Feeds Pro oferuje również możliwość wprowadzenia niestandardowego CSS, niestandardowego Javascript i możliwość włączenia ustawień GDPR.

Istnieją pewne zaawansowane ustawienia, jak również można przejść przez, jak wyczyszczenie pamięci podręcznej karty Twitter, włączanie Ajax powered theme, obrazy HTTPS tylko w kartach Twitter, Tweet mnożnik, i wiele więcej.

Gdy będziesz zadowolony z ustawień, kliknij przycisk „Zapisz zmiany”.

custom twitter feeds advanced settings

Następnie przejdź do Styl Zakładka i zmień wygląd swojego kanału na Twitterze, aby pasował do twojej witryny.

Istnieje wiele opcji stylizacji, takich jak dodawanie koloru tła kanału i tweeta, zmiana koloru tła nagłówka i wprowadzanie niestandardowego tekstu.

Możesz także edytować strefę czasową daty, wybrać formaty daty, wprowadzić niestandardowy format daty i nie tylko.

Poza tym wtyczka oferuje funkcje stylizacji do edycji tekstu autora, rozmiaru logo Twittera, rozmiaru tekstu tweeta, różnych opcji łącza, edycji przycisku Załaduj więcej i wielu innych.

Nie zapomnij kliknąć przycisku „Zapisz zmiany” po edycji stylu swojego kanału na Twitterze.

twitter feed style options

Następnie możesz teraz wyświetlić kanał Twittera, aby wyświetlić najnowsze tweety w witrynie WordPress.

Aby to zrobić, Smash Balloon Custom Twitter Feeds Pro oferuje prosty shortcode, który możesz wkleić do swoich postów na blogu, paska bocznego lub w dowolnym miejscu, aby wyświetlić najnowsze tweety.

Oferuje nawet różne skróty, aby wyświetlić wiele kanałów i dostosować kanał Twittera w edytorze bloków WordPress bez konieczności powrotu do opcji stylizacji w wtyczce.

Skróty znajdziesz pod Wyświetl Swój Kanał tab.

shortcodes to display twitter feed

Załóżmy, że chcesz wyświetlić kanał na Twitterze w poście na blogu. Po prostu przejdź do edytora WordPress, kliknij ikonę plusa, aby dodać blok skrótów i wprowadź krótki kod.

Alternatywnie możesz również użyć bloku kanału na Twitterze, aby wyświetlić ostatnie tweety.

Następnie przejrzyj kanał na Twitterze, w razie potrzeby wprowadź ostateczne poprawki i opublikuj kanał w swojej witrynie.

twitter feed example

Jeśli chcesz dodać kanał na Twitterze w menu paska bocznego, przejdź do Wygląd ” Widgety. Następnie przeciągnij i upuść Niestandardowe Kanały Na Twitterze widget na pasku bocznym.

Niestandardowe kanały Twittera Smash Balloon automatycznie wprowadzą skrócony kod w obszarze opisu. Jeśli chcesz jeszcze bardziej dostosować kanał, Dodaj niestandardowe skróty zgodnie z opisem we wtyczce i kliknij przycisk „Zapisz”.

sidebar twitter feeds

Teraz możesz wyświetlić ostatnie tweety na pasku bocznym swojego bloga WordPress.

sidebar twitter feed example

Metoda 2: Ręcznie Dodaj ostatnie tweety do paska bocznego WordPress

Drugą metodą wyświetlania ostatnich tweetów w WordPress jest ręczne osadzanie profilu na Twitterze lub osi czasu.

Podobnie jak dodawanie filmu z YouTube, WordPress ułatwia również osadzanie treści Twittera, takich jak pojedynczy tweet, kolekcja, lista, Polubienia i moment w Twojej witrynie.

WordPress korzysta z funkcji oEmbed, która automatycznie zamienia dowolny adres URL zawartości w kod osadzania po wklejeniu w obszarze zawartości.

Najpierw musisz znaleźć i skopiować adres URL profilu na Twitterze, który chcesz osadzić. Adres URL profilu Twittera to po prostu połączenie adresu URL witryny Twittera i nazwy użytkownika Twittera.

Na przykład adres URL profilu na Twitterze WPBeginner to https://twitter.com/wpbeginner.

wpbeginner twitter profile

Następnie zaloguj się do pulpitu WordPress i przejdź do Wygląd ” Widgety strona. Po prostu przeciągnij i upuść widżet tekstowy na pasek boczny, a następnie wklej skopiowany wcześniej adres URL profilu Twittera w obszarze tekstowym.

Paste Twitter Profile URL to WordPress text widget

Gdy to zrobisz, natychmiast zamieni się w widżet osi czasu Twittera pokazujący ostatnie tweety z tego konkretnego konta.

Save Your Recent Tweets Widget in WordPress

Następnie możesz nazwać widżet, zapisać go i wyświetlić podgląd na żywo w witrynie. Oto jak nasze ostatnie tweety pojawiają się na naszej stronie demo.

Recent Tweets in WordPress Demo Site - With Text Widget

Jak widać na powyższym zrzucie ekranu, ta metoda dodaje Twoje ostatnie tweety do pudełka z pionowym suwakiem. Pudełko zawiera najnowsze tweety 20 i przycisk „Załaduj więcej tweetów” na końcu.

Metoda 3: osadzanie Twittera w WordPress za pomocą Twittera Publikuj

Trzecią metodą dodawania ostatnich tweetów jest użycie funkcji publikowania na Twitterze.

Twitter Publish umożliwia łatwe tworzenie kodu osadzania dla różnych rodzajów treści na Twitterze, w tym tweeta, kolekcji, profilu, listy, chwili, hashtagu itp.

Twitter Publish for Embedding Tweets into Websites

Aby skorzystać z tej metody, musisz odwiedzić witrynę publikowania na Twitterze, a następnie wkleić adres URL profilu na Twitterze w polu ” co chcesz osadzić? box.

Enter Twitter Profile URL in Twitter Publish

Po zakończeniu kliknij ikonę strzałki.

Następnie poprosi o wybranie opcji wyświetlania: osadzona oś czasu lub przyciski Twittera. Wybierz „osadzoną oś czasu”, aby wyświetlić oś czasu na Twitterze z ostatnimi tweetami.

Twitter Publish Display Options

Po wybraniu opcji wyświetlania natychmiast utworzy kod osadzania dla ostatnich tweetów. Teraz kliknij na przycisk Kopiuj kod.

Copy Twitter Embed Code from Twitter Publish

Następnie musisz przejść do Wygląd ” Widgety z Pulpitu nawigacyjnego i dodaj widżet „Niestandardowy HTML” do obszaru paska bocznego. Następnie wklej skopiowany wcześniej kod osadzania w polu HTML.

Paste the Twitter Profile Embed Code in Custom HTML widget

Po zakończeniu zapisz widżet i zobacz swoje ostatnie tweety na żywo w swojej witrynie.

Oto jak nasz kanał na Twitterze wyglądał na stronie testowej.

Recent Tweets in WordPress - Demo Website

Czasami może być konieczne osadzenie osi czasu na Twitterze w postach na blogu lub na stronie O nas.

WordPress jest wyposażony w Blok osadzania Twittera dla nowego edytora bloków WordPress.

Po prostu utwórz nowy post lub edytuj istniejący. Na ekranie edycji postu Dodaj blok osadzania Twittera w obszarze treści.

Add Twitter Embed Block in WordPress Editor

Teraz musisz wkleić adres URL swojego profilu na Twitterze i kliknąć przycisk „Osadź”.

Embed Twitter Timeline in WordPress Post

Następnie WordPress automatycznie pobierze i wyświetli Twoje ostatnie tweety w obszarze zawartości.

Twitter Profile Embedded in WordPress Post

Ta metoda dodaje kanał na Twitterze z paskiem przewijania w Twoim poście.

Alternatywnie możesz również użyć metody publikowania na Twitterze, która pozwoli Ci wyświetlać najnowsze tweety bez paska przewijania.

Przejdź do witryny publikowania na Twitterze i wklej adres URL swojego profilu na Twitterze w polu ” co chcesz osadzić?’pole i kliknij strzałkę obok niego.

Enter Twitter Profile URL in Twitter Publish

Następnie wybierz opcję „osadzona oś czasu”, a następnie skopiuj kod osadzenia.

Copy Embed Code for Twitter Profile

Następnie musisz dodać ’ niestandardowy blok HTML w edytorze postów, aby wkleić kod osadzania.

Add Custom HTML Block in WordPress Editor

Teraz możesz wkleić skopiowany wcześniej kod osadzania.

Paste the Twitter profile Embed Code in Custom HTML Block

Po zakończeniu zapisz swój post i przejrzyj go na żywo.

Metoda 4: ręcznie Pokaż selektywne tweety w WordPress

Osadzenie profilu na Twitterze pokaże wszystkie twoje ostatnie posty w Twojej witrynie. Co zrobić, jeśli chcesz pokazać tylko wybrane tweety?

Nie martw się, na to też są proste rozwiązania. Istnieją głównie sposoby 5 na osadzenie wybranych tweetów w Twojej witrynie.

  • Kolekcja: Pokaż wyselekcjonowaną kolekcję tweetów według tematów, zainteresowań, rozmów i innych.
  • Lista: Wyświetlaj Tweety przez wyselekcjonowaną grupę użytkowników Twittera.
  • Lubi: Pokaż wszystkie tweety określonego użytkownika Twittera oznaczone jako Polubienia.
  • Moment: Pokaż tweety z publicznej chwili przez użytkownika Twittera.
  • Hashtag: Wyświetlaj tweety każdego, kto zawiera określony hashtag.

Wśród tych opcji możesz utworzyć cztery ostatnie wybory bezpośrednio ze strony internetowej Twittera. Możesz również skopiować odpowiedni adres URL i wkleić go na pasku bocznym WordPress za pomocą widżetu tekstowego.

Na przykład listy na Twitterze można znaleźć na stronie profilu na Twitterze. Wybierz dowolną listę, którą chcesz osadzić i kliknij na nią.

twitter list

Po kliknięciu na link lista otworzy się i możesz skopiować adres URL listy z przeglądarki. Na przykład adres URL naszej listy na Twitterze „eksperci WordPress” to https://twitter.com/wpbeginner/lists/wordpress-experts.

Teraz możesz wkleić ten adres URL na pasku bocznym WordPress.

Add Twitter List in WordPress Text Widget

Podobnie możesz znaleźć adresy URL polubień, momentów i hashtagów ze swojej strony profilu na Twitterze i łatwo osadzić w swojej witrynie WordPress.

Musisz jednak użyć zaawansowanej funkcji TweetDeck Twittera, aby utworzyć kolekcję. Kolekcja Twittera to lista tweetów zorganizowana w ramach tematu przez użytkownika.

Odwiedź Stronę TweetDeck i zaloguj się za pomocą konta na Twitterze. Po otwarciu Pulpitu Nawigacyjnego TweetDeck kliknij przycisk „Dodaj kolumnę” na lewym panelu.

Add Column in TweetDeck Application

Następnie musisz wybrać opcję „Kolekcja”.

Choose Collection Option in TweetDeck

Następnie możesz nazwać swoją nową kolekcję Twittera.

Create New Collection in TweetDeck

Po zakończeniu zobaczysz nową kolumnę dodaną do Pulpitu Nawigacyjnego TweetDeck.

Drag Tweets to Twitter Collection

Teraz możesz przeciągać tweety z domu na Twitterze lub dowolnego konta użytkownika i tworzyć swoją kolekcję.

Po dodaniu tweetów do kolekcji możesz osadzić je w swojej witrynie. Kliknij ikonę opcji, a następnie kliknij opcję Udostępnij. Następnie wybierz opcję „osadzanie kolekcji”.

Embed Collection from TweetDeck

Po kliknięciu Embed collection otworzy się strona publikowania na Twitterze z kodem osadzania dla Twojej kolekcji na Twitterze.

Copy Embed Code for Twitter Collection

Skopiuj kod osadzania, a następnie wklej go do swojej witryny za pomocą niestandardowego widżetu HTML.

Embed Twitter Collection with Custom HTML Widget

Po zakończeniu zapisz widżet, aby zobaczyć kolekcję Twittera na żywo w swojej witrynie.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak pokazać najnowsze tweety w WordPress i jak pokazać selektywne tweety w WordPress. Możesz również zobaczyć naszą listę najlepszych wtyczek WordPress dla stron biznesowych i nasze porównanie najlepszych usług e-mail marketingu, aby zwiększyć ruch.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…