Se piensa mucho en la creación de una publicación de blog: el contenido es solo el comienzo. También debe pensar en el contenido multimedia que no sea texto, si desea incluirlo, y el contenido rico en medios es prácticamente la norma hoy en día. Los muros de texto son desagradables: las mejores prácticas en el diseño de sitios web dictan que el texto debe intercalarse con imágenes. Pero, ¿qué pasa con las imágenes en movimiento?
Si alguna vez ha intentado formatear un texto que contiene imágenes u otro contenido incrustado, sabe lo difícil que puede ser Consiga que todos los elementos diferentes se comporten como usted quiere.. Y WordPress, a pesar de su versatilidad, tiene algunas limitaciones. Afortunadamente, también existe una amplia gama de útiles opciones de formato, independientemente del editor que esté utilizando. Sin embargo, antes de comenzar con los procedimientos, nos gustaría discutir las razones por las que debería molestarse en centrar un video en WordPress.
Esto es lo que estaremos discutiendo:
Su contenido puede ser de primera categoría, pero si aparece poco profesional a primera vista, sus visitantes se desanimarán, algunos posiblemente incluso antes de que entren en él. Y no desea una alta tasa de rebote o una mala experiencia de usuario, ¿verdad?
Si inserta un video en su contenido, y el video es menos ancho que el espacio asignado a su contenido, WordPress a veces lo alineará a la izquierda de forma predeterminada, dejando espacio en blanco no utilizado al lado derecho. Esto no se ve bien por razones que no son puramente estéticas: esto hace que su sitio web se vea descuidado, amateur y mal presentado. Centrar un video, por otro lado, hace que su sitio web se vea al menos pensado. Un gran espacio en blanco es básicamente lo único que debe evitar.
El editor predeterminado de WordPress hace que centrar un video sea realmente fácil: puede hacerlo con un solo clic.
Para agregar cualquier video, simplemente haga clic en el más firmar para agregar un bloque y seleccionar un bloque de video.
El bloque de video de Gutenberg tiene varias fuentes de video posibles. Usted puede Subir un video a su biblioteca de medios, use un video que ya esté en su Mediateca, o Insertar desde URL. Nosotros seleccionaremos Insertar desde URL, pega la URL y haz clic en Solicitar.
Una vez que su video esté incrustado, debería estar centrado de manera predeterminada. Para asegurarse, haga clic en el Cambiar alineación menú desplegable y seleccione Alinear al centro.
Y su video ahora estará centrado. Tenga en cuenta que hay otras alineaciones disponibles y proporcionan diferentes resultados de formato. Una alineación hacia la izquierda o hacia la derecha también permitirá que el texto se ajuste al video, por lo que no obtendrá ningún espacio en blanco desagradable.
También puede incrustar video usando un bloque HTML en lugar de uno de video, en caso de que desee más parámetros para jugar. Para hacer eso, haga clic en el más firmar para agregar un bloque y seleccionar el HTML personalizado cuadra.
El código que necesita pegar para incrustar un video es este:
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> URL </div></figure>
Por supuesto, debe reemplazar las letras URL en el código anterior con la URL del video que desea incrustar. Este código también solo funcionará para videos de YouTube.
Este método de código también debería resultar en un video centrado por defecto. Si no es así, debe agregar el siguiente parámetro:
style="text-align: center;"
al primero div etiqueta, así:
Por supuesto, es posible que haya optado por desactivar Gutenberg por cualquier motivo. En ese caso, es probable que esté utilizando el editor clásico. Eso está bien, también puede usar el Editor clásico para centrar sus videos.
Comenzando en el Visual modo, simplemente puede insertar un video pegando el enlace. Exprimiremos nuestra URL entre los párrafos.
Su video se insertará automáticamente.
Para centrar un video, deberá editar una publicación o página en Texto modo.
Una vez en Texto modo, ubique su video incrustado. Debería poder reconocer su URL.
Para centrar su video, agregue este código encima de la URL del video:
<div style="text-align: center;">
Y esto a continuación:
</div>
Y su video estará centrado en la versión publicada de la publicación. Puede ver su código en funcionamiento si echa un vistazo a la Visual pestaña de su editor.
E incluso si usa código para insertar videos por cualquier motivo, pegar las etiquetas div arriba y abajo de su código de inserción debería funcionar.
Centrar un video con Elementor es, como en Gutenberg, una función predeterminada en su mayor parte. Para agregar un video, simplemente arrastre un Video elemento del menú del lado izquierdo a donde lo desee en la publicación.
Una vez que tenga el elemento en su lugar, pegue la URL del video en el Enlace campo.
Su video debe estar centrado de forma predeterminada. Si no es así, encontrará los controles de alineación en el Editar columna menú de su nueva sección de video.
La alineación vertical y horizontal se puede cambiar en el Disposición pestaña.
En conclusión
Y, así de fácil, hemos demostrado que hay varias formas de centrar un video en WordPress, y cualquier diferencia se debe principalmente al editor que está utilizando. Por supuesto, esto solo afecta ligeramente al formatear en WordPress. Pero, por supuesto, hay muchas otras opciones (usar columnas para formatear, por ejemplo) que pueden afectar la forma en que se presentan los videos incrustados a sus usuarios. Le recomendamos encarecidamente que explore.
Apoya nuestro trabajo ❤️
Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.
