Si desea compartir algo de Twitter en su sitio web, Twitter facilita la inserción de un tweet. Insertar un tweet a menudo es preferible a copiar una captura de pantalla de un tweet, ya que es completamente interactivo y permite a los lectores de su sitio web saltar directamente al perfil del usuario de Twitter, retuitear o citar el tweet ellos mismos, y ver las respuestas que el tweet pueda haber generado.
Pero hay un gran problema con la forma en que Twitter incrusta tweets: no están centrados. Por defecto, los tweets incrustados están alineados a la izquierda.
Esto puede no ser un problema para usted, pero si valora el diseño y la coherencia en su sitio web, tener tweets incrustados alineados a la izquierda puede ser bastante molesto, especialmente si todas sus otras imágenes y videos incrustados están centrados.
La buena noticia es que es rápido y fácil centrar un tweet incrustado simplemente agregando un poco de texto al código incrustado que proporciona Twitter. Así es como funciona.
Insertar un Tweet
Primero, encuentre el tweet que desea incrustar y tome su código de incrustación. Esto normalmente se logra haciendo clic en la pequeña flecha hacia abajo en la esquina superior derecha y seleccionando Insertar Tweet en el menú.
Copie el código provisto por Twitter y diríjase al CMS de su sitio web. El proceso para agregar y editar HTML en su página web variará según la plataforma, así que asegúrese de consultar con la documentación de su plataforma si no está seguro. Por ejemplo, puede ver el código HTML y otro código de una publicación en WordPress haciendo clic en Texto en el editor. Otras plataformas usan la palabra Fuente . Una vez que lo haya resuelto, pegue el código de inserción del tweet en la ubicación deseada.
Tweets incrustados en el centro
Ahora, si nos detenemos aquí, tendrá un tweet estándar alineado a la izquierda cuando obtenga una vista previa de la página. Para centrar un tweet incrustado, mire el código incrustado y encuentre esta ubicación cerca del principio:
Después de twitter-tweet , pero dentro de las comillas, agregue tw-align-center, asegurándose de dejar un solo espacio entre las dos declaraciones:
¡Eso es! Simplemente guarde su cambio y obtenga una vista previa o publique su publicación. Ahora verá que su tweet incrustado está centrado.
