Als je iets van Twitter op je website wilt delen, maakt Twitter het gemakkelijk om een tweet in te sluiten. Het insluiten van een tweet verdient vaak de voorkeur boven het kopiëren van een screenshot van een tweet, omdat het volledig interactief is en de lezers van uw website rechtstreeks naar het profiel van de Twitter-gebruiker kunnen springen, de tweet zelf retweeten of citeren en eventuele reacties van de tweet kunnen bekijken.
Maar er is een groot probleem met de manier waarop Twitter tweets insluit: ze zijn niet gecentreerd. Standaard worden ingesloten tweets links uitgelijnd.
Dit is misschien geen probleem voor u, maar als u design en consistentie in uw website waardeert, kan het hebben van ingesloten tweets aan de linkerkant behoorlijk vervelend zijn, vooral als al uw andere ingesloten afbeeldingen en video's gecentreerd zijn.
Het goede nieuws is dat het snel en gemakkelijk is om een ingesloten tweet te centreren door een beetje tekst toe te voegen aan de insluitcode die Twitter biedt. Dit is hoe het werkt.
Een tweet insluiten
Zoek eerst de tweet die u wilt insluiten en pak de insluitcode. Dit wordt normaal gedaan door op de kleine naar beneden gerichte pijl in de rechterbovenhoek te klikken en Tweet inbedden in het menu te selecteren.
Kopieer de code van Twitter en ga naar het CMS van uw website. Het proces om HTML aan uw webpagina toe te voegen en te bewerken, verschilt per platform, dus raadpleeg de documentatie van uw platform als u niet zeker bent. U kunt bijvoorbeeld de HTML- en andere code van een bericht op WordPress bekijken door in de editor op Tekst te klikken. Andere platforms gebruiken het woord Bron . Als je het eenmaal hebt uitgezocht, plak je de embed-code van de tweet op de gewenste locatie.
Centre Embedded Tweets
Als we nu stoppen, hebt u een standaard links uitgelijnde tweet wanneer u een voorbeeld van de pagina bekijkt. Als u een ingesloten tweet wilt centreren, kijkt u naar de insluitcode en vindt u deze locatie aan het begin:
Na twitter-tweet , maar binnen de aanhalingstekens, voeg tw-align-center toe en zorg ervoor dat u een spatie tussen de twee statements laat:
Dat is het! Sla uw wijziging op en bekijk of publiceer uw bericht. Je zult nu zien dat je ingesloten tweet gecentreerd is.
