Se vuoi condividere qualcosa da Twitter sul tuo sito Web, Twitter semplifica l'integrazione di un tweet. Incorporare un tweet è spesso preferibile alla copia di uno screenshot di un tweet poiché è completamente interattivo e consente ai lettori del tuo sito Web di saltare direttamente al profilo dell'utente di Twitter, ritwittare o citare il tweet e vedere le risposte che il tweet potrebbe aver generato.
Ma c'è un grosso problema nel modo in cui Twitter incorpora i tweet: non sono centrati. Per impostazione predefinita, i tweet incorporati sono allineati a sinistra.
Questo potrebbe non essere un problema per te, ma se apprezzi il design e la coerenza nel tuo sito Web, avere tweet incorporati allineati a sinistra può essere abbastanza fastidioso, specialmente se tutte le altre immagini e video incorporati sono centrati.
La buona notizia è che è facile e veloce centrare un tweet incorporato semplicemente aggiungendo un po 'di testo al codice di incorporamento fornito da Twitter. Ecco come funziona.
Incorpora un Tweet
Innanzitutto, trova il tweet che desideri incorporare e prendine il codice di incorporamento. Ciò si ottiene normalmente facendo clic sulla piccola freccia rivolta verso il basso nell'angolo in alto a destra e selezionando Incorpora Tweet dal menu.
Copia il codice fornito da Twitter e vai al CMS del tuo sito web. Il processo per aggiungere e modificare HTML sulla tua pagina web varierà in base alla piattaforma, quindi assicurati di controllare con la documentazione della tua piattaforma se non sei sicuro. Ad esempio, puoi vedere l'HTML e l'altro codice di un post su WordPress facendo clic su Testo nell'editor. Altre piattaforme usano la parola Fonte . Una volta capito, incolla il codice di incorporamento del tweet nella posizione desiderata.
Centra i tweet incorporati
Ora, se ci fermiamo qui, avrai un tweet standard allineato a sinistra quando visualizzi l'anteprima della pagina. Per centrare un tweet incorporato, osserva il codice di incorporamento e trova questa posizione vicino all'inizio:
Dopo twitter-tweet , ma all'interno delle virgolette, aggiungi tw-align-center, assicurandoti di lasciare un singolo spazio tra le due istruzioni:
Questo è tutto! Basta salvare le modifiche e visualizzare in anteprima o pubblicare il tuo post. Ora vedrai che il tuo tweet incorporato è centrato.
