How to embed a tweet in wordpress

New Page

How to embed real tweets in WordPress blog posts

Ultima actualización en4 de November de 2020por Equipo Editorial | Disclosure of the reader Disclosure : Our content is respaldado por el lector. Esto means that if click in algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por que es important y cómo puede apoyarnos.

Comparte 362 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

¿Quieres embed individual tweets in your WordPress blog posts? Embedding the tweets in his blog posts allows him to easily quote the tweets as part of his posts and other more attractive ones.

You may have access to many popular news blogs and websites that incorporate tweets from organizations and individuals in addition to articles.

Hace que las citas sean más auténticas y permite a los usuarios seguir las conversaciones completeas para obtention más information.

In this article, the mostraremos cómo easily embeds tweets in WordPress blog posts and pages.

How to easily embed tweets in WordPress blog posts How to Easily Embed Tweets in WordPress Blog Posts

Video tutorial

Subscribe to WPBeginner

If prefier instrucciones escritas, siga leyendo.

Embed real tweets in WordPress publications: paso a paso

WordPress makes it easy to incorporate third-party services into its blog posts. This includes YouTube videos, tweets, and other social media and posts.

This feature uses a method called oEmbed. Basically, you can simply aggregate the URL from a third-party website, and WordPress will solicit an insertion code.

Solo puede agregar services oEmbed incluidos in the lista blanca in WordPress, y Twitter es uno de esos servicios.

The WordPress blocker editor comes with an inbuilt Twitter blocker that makes it easy to insert tweets into its posts and pages.

First, you need to go to Twitter and find the tweet you want to embed. After that, click on the down arrow icon on the right and then select the “Copy link to Tweet” option.

Copy embrace al tuit Copy link to tweet

Next, you need to edit the WordPress post or page where you want to embed the tweet.

Sur l’écran d’édition de publication, cliquez sur l’icône + pour ajouter un nouveau bloc, puis sélectionnez le bloc Twitter dans la section Embeds.

Ajouter un bloc d'intégration Twitter dans l'éditeur WordPress Ajouter un bloc d'intégration Twitter dans l'éditeur WordPress

You’ll now see the Twitter Embed block added into the post edit area. You need to paste the tweet URL that you copied earlier in the block settings.

Intégrer Twitter dans WordPress Post Editor Intégrer Twitter dans WordPress Post Editor

WordPress will now automatically fetch and display the actual tweet in your post content.

Tweet réel intégré dans la publication WordPress Tweet réel intégré dans la publication WordPress

You can save your post or publish it to see a live preview. This is how it looked on our demo website.

Tweet réel intégré dans l'aperçu de l'article de blog WordPress Tweet réel intégré dans l'aperçu de l'article de blog WordPress

Pro Tip: You can also paste the Tweet URL in a paragraph block and WordPress will automatically convert it into a Twitter embed block.

Intégrer automatiquement les tweets en collant simplement l'URL Intégrer automatiquement les tweets en collant simplement l'URL

How to Embed Tweets in Classic WordPress Editor

If you are still using the old WordPress classic editor, then you will need to copy and paste the tweet link directly in the post editor.

Unlike the block editor, the classic editor is a single text box for your whole content. That’s why you need to paste the tweet URL in a separate line in the editor.

Ajouter une URL Twitter dans l'éditeur WordPress classique Ajouter une URL Twitter dans l'éditeur WordPress classique

Once done, it will immediately load the actual tweet in your post editor.

Tweet intégré dans l'éditeur WordPress classique Tweet intégré dans l'éditeur WordPress classique

Don’t forget to update or save your changes and preview your post or page.

How To Automatically Embed Latest Tweets in WordPress

By default, WordPress allows you to manually embed tweets in your articles, and you can only add one tweet at a time.

What if you wanted to showcase recent tweets from your account, another user, or a hashtag?

This is where Smash Balloon Custom Twitter Feeds comes in. It allows you to easily embed a twitter feed with beautiful layouts and tons of customization options.

First, you need to install and activate the Smash Balloon Custom Twitter Feeds plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Note: there’s a free version of custom Twitter feeds plugin available as well. We’re showcasing the pro version because it has more features.

Upon activation, you need to visit Twitter Feeds » License page and enter your license key. You can find this information under your account on the Smash Balloon website.

Entrez votre licence Smash Balloon Entrez votre licence Smash Balloon

Next, you need to click ‘Activate License’ and then click on Save Changes.

After that, you can go to Twitter Feeds » Configure and click the big blue button to connect your Twitter account.

Connectez votre compte Twitter Connectez votre compte Twitter

This will take you to the Twitter website and you’ll be asked to login. Once logged in, you need to click on the ‘Authorize App’ button to continue.

Autoriser l'App Autoriser l'App

After that, you’ll be redirected back to your website where you’ll see the Access Token and Access Token Secret fields filled out. Make sure you save your changes.

Displaying Your Twitter Feed in WordPress

Once you have set up the plugin, you can add your recent tweets to any WordPress post or page.

Simply edit the post or page where you want to display the Twitter feed. On the post edit screen, click on the (+) button to add the Twitter Feed block to your page.

Ajouter un flux Twitter à la page Ajouter un flux Twitter à la page

As soon as you add the block, it will automatically load recent tweets from your Twitter account. You can now save your post or page and visit it to see your Twitter feed in action.

Flux Twitter sur la page Flux Twitter sur la page

Now you have a feed of your Tweets that is automatically updated every time you Tweet.

You can even set up your feed to show a particular hashtag if you want. Here’s how you’d do it.

Go back to Twitter Feeds » Twitter Feeds and scroll down to your Feed Settings. Then select the option for ‘Hashtag’ and enter your hashtag of choice into the field.

Paramètres du hashtag Smash Balloon Paramètres du hashtag Smash Balloon

Make sure to save your changes, and then check your site. You’ll see a list of Tweets using the hashtag you chose.

Flux de hashtag Twitter Flux de hashtag Twitter

Now, let’s look at how you can easily customize your feed.

Customizing Your Twitter Feed in WordPress

Smash Balloon Twitter Feed allows you to display Twitter feeds in various layouts with several customization options.

Simply head over to the Twitter Feeds » Customize tab, and you’ll see your first set of options to display your feed. You have quick links at the top to navigate to the section you want to customize.

Personnaliser la mise en page Personnaliser la mise en page

Let’s start by clicking on the layouts section. From here, you can choose from a number of options including list, carousel, and masonry styles.

Choisissez votre mise en page Choisissez votre mise en page

You can also show and hide different items like header, twitter links, reply and retweet actions, and more. Once you are finished, don’t forget to click on the Save Changes button to store your settings.

You can now visit your Twitter feed page to see your changed applied to the feed.

Conception de la carte postale de 2 colonnes de flux de Twitter Flux Twitter Disposition de maçonnerie à 2 colonnes

If you are using the classic editor, then you’ll need to copy and paste the shortcode [custom-twitter-feeds] where you want your feed to be in your page or post.

You can also use the shortcode or the Twitter Feed widget to add your Tweets in your sidebar or footer. Just go to Appearance » Widgets and drag the Twitter Feed widget to your sidebar, or wherever you want.

Agréger le fil Twitter à la barre latérale Add Twitter feed to sidebar

Creating Multiple Twitter Feeds in WordPress

¿Qué sucede si desea mostrar varios feeds de Twitter en una página o publicación? Puede hacerlo fácilmente usando los códigos cortos disponibles.

Dirígete a Feeds de Twitter » Feeds de Twitter y luego selecciona la pestaña ‘Mostrar tu feed’.

Muestra you feed View your feed

En esta página, verá un montón de ejemplos de shortcode que puede usar.

Por ejemplo, podría simplemente usar este código abreviado: [custom-twitter-feeds screenname=optinmonster num=6]para mostrar 6 tweets recientes de OptinMonster.

Cambia el ‘nombre de pantalla’ has cualquier Twitter number that quieras usar. Y luego elija el número que dessee en la option ‘num = 6’ para mostrar la quantity de Tweets.

Next, the aggregate has been published using the block of the abbreviated code by clicking on (+) and reading the widget of the abbreviated code.

Twitter shortcode widget Twitter shortcut widget

Desde allí, agregue el código abbreviated dentro de la configuración del bloc y guarde su publication o página.

Insert Twitter shortcode Insert Twitter shortcode

Ahora can guard or publish your publication and visit your website for verla en acción.

OptinMonster's Twitter OptinMonster Twitter Feed

Hopefully this article will help you learn how to embed real Tweets in WordPress blog postings. Also can consult our guide sober how to create an informative boletín for electronic correo to increase traffic, and select expert selection of the best Twitter complements for WordPress to obtain more seguidores.

If you’re invited to this article, subscribe to a new YouTube channel for WordPress video tutorials. Also puede encontrarnos on Twitter and Facebook .

Comparte 362 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Google Google Ubersetzer

Google Translator from Google

Google Traduction


Video How to embed a tweet in wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…