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 los videos incrustados o videos subidos al lado izquierdo del área de contenido. Esto puede hacer que la página se vea desequilibrada, especialmente cuando el video es el foco principal.

Centrar el video soluciona esto y hace que el diseño se vea más limpio y con más intención:

• Mejor Equilibrio Visual: Mantiene el diseño uniforme y evita espacios vacíos incómodos en un lado.
• Enfoque Más Fuerte: Atrae naturalmente la atención hacia el video como el elemento principal de la página.
• Experiencia de Usuario Mejorada: Hace que el flujo del contenido se sienta más suave y fácil de seguir.

Este es un cambio simple, pero puede mejorar notablemente cómo se ve y se siente tu página.

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

Para centrar un video incrustado desde YouTube o Vimeo, el método más fácil es simplemente pegar su URL directamente en el editor de contenido de WordPress.

WordPress lo convertirá automáticamente en un bloque de video dedicado.

Alternativamente, puedes agregar un bloque de video o subir un video directamente a tu biblioteca de medios de WordPress.

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, cada una sirviendo a un propósito diferente para la visualización de tu video:

• Ancho Amplio: Extiende el video más allá de la columna de contenido principal, pero no hasta el borde completo de la pantalla. Esta opción requiere soporte de tu tema de WordPress.
• Ancho Completo: Extiende el video a lo ancho de toda la ventana del navegador. Al igual que con 'Ancho amplio', esto también depende del soporte de tu tema.
• Alinear a la Izquierda: Posiciona el video en el lado izquierdo del área de contenido. Esta es la alineación predeterminada para muchos bloques.
• Centrar Alineación: Coloca el video precisamente en el medio del área de contenido, creando un punto focal claro. ¡Esta es la opción en la que nos enfocamos en esta guía!
• Alinear a la Derecha: Posiciona el video en el lado derecho del área de contenido.

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

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

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.

Si ya tienes un bloque de video (como YouTube o Vimeo) y necesitas agregar código personalizado, haz clic en el ícono de tres puntos en la barra de herramientas del bloque y selecciona ‘Editar como HTML ’.

Si estás incrustando desde una plataforma que WordPress no soporta automáticamente, primero agregarás un bloque de HTML Personalizado y luego pegarás tu código de incrustación en él.

A continuación, puedes ingresar la siguiente pieza de código HTML alrededor del código de incrustación del video. Asegúrate de usar comentarios HTML apropiados y eliminar cualquier texto promocional dentro del propio ejemplo de código:

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

/// your video embed code goes here

</div>

Así 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 entrada 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 las entradas de WordPress y consejos esenciales para usar shortcodes en WordPress.

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