Chcesz osadzać pojedyncze tweety w wpisach na Twoim blogu WordPress?
Cytując rzeczywiste tweety w twoim blogu, dajesz czytelnikom łatwy sposób na dołączenie do rozmowy. Może to sprawić, że twoje artykuły będą bardziej angażujące i interesujące, jednocześnie promując twoje konta w mediach społecznościowych.
W tym artykule pokażemy ci, jak łatwo osadzać rzeczywiste tweety w wpisach i stronach twojego bloga WordPress.
Dlaczego warto osadzać rzeczywiste tweety we wpisach na blogu WordPress?
Według naszych badań statystyk marketingowych, Twitter jest jedną z największych sieci mediów społecznościowych na świecie z ponad 217 milionami miesięcznie włączających się użytkowników.
Obecnie wiele witryn internetowych korzysta z tweetów, aby uczynić swoje blogi bardziej angażującymi.
Chociaż możesz zrobić zrzut ekranu dla swoich wpisów na blogu, lepiej jest osadzać rzeczywisty tweet, o którym chcesz porozmawiać. Pozwala to czytelnikom na interakcję z tweetem poprzez komentowanie, polubienie i podawanie dalej oryginalnego wpisu.
Ponieważ osadzane tweety są interaktywne, mogą zatrzymać odwiedzających na twojej witrynie internetowej na dłużej, zwiększyć liczbę odsłon i zachęcić użytkowników do angażowania się w twoje treści i śledzenia cię w mediach społecznościowych.
Możesz nawet osadzać tweety od zaufanych stron trzecich, takich jak partner marketingu afiliacyjnego, influencer z branży lub klient, który napisał na Twitterze coś pozytywnego o twojej firmie.
Mając to na uwadze, zobaczmy, jak można osadzać rzeczywiste tweety w WordPressie. Wystarczy skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:
Metoda 1. Osadzanie tweetów w WordPressie bez wtyczki (szybko i łatwo)
Możesz ręcznie osadzać poszczególne tweety we wpisach na blogu WordPress za pomocą bloku Twitter i edytora bloków WordPress.
Ponieważ ta metoda wykorzystuje wbudowane narzędzia WordPress, nie trzeba instalować żadnych specjalnych wtyczek i można od razu osadzać tweety. Jeśli chcesz dodać tylko niewielką liczbę tweetów do twojej witryny, jest to szybka i łatwa metoda.
Jeśli jednak chcesz wyświetlić wiele tweetów, będziesz musiał ręcznie skopiować wiele adresów URL, co może zająć dużo czasu. Możesz również wyświetlić tylko jeden tweet na blok, więc nie jest to dobry wybór, jeśli chcesz osadzać wiele tweetów.
Jeśli chcesz dodać kanał mediów społecznościowych, który aktualizuje się automatycznie po wpisaniu nowych tweetów, musisz użyć metody 2.
Aby osadzać pojedyncze tweety, przejdź do Twittera i znajdź wpis, który chcesz wyświetlić. Może to być twój własny tweet lub tweet z czyjegoś konta. Na przykład, możesz osadzać wpisy od zadowolonych klientów, ponieważ są one potężną formą dowodu społecznego.
Teraz wystarczy kliknąć tweet, aby go otworzyć. Pasek adresu twojej przeglądarki wyświetli adres tego konkretnego tweeta.
Możesz zanotować adres URL lub pozostawić tweeta otwartego w osobnej karcie, ponieważ odnośnik będzie potrzebny później.
Wróć do kokpitu WordPress i otwórz wpis na blogu, w którym chcesz osadzać tweety. Następnie kliknij ikonkę „+” i wpisz „Twitter”.
Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do wpisu na blogu.
Następnie wystarczy wkleić adres URL tweeta do bloku „Twitter”.
Po wykonaniu tej czynności kliknij przycisk „Osadzaj”.
Edytor bloków WordPress wyświetli teraz tweet. Następnie możesz kontynuować pracę nad blogiem, dodając obrazki, tekst i inne treści.
Gdy będziesz zadowolony z bloga, kliknij „Opublikuj” lub „Aktualizuj”, aby wprowadzić zmiany na żywo. Teraz, jeśli przejdziesz na wpis, zobaczysz tweet osadzany na twoim blogu.
Pro Tip : Możesz również wkleić adres URL tweeta do bloku akapitu, a WordPress automatycznie zamieni blok akapitu w blok osadzania na Twitterze.
Blok Twittera można również dodać do dowolnego obszaru obsługującego widżety, takiego jak panel boczny lub podobna sekcja.
Jest to świetny wybór, jeśli chcesz pokazać ten sam tweet w wielu obszarach.
Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat dodawania i używania widżetów w WordPress.
Jeśli korzystasz z motywu opartego na blokach, możesz dodać blok Twittera do dowolnej części twojej witryny internetowej za pomocą edytora całej witryny.
Obejmuje to obszary twojej witryny, których nie możesz edytować za pomocą standardowego edytora treści. Na przykład, możesz użyć twoich najpopularniejszych tweetów, aby ulepszyć szablon strony 404.
Metoda 2. Automatyczne osadzanie wielu tweetów za pomocą wty czki (zalecane)
Jeśli konieczne jest osadzanie więcej niż jednego tweeta, zalecamy skorzystanie z wtyczki do tworzenia kanału Twitter.
Daje to możliwość tworzenia własnych kanałów z hashtagiem, pokazujących różnych klientów i osie czasu. Następnie możesz dodać te kanały na wpisy na twoim blogu, strony, a nawet obszary gotowe na widżety, takie jak panel boczny.
Najprostszym sposobem na utworzenie kanału na Twitterze jest użycie wtyczki Smash Balloon Custom Twitter Feeds. Jest to jedna z najlepszych wtyczek Twittera dla WordPressa i pozwala dodawać wszelkiego rodzaju kanały do twojego bloga.
Kanały te będą aktualizowane automatycznie, dzięki czemu odwiedzający będą zawsze widzieć twoje najnowsze tweety bez konieczności ręcznej edycji witryny.
Ponieważ kanał aktualizuje się automatycznie, może to sprawić, że twoja witryna internetowa będzie świeża i interesująca nawet dla stałych odwiedzających. W ten sposób możesz zachęcić ludzi do spędzania więcej czasu na twojej witrynie, zapisania się do newslettera e-mail, zakupu produktu i podjęcia innych pozytywnych działań.
Jeśli odwiedzający spędzają dużo czasu przeglądając osadzany kanał Twittera, to wysyła to pozytywne sygnały do wyszukiwarek. Może to poprawić twoje WordPress SEO.
Jak skonfigurować wtyczkę WordPress Twitter Feed?
Najpierw musisz zainstalować i włączyć wtyczkę Smash Balloon Custom Twitter Feed. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.
Po włączaniu, twoim pierwszym zadaniem jest połączenie Smash Balloon z twoim kontem na Twitterze poprzez przejście do Twitter Feed ” Settings. Na tym ekranie kliknij przycisk „Połącz nowe konto”.
Pojawi się teraz wyskakujące okienko z kilkoma informacjami na temat treści, do których będą miały dostęp konfiguratory Twitter Feed.
Jeśli chcesz kontynuować, kliknij „Połącz”.
Na następnym ekranie zobaczysz szczegółowe informacje na temat danych, do których Smash Balloon może uzyskać dostęp i działań, które może wykonać.
Jeśli zgadzasz się na przyznanie Custom Twitter Feed tych uprawnień, kliknij przycisk „Autoryzuj aplikację”.
Jeśli zostaniesz o to poproszony, wpisz swoją nazwę użytkownika i hasło do Twittera.
Po pomyślnym połączeniu z twoim kontem na Twitterze, Smash Balloon automatycznie przeniesie cię z powrotem do kokpitu WordPress. Po wykonaniu tej czynności możesz utworzyć kanał na Twitterze.
Jak utworzyć własny Twitter Feed w WordPress?
Aby utworzyć kanał na Twitterze, przejdź do Twitter Feeds ” All Feeds i kliknij „Add New”.
Na tym ekranie możesz wybrać rodzaj kanału, który chcesz osadzać. Kanał można utworzyć z dowolnego konta na Twitterze, w tym z kont innych firm.
Jest to idealne rozwiązanie, jeśli piszesz wpis na blogu o innej firmie, marce lub osobie i chcesz pokazać ich najnowsze tweety jako część twojego wpisu.
Aby wyświetlić tweety z konta innej firmy, wybierz „Oś czasu użytkownika”, a następnie kliknij „Dalej”.
Na następnym ekranie wpisz symbol @, a następnie konto na Twitterze, z którego będziesz otrzymywać tweety.
Następnie kliknij „Dalej”, aby otworzyć główny edytor Smash Balloon.
Inną opcją jest wyświetlanie tweetów z określonym hashtagiem. Może to być hashtag związany z twoją witryną internetową, cyfrowymi plikami do pobrania, produktami sprzedawanymi w twoim sklepie internetowym lub czymkolwiek innym.
Możesz także użyć kanałów z hashtagiem, aby wyświetlać tweety związane z tematem bloga. Na przykład, jeśli prowadzisz bloga na temat najnowszego hitu telewizyjnego, możesz utworzyć kanał z hashtagiem pokazujący fanów rozmawiających o serialu.
Aby utworzyć kanał z hashtagiem, wybierz „Hashtag”, a następnie kliknij „Dalej”. Możesz teraz wpisać rodzaj hashtagu, którego chcesz użyć.
Następnie kliknij „Dalej”, aby otworzyć główny edytor Smash Balloon.
Ostatnią opcją jest „Oś czasu ze strony głównej”, która po prostu osadza główny kanał Twojego konta na Twitterze. Jest to dokładnie ten sam kanał, który widzisz po przejściu na stronę główną Twittera, więc zobaczysz te same tweety, polubienia i podawanie dalej.
Może to być przydatne, jeśli chcesz promować osoby, które obserwujesz.
Na następnym ekranie wybierz konto na Twitterze dodane w poprzednim kroku.
Następnie wybierz „Dalej”, aby uruchomić edytor Smash Balloon.
Jak dostosować swój Live Twitter Feed do własnych potrzeb?
Wtyczka Custom Twitter Feeds daje wiele sposobów na dostosowanie wyglądu tweetów na twojej witrynie internetowej. Po prawej stronie znajduje się podgląd Twitter Feed.
Po lewej stronie zobaczysz wszystkie różne ustawienia, których możesz użyć, aby dostosować wygląd tweetów na twojej witrynie internetowej WordPress. Większość z tych ustawień nie wymaga wyjaśnień, ale szybko omówimy niektóre z głównych obszarów.
Aby rozpocząć, kliknij „Układ kanałów”.
Tutaj można zmienić wysokość kanału i liczbę tweetów, które odwiedzający zobaczą na początku.
Gdy będziesz zadowolony ze zmian, kliknij odnośnik „Dostosuj”.
Spowoduje to powrót do głównego ekranu ustawień Smash Balloon.
Kolejnym ustawieniem jest „Schemat kolorów”. Domyślnie kanał używa kolorów odziedziczonych z twojego motywu WordPress, ale możesz zamiast tego przełączyć się na schemat kolorów „Jasny” lub „Ciemny”.
Inną opcją jest stworzenie własnego schematu kolorów poprzez wybranie opcji „Dostosuj”, a następnie użycie elementów sterujących do zmiany koloru tła, zmiany koloru tekstu w WordPressie i nie tylko.
Jeśli wyświetlasz tweety od konkretnego użytkownika, możesz dodać nagłówek do kanału. Pokazuje to odwiedzającym, skąd dokładnie pochodzi treść.
Konfigurator Twitter Feed może dodać standardowy lub tekstowy nagłówek do twojego kanału.
Wystarczy wybrać „Nagłówek” z menu po lewej stronie, a następnie kliknąć przełącznik „Włącz”. Domyślnie wtyczka dodaje „Standardowy” nagłówek, który pokazuje przycisk „Obserwuj” i biogram na Twitterze, jeśli jest dostępny.
Jeśli chcesz ukryć biogram na Twitterze, kliknij, aby wyłączyć przełącznik „Pokaż biogram”.
Inną opcją jest wybranie opcji „Tekst”, która dodaje do kanału nagłówek „Jesteśmy na Twitterze”.
Możesz je zastąpić twoimi własnymi wiadomościami, wpisując je w polu „Tekst”.
Gdy będziesz zadowolony z wiadomości, możesz zmienić rozmiar i kolor nagłówka.
Następnie możesz dostosować wygląd poszczególnych tweetów w kanale Twittera, wybierając „Tweets” z menu po lewej stronie.
Następnie można wybrać między opcjami „Styl tweeta” i „Edytuj poszczególne elementy”.
Jeśli wybierzesz „Styl tweeta”, możesz wybrać między układem pudełkowym i zwykłym.
Po wybraniu opcji „Boxed” można utworzyć kolorowe tło dla każdego tweeta. Możesz także zwiększyć promień obramowania, aby utworzyć zakrzywione rogi i dodać cień ramki.
Jeśli wybierzesz opcję „Regularny”, możesz zmienić grubość i kolor linii oddzielającej twoje wpisy w mediach społecznościowych.
Następnie możesz dostosować poszczególne elementy w każdym wpisie, klikając „Tweets”, co spowoduje powrót do poprzedniego ekranu.
Tym razem wybierz opcję „Edytuj poszczególne elementy”.
Zobaczysz teraz wszystkie różne treści, które konfigurator Twitter Feed dołącza do każdego wpisu, takie jak autor, tekst tweeta, logo Twittera i inne.
Aby usunąć treść z kanału, wystarczy kliknąć, aby odznaczyć jej pole.
Można również dostosować wygląd każdego rodzaju treści, klikając na niego.
Na przykład na poniższym obrazku zmieniliśmy rozmiar i kolor tekstu tweeta.
Gdy będziesz zadowolony z wyglądu tweetów, kliknij „Dostosuj”, aby powrócić do głównego ekranu ustawień Smash Balloon. Tym razem wybierz przycisk „Wczytuj więcej”.
Przycisk „Wczytywanie więcej” umożliwia odwiedzającym przewijanie większej liczby tweetów, więc dostosuj Twitter Feed dodaje go domyślnie.
Ponieważ jest to tak ważny przycisk, możesz go dostosować, zmieniając jego kolor tła, stan najechania kursorem, etykietę i inne elementy, aby pasowały do projektu twojej witryny.
Możesz również zastąpić domyślny tekst „Wczytywanie więcej” swoim własnym wezwaniem do działania, wpisując go w polu „Tekst”.
Jeśli wolisz, możesz całkowicie usunąć przycisk, klikając przełącznik „Włącz”.
Gdy będziesz zadowolony z wyglądu Twitter Feed, nie zapomnij kliknąć „Zapisz”. Następnie możesz osadzać Twitter Feed na swoich wpisach na blogu WordPress.
Jak osadzać Twitter Feed we wpisach na blogu WordPress?
Możesz dodać kanał do swoich wpisów na blogu za pomocą bloku Smash Balloon Twitter Feed.
Jeśli utworzyłeś więcej niż jeden kanał na Twitterze za pomocą wtyczki, musisz znać kod kanału.
Aby uzyskać te informacje, przejdź do Twitter Feed ” All Feeds i skopiuj kod w kolumnie „Shortcode”. Będziesz musiał dodać ten kod do swojego wpisu na blogu, więc zanotuj go.
Na poniższym obrazku będziemy musieli użyć [custom-twitter-feeds feed=2]
.
Następnie wystarczy otworzyć wpis na blogu, w którym chcesz osadzać Twitter Feed. Następnie kliknij ikonkę „+”, aby utworzyć nowy blok i zacznij wpisywać „Twitter Feed”.
Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do wpisu na blogu.
Blok będzie domyślnie wyświetlał jeden z Twoich własnych Twitter Feedów. Jeśli zamiast tego chcesz użyć innego kanału na Twitterze, znajdź „Ustawienia krótkiego kodu” w menu po prawej stronie.
Tutaj wystarczy dodać krótki kod, a następnie kliknąć „Zastosuj zmiany”.
Blok będzie teraz pokazywał twój kanał na Twitterze i może po prostu opublikować lub zaktualizować wpis na blogu, aby tweety były na żywo w twojej witrynie internetowej. Za każdym razem, gdy coś tweetujesz, Smash Balloon automatycznie zaktualizuje ten kanał.
Metoda 3. Osadzanie tweetów w WordPressie za pomocą Twitter Publish (z możliwością dostosowania)
Kolejna metoda wykorzystuje funkcję Twitter Publish do osadzania tweetów w WordPressie. Różnica między tą metodą a poprzednimi polega na tym, że nie używa ona wtyczki, ale pozwala na konfigurator wyglądu osadzanego tweeta na twoim wpisie na blogu.
Po pierwsze, skopiuj adres URL tweeta, tak jak w pierwszej metodzie. Następnie przejdź do witryny Twitter Publish i wklej adres URL w odpowiednim polu.
Następnie kliknij znak strzałki po prawej stronie.
Następnie wybierz opcję wyświetlania.
Ponieważ chcesz osadzać tweety, wybierz opcję „Wpis osadzony”.
Poniżej znajduje się opcja skopiowania kodu i wklejenia go do edytora bloków.
Jednak na potrzeby tego poradnika należy najpierw kliknąć odnośnik „ustaw opcje konfiguratora”. To właśnie pozwala dostosować wygląd osadzanego tweeta przed dodaniem go do twojego wpisu na blogu WordPress.
Tutaj masz możliwość włączenia trybu ciemnego dla twoich tweetów, zmiany języka tweeta i ukrycia dyskusji w wątku tweeta.
Możesz również włączyć opcję „Rezygnacja z dostosowywania Twittera”, aby uniemożliwić Twitterowi zbieranie informacji o twoich użytkownikach, takich jak strona internetowa, którą przeszli, ich adres IP, rodzaj przeglądarki, system operacyjny i informacje o plikach ciasteczka.
Po zakończeniu kliknij przycisk „Aktualizuj”.
Na tym etapie wrócisz do poprzedniej strony, a Twitter zaktualizuje kod osadzania zgodnie z twoimi konfiguratorami.
Tutaj wystarczy kliknąć przycisk „Kopiuj kod”.
Teraz wystarczy otworzyć edytor bloków dla wpisu, w którym chcemy osadzać tweeta.
Następnie kliknij ikonkę „+” w dowolnym miejscu na stronie i wybierz blok „Własny HTML”.
W polu HTML wklej skopiowany wcześniej kod.
Oto jak powinno to wyglądać:
Jeśli chcesz zobaczyć, jak wygląda osadzany tweet, po prostu kliknij przycisk „Podgląd” na pasku narzędzi bloku.
Następnie dodaj więcej elementów do twojej strony i naciśnij przycisk „Opublikuj” lub „Aktualizuj” po zakończeniu.
To wszystko!
Aby uzyskać więcej porad i wskazówek dotyczących integracji Twittera z twoją witryną internetową WordPress, zapoznaj się z tymi artykułami:
- Jak dodać przycisk udostępniania i podawania dalej na Twitterze w WordPressie?
- Jak wyświetlić liczbę obserwujących na Twitterze jako tekst w WordPress?
- Jak wyświetlać najnowsze tweety w WordPress (krok po kroku)?
- Jak naprawić uszkodzone obrazki kart na Twitterze w WordPressie?
- Jak dodać pola Click to Tweet do twoich wpisów na WordPressie?
- Jak automatycznie tweetować po opublikowaniu nowego wpisu w WordPressie?
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak osadzać rzeczywiste tweety we wpisach na blogu WordPress. Następnie możesz zapoznać się z naszym przewodnikiem na temat zarabiania pieniędzy na blogowaniu online za pomocą WordPressa oraz z naszą ekspercką listą najlepszych wtyczek WordPress do Facebooka, które pomogą Ci rozwinąć Twojego bloga.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis Muthomi says
As someone who just started a WordPress blog focused on social media marketing, I found this guide super valuable!
I’d been using the manual method of embedding individual tweets(or should I say posts) with the Twitter block, but the Smash Balloon plugin method sounds much more efficient for curating topical Twitter feeds around hashtags or influential accounts in my niche.
I’ll definitely be implementing some of these tips on my own blog. Thanks for the actionable advice!
WPBeginner Support says
You’re welcome, glad our guide was helpful!
Administrator
Paul Roos says
Thanks for the article. I am going to try it. If the tweet has a hashtag, how does one embed always the newest Tweet with Hashtag?
WPBeginner Support says
For that you would want to use the plugin option and that would automatically update as the hashtag got new posts
Administrator
Daniel Westerdale says
Hi
I embedded a tweet which had an attached image, in a page on my wordpress blog. I noticed the tweet text is rendered but the image is not displayed. Hence, I just wondered if this is possible ( even with another plugin) .
Marce Luna says
Thanks, a didn’t know that! There’s a way to get the tweet URL much faster. Just look for the date right in the timeline, right click and copy link address.
Mustafa Cıngı says
You know what? I’ve really searched for months about this topic and I couldn’t find the solution and it was getting me insane day by day, until today. Thanks for your solution. From now on, I can share tweets in my blog. Thanks..
Editorial Staff says
Glad we were able to help
Administrator
LJames says
Hello,
How are you doing? i have been embedding twitter post links in the post entry an they have been displaying very well, but just of recently my twitter posts just stopped displaying in the posts i dont know why, for example when i try to inset a twitter link like this one: it displays very well in the post entry before i publish the post, but after publishing post and check, it doesnot show, it only shows the link like the one above, it doesnot display the real twitter post with its picture
please help me find the issue, i also tried to deactivate the plugins but all invain.
This is my website:
Thanks
L.James
WPBeginner Support says
Seems like a plugin or you WordPress theme is causing the issue. Try deactivating all plugins and switching to a default theme to figure out whats causing it.
Administrator
pawan negi says
thnx a lot finally i found what i am searching.. worked for me.
Kristina says
For me, embedding tweets works on the first tweet but not multiple tweets in successive order. Anyone know any workarounds for this?
Debi Hodges says
I am having this exact issue, any thoughts?
Edikan says
Please, I will like to ask a question about twitter but outside this particular topic.
Twitter have an automatic link shortening service using t.co. but it is not working in my Twitter’s profile page. but it works on my facebook page when shared from my WordPress website, since my twitter is connected to my facebook.
I have tried rectifying this problem but cannot and it seems twitter doesn’t have a help center where i can contact them to tell them this.
Please how can i solve this.
Thanks.
Trish Ledingham says
Mine worked when I did it in my previous blog but now when I go to do it again in another blog, it only brings up the text and not the actual tweet. Any suggestions please?
joshie says
Thought it didn’t work at first. You actually have to go to Preview mode to see it, it won’t appear in the editor.
William T Quick says
Doesn’t work. Shows the url code, not the tweet.
Paul McGuire says
Seems to work fine to me. I am not sure what old version of WordPress you are using. Though admittedly now when you click „embed tweet” you don’t get the same sort of URL that he describes in the article. But once you grab that out of the jumble of code and paste that into your post then you get a properly embedded tweet.