Guía para principiantes: Cómo centrar un video en WordPress

Cuando recién estábamos empezando con WordPress, algo tan simple como centrar un video podía ser sorprendentemente frustrante.

Después de ayudar a muchos principiantes a través de WPBeginner, nos dimos cuenta de que no estábamos solos: es una de las preguntas de formato más comunes que nos hacen.

La buena noticia es que centrar videos en WordPress se ha vuelto mucho más fácil, especialmente con el editor de bloques. Pero todavía vemos a muchas personas luchando con esto, particularmente cuando trabajan con videos incrustados de YouTube o Vimeo.

En esta guía para principiantes, te mostraremos las formas más fáciles de centrar tus videos en WordPress.

¿Por qué centrar videos en WordPress?

Por defecto, WordPress alinea a la izquierda los videos incrustados o cargados. Esta es una opción segura, ya que el editor no puede adivinar tu diseño preferido para cada página.

Sin embargo, dejar un video alineado a la izquierda a menudo crea un espacio en blanco incómodo y puede hacer que un diseño se sienta desequilibrado. Un video centrado, por otro lado, crea un punto focal claro para la atención de tu visitante.

Centrar tu video ayuda a guiar la mirada del usuario y proporciona una experiencia de visualización mucho mejor.

Dicho esto, veamos cómo puedes centrar fácilmente un video en un sitio web de WordPress.

Cubriremos tanto el editor de bloques como el editor clásico, por lo que puedes hacer clic en los enlaces a continuación para saltar a cualquier sección:

• Cómo centrar un video en el editor de contenido de WordPress
• Cómo centrar un video en el editor clásico
• Preguntas frecuentes sobre cómo centrar videos

Cómo centrar un video en el editor de contenido de WordPress

Si quieres que tu video llene el ancho de tu área de contenido, la mejor manera de hacerlo es agregando una URL de video de YouTube o Vimeo directamente en el editor de contenido de WordPress.

Primero, necesitarás editar una publicación o una página, o agregar una nueva. Una vez que estés en el editor de contenido, simplemente pega el enlace del video. WordPress incrustará el video automáticamente.

A continuación, selecciona el bloque de Video y luego haz clic en la opción 'Cambiar alineación'. En el menú desplegable, puedes elegir la posición del video.

WordPress te permite elegir entre las siguientes alineaciones:

• Ancho amplio
• Ancho completo
• Alinear a la izquierda
• Alinear al centro
• Alinear a la derecha

Continúa y selecciona la opción 'Alinear al centro'.

Después de eso, puedes previsualizar y publicar tu página o publicación.

El video ahora estará centrado.

Sin embargo, es posible que necesites usar el código de inserción completo si deseas agregar opciones de reproducción especiales (como iniciar el video en un momento específico) o si estás utilizando una plataforma de video que WordPress no incrusta automáticamente.

En ese caso, necesitarás agregar un simple HTML alrededor del código de inserción de tu video.

Primero, necesitas hacer clic en los 3 íconos de puntos en el bloque de video. Después de eso, puedes seleccionar la opción ‘Editar como HTML’ del menú desplegable.

A continuación, puedes ingresar el siguiente fragmento de código HTML alrededor del código de incrustación del video:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Aquí se verá tu código de inserción con el HTML personalizado.

Ahora puedes guardar tus cambios y previsualizar la publicación o página para ver tu video perfectamente centrado.

Otro enfoque es aumentar manualmente el ancho de tu video para que encaje en el área de contenido. Para lograr esto, necesitas agregar o cambiar el parámetro 'width' en tu código de inserción:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Cómo centrar un video en el editor clásico

Si estás usando el editor clásico, entonces puedes centrar los videos editando una publicación o creando una nueva.

Una vez que estés en el editor, cambia a la vista de Texto. Ahora, ingresa el siguiente código HTML:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Solo asegúrate de reemplazar 'tu código de inserción de video va aquí' con el código de inserción de tu video.

Una vez hecho esto, se verá algo así:

Ahora puedes previsualizar y publicar tu página.

Simplemente visita tu sitio web para ver el video centrado.

Preguntas frecuentes sobre cómo centrar videos

Aquí hay algunas preguntas que nuestros lectores hacen frecuentemente sobre cómo centrar videos en WordPress:

¿Por qué no veo las opciones de alineación 'Ancho amplio' y 'Ancho completo'?

Las opciones de ‘Ancho amplio’ y ‘Ancho completo’ son características que deben ser compatibles con tu tema de WordPress. Si no las ves en la barra de herramientas de alineación, significa que tu tema actual no las ha habilitado. Aún podrás usar la opción estándar de ‘Alinear al centro’.

¿Centrar mi video afectará cómo se ve en dispositivos móviles?

No, centrar un video usando las herramientas estándar del editor de bloques de WordPress es totalmente adaptable. WordPress maneja automáticamente el escalado para asegurar que tu video se vea bien en pantallas más pequeñas como tabletas y teléfonos inteligentes.

¿Puedo centrar un video que subí directamente a WordPress?

Sí. El proceso es exactamente el mismo tanto para videos incrustados como para videos que subes directamente a tu biblioteca de medios. Simplemente selecciona el bloque de Video y usa la barra de herramientas de alineación para centrarlo.

Esperamos que este artículo te haya ayudado a aprender cómo centrar un video en WordPress. También te puede interesar nuestra guía sobre cómo agregar caracteres especiales en publicaciones de WordPress y consejos esenciales para usar shortcodes en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.