¿Quieres centrar la alineación de un video en WordPress?
De forma predeterminada, si el ancho de su video es menor que el área de su artículo, WordPress lo alinea automáticamente a la izquierda, dejando un espacio en blanco adicional en el lado derecho.
En este artículo, le mostraremos cómo centrar fácilmente un video en WordPress.
¿Por qué centrar videos en WordPress?
Cuando incrustas un video en WordPress, automáticamente los alinea a la izquierda de manera predeterminada. Esto se debe a que los videos son contenido externo incrustado en el contenido, por lo que WordPress no puede adivinar cómo le gustaría mostrarlo.
Como práctica recomendada, lo alinea automáticamente a la izquierda, dejando que usted ajuste la alineación si es necesario.
Al alinear el video al centro, los usuarios tendrán una mejor experiencia al ver su contenido. De esta manera, no tendrá un espacio en blanco notable en un lado de la página, lo que podría dar un aspecto poco profesional.
Además, si subes vídeos directamente a WordPress, les pasará lo mismo si su ancho es menor que tu área de contenido. WordPress los alineará a la izquierda por defecto.
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 puede hacer clic en los enlaces a continuación para saltar a cualquier sección.
Cómo centrar la alineación de video en el editor de contenido de WordPress
Si desea que su video ocupe el ancho de su área de contenido, entonces la mejor manera de hacerlo es agregando una URL de video de YouTube o Vimeo directamente en el editor de contenido de WordPress.
Primero, deberá editar una publicación o una página o agregar una nueva. Una vez que esté en el editor de contenido, simplemente pegue el enlace al video. WordPress incrustará el video automáticamente.
A continuación, seleccione el bloque de video y luego haga clic en el Cambiar alineación opción. En el menú desplegable, puede elegir la posición del video.
WordPress le permite elegir entre las siguientes alineaciones:
- anchura amplia
- ancho completo
- alinear a la izquierda
- Alinear al centro
- alinear a la derecha.
Continúe y seleccione la opción ‘Alinear al centro’.
Después de eso, puede obtener una vista previa y publicar su página o publicación.
El video ahora estará alineado al centro.
Sin embargo, a veces, por una razón u otra, es posible que deba usar el código de inserción. En ese caso, deberá agregar HTML simple alrededor del código de inserción de su video.
Primero, debe hacer clic en los 3 íconos punteados en el bloque de video. Después de eso, puede seleccionar la opción ‘Editar como HTML’ en el menú desplegable.
A continuación, puede ingresar la siguiente pieza de código HTML alrededor del código de inserción del video:
<div style="text-align:center;"> /// your video embed code goes here </div>
Así es como se vería su código de inserción con el HTML personalizado.
Ahora puede guardar sus cambios y obtener una vista previa de la publicación o página. Su video estará perfectamente alineado en el centro de su área de contenido.
Otro enfoque es aumentar manualmente el ancho de su video para que se ajuste al área de contenido. Para lograr esto, debe agregar o cambiar el parámetro ‘ancho’ en su 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 la alineación de video en el editor clásico
Si está utilizando el editor clásico, puede centrar los videos editando una publicación o creando una nueva.
Una vez que esté en el editor, cambie a la vista Texto. Ahora ingrese el siguiente código HTML:
<div style="text-align:center;"> /// your video embed code goes here </div>
Solo asegúrese de reemplazar ‘el código de inserción de su video va aquí’ con el código de inserción de su video.
Una vez hecho esto, se verá algo como esto:
Ahora puede obtener una vista previa y publicar su página.
Simplemente visite su sitio web para ver el video alineado al centro.
Esperamos que este artículo te haya ayudado a aprender cómo centrar la alineación de un video en WordPress. También puede consultar nuestra guía sobre cómo iniciar un blog de WordPress y los complementos de WordPress imprescindibles.
Fuente: Cómo centrar la alineación de un video en WordPress