<\/span>\u00bfQu\u00e9 es un bloque?<\/span><\/h2>\n\n\n\nLos bloques de Gutenberg WordPress son unidades de construcci\u00f3n del sitio web. Cada uno de ellos tiene su propio lugar y prop\u00f3sito especial. Es muy importante utilizar el bloque de WordPress adecuado para un determinado tipo de contenido.<\/p>\n\n\n\n
Pero, \u00bfc\u00f3mo encuentra el bloque m\u00e1s adecuado que se ajuste a su intenci\u00f3n?<\/p>\n\n\n\n
Para ayudarlo a comprender mejor los bloques de WordPress, hemos preparado esta descripci\u00f3n general de los m\u00e1s populares.<\/p>\n\n\n\n
<\/span>Bloques de contenido de texto<\/span><\/h2>\n\n\n\nHay varios bloques que puede usar para insertar contenido de texto en su sitio web. Puedes usar varios bloques. Desde WordPress 5.4 hay una nueva configuraci\u00f3n, puede cambiar el color del texto.<\/p>\n\n\n\n
\n- P\u00e1rrafo<\/li>\n\n\n\n
- T\u00edtulo<\/li>\n\n\n\n
- Cita<\/li>\n\n\n\n
- Lista<\/li>\n\n\n\n
- citar<\/li>\n\n\n\n
- Mesa<\/li>\n\n\n\n
- Verso<\/li>\n\n\n\n
- preformateado<\/li>\n<\/ul>\n\n\n\n
![\"Formato](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4.png\")
<\/a><\/figure>\n<\/div>\n\n\nExcepto esto, usa el bloque cl\u00e1sico que puede ser m\u00e1s \u00fatil para un p\u00e1rrafo largo.<\/p>\n\n\n\n
<\/span>Bloque de botones<\/span><\/h2>\n\n\n\nCrear un bot\u00f3n de llamada a la acci\u00f3n convincente en WordPress se ha vuelto muy f\u00e1cil con el bloque Button. No necesita ingresar CSS personalizado ni entender HTML. Puede, pero no tiene que hacerlo, ingresar el c\u00f3digo hexadecimal de su color favorito para que el bot\u00f3n se vea bonito y llamativo.<\/p>\n\n\n\n
![\"Bot\u00f3n](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button.jpg\")
<\/a><\/h4>\n\n\n\n<\/span>\u00bfD\u00f3nde usar el bloque de botones?<\/span><\/h3>\n\n\n\nUna vez que el visitante de la web llega a su sitio web, desea alentarlos a tomar medidas. Para eso est\u00e1n los botones CTA.<\/p>\n\n\n\n
En general, hay 3 lugares donde debe usar el bloque de botones de WordPress:<\/p>\n\n\n\n
\n- P\u00e1gina de inicio: para completar la acci\u00f3n que lo llevar\u00e1 a cumplir su objetivo, como suscribirse al bolet\u00edn, descubrir una oferta especial o registrarse para una prueba gratuita.<\/li>\n\n\n\n
- P\u00e1gina del producto: dependiendo de c\u00f3mo se dirija la p\u00e1gina de su producto, podr\u00eda haber 1 bot\u00f3n CTA (COMPRAR) o m\u00e1s botones, por ejemplo, detalles del producto, comprar, agregar a la lista de deseos, etc.<\/li>\n\n\n\n
- Blog: los botones CTA pueden hacer referencia a otro art\u00edculo \u00fatil o a la compra de su producto\/servicio.<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de botones<\/span><\/h3>\n\n\n\nEn Inspector, en el lado derecho, puede administrar f\u00e1cilmente la configuraci\u00f3n de su bot\u00f3n:<\/p>\n\n\n\n
\n- Estilo<\/li>\n\n\n\n
- Color de fondo<\/li>\n\n\n\n
- Color de fuente<\/li>\n\n\n\n
- Borde<\/li>\n<\/ul>\n\n\n\n
El texto escrito en el bot\u00f3n CTA debe ser breve y directo, alentando la acci\u00f3n que desea que realicen los visitantes de su sitio web.<\/p>\n\n\n\n
Novedades en la pr\u00f3xima versi\u00f3n de WordPress 5.4 (lanzamiento el 31 de marzo de 2020)<\/strong><\/p>\n\n\n\nEl bloque de botones se reemplazar\u00e1 con un nuevo bot\u00f3ns<\/strong> bloquear.
Puede suponer por el nuevo nombre que podr\u00e1 crear m\u00e1s botones adem\u00e1s de uno por uno en un contenedor de bloques. A menudo, es necesario crear dos CTA a la vez, por ejemplo: Comprar ahora y Leer m\u00e1s. Adem\u00e1s, se avecinan nuevas configuraciones de estilo y color. Elija el estilo Relleno o Contorno y luego el color del fondo. Puede elegir un fondo s\u00f3lido o degradado. Algunos ajustes preestablecidos como punto de partida estar\u00e1n disponibles para un ajuste fino m\u00e1s sencillo. La buena noticia es que todos los bloques de botones existentes funcionar\u00e1n y no ser\u00e1 necesario migrarlos.<\/p>\n\n\n\n![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-1024x554.png\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>bloque de columnas<\/span><\/h2>\n\n\n\nEl bloque de columnas es un incre\u00edble bloque de WordPress que abre las puertas a nuevos dise\u00f1os. Le brinda m\u00e1s opciones de arreglos de elementos de p\u00e1gina, lo que resulta en m\u00e1s alternativas de dise\u00f1o.<\/p>\n\n\n
\n![\"Columnas](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nTrabajar con el bloque Columnas es f\u00e1cil:<\/p>\n\n\n\n
\n- Sin instalaci\u00f3n adicional de complementos.<\/li>\n\n\n\n
- No se requiere codificaci\u00f3n.<\/li>\n\n\n\n
- Todo lo que necesita es un poco de sentido com\u00fan para un dise\u00f1o limpio.<\/li>\n<\/ul>\n\n\n\n
En comparaci\u00f3n con las molestias anteriores por las que tuvo que pasar antes del lanzamiento del editor de bloques de WordPress, es muy simple usar el bloque Columnas de WordPress.<\/p>\n\n\n\n
<\/span>\u00bfC\u00f3mo usar el bloque Columnas?<\/span><\/h3>\n\n\n\nComo se indic\u00f3 anteriormente, hay 2 formas en que se puede usar el bloque Columnas:<\/p>\n\n\n\n
\n- Para organizar el flujo de sus textos (en una publicaci\u00f3n de blog o en la p\u00e1gina normal).<\/li>\n\n\n\n
- Para organizar otros bloques en columnas.<\/li>\n<\/ul>\n\n\n\n
Al organizar el texto en columnas, por ejemplo, dentro de una publicaci\u00f3n de blog, aumenta la legibilidad y hace que su sitio web sea m\u00e1s transparente y f\u00e1cil de usar.<\/p>\n\n\n\n
Sin embargo, cuando usa el bloque Columnas para anidar otros bloques, como im\u00e1genes, textos y botones, est\u00e1 alterando todo el dise\u00f1o de la p\u00e1gina elegida y creando nuevos dise\u00f1os.<\/p>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de columnas<\/span><\/h3>\n\n\n\nDespu\u00e9s de insertar un bloque de columnas en la p\u00e1gina, elija cu\u00e1ntas columnas desea. Puede ser cualquier cantidad de 2 a 6 columnas. Luego puede comenzar a escribir su texto o agregar bloques en cada columna.<\/p>\n\n\n\n
La alineaci\u00f3n del contenido de su bloque de columnas se puede configurar por separado para todo el bloque, as\u00ed como para columnas individuales. Incluso puede elegir la proporci\u00f3n del ancho de la columna. De esta manera, una columna puede ser m\u00e1s ancha que otra.<\/p>\n\n\n\n
<\/span>bloque de cubierta<\/span><\/h2>\n\n\n\nHablemos del encabezado de su sitio web. Es una secci\u00f3n que define la primera impresi\u00f3n cuando alguien llega a tu p\u00e1gina de inicio. Algo importante, \u00bfno? \u00bfY sab\u00edas que el bloque de portada se puede usar como encabezado en cualquiera de tus p\u00e1ginas?<\/p>\n\n\n
\n![\"Cubrir](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nLa portada es el n\u00facleo de los bloques de WordPress que te ayuda a impresionar a los visitantes de tu web. Especialmente cuando se usa correctamente, o mejor dicho, cuando est\u00e1 perfectamente integrado en su dise\u00f1o web.<\/p>\n\n\n\n
<\/span>\u00bfD\u00f3nde usar el bloque de cobertura?<\/span><\/h3>\n\n\n\nComo se mencion\u00f3 anteriormente, el bloque de portada se puede usar en cualquiera de sus p\u00e1ginas. Adem\u00e1s, se puede agregar en cualquier parte de la p\u00e1gina, a diferencia del encabezado de su sitio web que se fija en la parte superior de su sitio web.<\/p>\n\n\n\n
El bloque de cubierta se puede utilizar como:<\/p>\n\n\n\n
\n- Encabezado de cualquier p\u00e1gina, incluida la p\u00e1gina de inicio.<\/li>\n\n\n\n
- Imagen o video sobrescrito por el texto utilizado en la p\u00e1gina del producto.<\/li>\n\n\n\n
- Separador de contenido en la publicaci\u00f3n del blog.<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de cobertura<\/span><\/h3>\n\n\n\nConfigurar su bloque de cobertura es muy sencillo. Primero, elige una imagen o un video como fondo. Tambi\u00e9n puede usar un solo color en su lugar. Cuando haya configurado su fondo, agregue un t\u00edtulo y un subt\u00edtulo. <\/strong><\/p>\n\n\n\nPuede elegir la alineaci\u00f3n del bloque y, por supuesto, la alineaci\u00f3n del texto que contiene.<\/p>\n\n\n\n
La alineaci\u00f3n del bloque de cobertura ofrece las siguientes opciones:<\/p>\n\n\n\n
\n- Alinear a la izquierda<\/li>\n\n\n\n
- Alinear al centro<\/li>\n\n\n\n
- Alinear a la derecha<\/li>\n\n\n\n
- Anchura amplia<\/li>\n\n\n\n
- Ancho completo<\/li>\n<\/ul>\n\n\n\n
Mi favorito personal es la superposici\u00f3n de colores que est\u00e1 disponible en el inspector: la imagen de fondo del bloque de portada se puede tonificar con el color que desee. Junto con el tama\u00f1o y el color de fuente personalizados, puede crear hermosos contrastes y el aspecto final de su bloque de portada ser\u00e1 asombroso.<\/p>\n\n\n\n
Desde WordPress 5.4 puedes elegir el fondo degradado en lugar de uno s\u00f3lido.<\/strong><\/p>\n\n\n\n![\"Fondo](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--1024x337.png\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Bloque de galer\u00eda<\/span><\/h2>\n\n\n\nMuestre im\u00e1genes en su sitio web usando el bloque Galer\u00eda. Este bloque est\u00e1ndar de WordPress ha sido dise\u00f1ado para contener sus im\u00e1genes y mostrarlas bien en cualquier p\u00e1gina de su sitio web. De manera similar a otros bloques de WordPress, el bloque de la Galer\u00eda se puede colocar en cualquier lugar del sitio web o dentro de la publicaci\u00f3n del blog.<\/p>\n\n\n
\n![\"Galer\u00eda](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nLa carga de sus im\u00e1genes se puede realizar eligiendo archivos de la biblioteca de medios, desde su computadora o usando la funci\u00f3n de arrastrar y soltar.<\/p>\n\n\n\n
<\/span>\u00bfD\u00f3nde usar el bloque Galer\u00eda?<\/span><\/h3>\n\n\n\nDependiendo del tipo de su sitio web, es posible que desee crear una galer\u00eda de fotos compleja o una presentaci\u00f3n de im\u00e1genes simple. Puede usar el bloque Galer\u00eda en:<\/p>\n\n\n\n
\n- tu p\u00e1gina de inicio<\/li>\n\n\n\n
- Subp\u00e1ginas individuales creadas como \u00e1lbumes de su galer\u00eda de fotos<\/li>\n\n\n\n
- P\u00e1ginas de productos<\/li>\n\n\n\n
- Entrada en el blog<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de la galer\u00eda<\/span><\/h3>\n\n\n\nAdem\u00e1s de las diversas opciones de alineaci\u00f3n del propio bloque Galer\u00eda, hay un par de opciones interesantes dentro de este bloque, como:<\/p>\n\n\n\n
\n- N\u00famero de columnas en las que se alinean las im\u00e1genes.<\/li>\n\n\n\n
- Recorte de imagen para que coincida con el mismo tama\u00f1o (de la imagen m\u00e1s peque\u00f1a).<\/li>\n\n\n\n
- Hiperv\u00ednculo para darle la opci\u00f3n de vincular a otra p\u00e1gina o archivo multimedia.<\/li>\n<\/ul>\n\n\n\n
<\/span>bloque de imagen<\/span><\/h2>\n\n\n\nEl bloque de imagen no es m\u00e1s que el bloque para mostrar una imagen en su sitio web.<\/p>\n\n\n
\n![\"Bloque](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nAs\u00ed es. Si solo desea agregar una imagen a cualquiera de sus p\u00e1ginas, debe usar el bloque Image WordPress. Puede ser similar a otros bloques presentados, pero hay diferencias significativas que lo hacen perfecto para im\u00e1genes individuales.<\/p>\n\n\n\n
<\/span>\u00bfCu\u00e1ndo usar Bloque de imagen?<\/span><\/h3>\n\n\n\nEl bloque de imagen debe usarse especialmente cuando el objeto que se muestra en la imagen es particularmente importante para su visitante web y desea:<\/p>\n\n\n\n
\n- Atrae la atenci\u00f3n de los visitantes de la web con una imagen espec\u00edfica.<\/li>\n\n\n\n
- Mostrar imagen con t\u00edtulo.<\/li>\n\n\n\n
- Muestre infograf\u00edas que ayuden a los visitantes a comprender mejor el tema tratado.<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n de bloque de imagen<\/span><\/h3>\n\n\n\nUna de las mayores ventajas del bloque Image WordPress son sus opciones de tama\u00f1o de imagen. Puede cambiar f\u00e1cilmente el tama\u00f1o de una imagen tirando de la esquina, elegir un tama\u00f1o fijo en p\u00edxeles o definir el tama\u00f1o en porcentaje.<\/p>\n\n\n\n
Otra opci\u00f3n importante son los campos de entrada para texto alternativo, t\u00edtulo y enlace. Recomiendo encarecidamente usar estos campos, ya que juegan un papel importante en el SEO de la p\u00e1gina.<\/p>\n\n\n\n
<\/span>Bloque de medios y texto<\/span><\/h2>\n\n\n\nPasemos a dise\u00f1os de p\u00e1gina m\u00e1s avanzados que puede crear usando el Bloque de texto y multimedia. Este bloque central de WordPress le permite combinar medios y texto uno al lado del otro, de una manera est\u00e9tica y contextual.<\/p>\n\n\n
\n![\"Bloque](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>\u00bfD\u00f3nde usar Bloque de medios y texto?<\/span><\/h3>\n\n\n\nAunque el bloque de medios y texto es m\u00e1s adecuado para su uso en publicaciones de blog, con un poco de imaginaci\u00f3n, tambi\u00e9n puede usarlo en otros lugares. Por ejemplo, puede crear una buena descripci\u00f3n general de un producto o servicio utilizando una imagen y un texto uno al lado del otro.<\/p>\n\n\n\n
No olvide agregar un bloque de bot\u00f3n a la secci\u00f3n de texto del bloque de medios y texto, si se usa como descripci\u00f3n general del producto\/servicio. De esta manera, puedes dise\u00f1ar una buena secci\u00f3n de CTA en cualquier p\u00e1gina.<\/p>\n\n\n\n
<\/span>Ventajas de los medios y el bloque de texto<\/span><\/h3>\n\n\n\n\n- Reunir imagen y texto que contextualmente encajan entre s\u00ed.<\/li>\n\n\n\n
- Evitar el extrav\u00edo de la imagen dentro de la entrada del blog.<\/li>\n\n\n\n
- Ayudar con la capacidad de respuesta del sitio (use la funci\u00f3n "Apilar en el m\u00f3vil").<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n de bloque de medios y texto<\/span><\/h3>\n\n\n\nAl mirar la configuraci\u00f3n del bloque de medios y texto, notar\u00e1 bastantes opciones de alineaci\u00f3n, algunas de ellas son \u00fanicas, en comparaci\u00f3n con la mayor\u00eda de los otros bloques.<\/p>\n\n\n\n
La configuraci\u00f3n interesante y \u00fatil de este bloque es el color de fondo. Al colorear el \u00e1rea alrededor de la imagen y el texto que encajan, puede resaltar visualmente su conexi\u00f3n.<\/p>\n\n\n
Hay varios bloques que puede usar para insertar contenido de texto en su sitio web. Puedes usar varios bloques. Desde WordPress 5.4 hay una nueva configuraci\u00f3n, puede cambiar el color del texto.<\/p>\n\n\n\n
- \n
- P\u00e1rrafo<\/li>\n\n\n\n
- T\u00edtulo<\/li>\n\n\n\n
- Cita<\/li>\n\n\n\n
- Lista<\/li>\n\n\n\n
- citar<\/li>\n\n\n\n
- Mesa<\/li>\n\n\n\n
- Verso<\/li>\n\n\n\n
- preformateado<\/li>\n<\/ul>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\n
Excepto esto, usa el bloque cl\u00e1sico que puede ser m\u00e1s \u00fatil para un p\u00e1rrafo largo.<\/p>\n\n\n\n
<\/span>Bloque de botones<\/span><\/h2>\n\n\n\n
Crear un bot\u00f3n de llamada a la acci\u00f3n convincente en WordPress se ha vuelto muy f\u00e1cil con el bloque Button. No necesita ingresar CSS personalizado ni entender HTML. Puede, pero no tiene que hacerlo, ingresar el c\u00f3digo hexadecimal de su color favorito para que el bot\u00f3n se vea bonito y llamativo.<\/p>\n\n\n\n
<\/a><\/h4>\n\n\n\n<\/span>\u00bfD\u00f3nde usar el bloque de botones?<\/span><\/h3>\n\n\n\n
Una vez que el visitante de la web llega a su sitio web, desea alentarlos a tomar medidas. Para eso est\u00e1n los botones CTA.<\/p>\n\n\n\n
En general, hay 3 lugares donde debe usar el bloque de botones de WordPress:<\/p>\n\n\n\n
- \n
- P\u00e1gina de inicio: para completar la acci\u00f3n que lo llevar\u00e1 a cumplir su objetivo, como suscribirse al bolet\u00edn, descubrir una oferta especial o registrarse para una prueba gratuita.<\/li>\n\n\n\n
- P\u00e1gina del producto: dependiendo de c\u00f3mo se dirija la p\u00e1gina de su producto, podr\u00eda haber 1 bot\u00f3n CTA (COMPRAR) o m\u00e1s botones, por ejemplo, detalles del producto, comprar, agregar a la lista de deseos, etc.<\/li>\n\n\n\n
- Blog: los botones CTA pueden hacer referencia a otro art\u00edculo \u00fatil o a la compra de su producto\/servicio.<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de botones<\/span><\/h3>\n\n\n\n
En Inspector, en el lado derecho, puede administrar f\u00e1cilmente la configuraci\u00f3n de su bot\u00f3n:<\/p>\n\n\n\n
- \n
- Estilo<\/li>\n\n\n\n
- Color de fondo<\/li>\n\n\n\n
- Color de fuente<\/li>\n\n\n\n
- Borde<\/li>\n<\/ul>\n\n\n\n
El texto escrito en el bot\u00f3n CTA debe ser breve y directo, alentando la acci\u00f3n que desea que realicen los visitantes de su sitio web.<\/p>\n\n\n\n
Novedades en la pr\u00f3xima versi\u00f3n de WordPress 5.4 (lanzamiento el 31 de marzo de 2020)<\/strong><\/p>\n\n\n\n
El bloque de botones se reemplazar\u00e1 con un nuevo bot\u00f3ns<\/strong> bloquear.
Puede suponer por el nuevo nombre que podr\u00e1 crear m\u00e1s botones adem\u00e1s de uno por uno en un contenedor de bloques. A menudo, es necesario crear dos CTA a la vez, por ejemplo: Comprar ahora y Leer m\u00e1s. Adem\u00e1s, se avecinan nuevas configuraciones de estilo y color. Elija el estilo Relleno o Contorno y luego el color del fondo. Puede elegir un fondo s\u00f3lido o degradado. Algunos ajustes preestablecidos como punto de partida estar\u00e1n disponibles para un ajuste fino m\u00e1s sencillo. La buena noticia es que todos los bloques de botones existentes funcionar\u00e1n y no ser\u00e1 necesario migrarlos.<\/p>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>bloque de columnas<\/span><\/h2>\n\n\n\n
El bloque de columnas es un incre\u00edble bloque de WordPress que abre las puertas a nuevos dise\u00f1os. Le brinda m\u00e1s opciones de arreglos de elementos de p\u00e1gina, lo que resulta en m\u00e1s alternativas de dise\u00f1o.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nTrabajar con el bloque Columnas es f\u00e1cil:<\/p>\n\n\n\n
- \n
- Sin instalaci\u00f3n adicional de complementos.<\/li>\n\n\n\n
- No se requiere codificaci\u00f3n.<\/li>\n\n\n\n
- Todo lo que necesita es un poco de sentido com\u00fan para un dise\u00f1o limpio.<\/li>\n<\/ul>\n\n\n\n
En comparaci\u00f3n con las molestias anteriores por las que tuvo que pasar antes del lanzamiento del editor de bloques de WordPress, es muy simple usar el bloque Columnas de WordPress.<\/p>\n\n\n\n
<\/span>\u00bfC\u00f3mo usar el bloque Columnas?<\/span><\/h3>\n\n\n\n
Como se indic\u00f3 anteriormente, hay 2 formas en que se puede usar el bloque Columnas:<\/p>\n\n\n\n
- \n
- Para organizar el flujo de sus textos (en una publicaci\u00f3n de blog o en la p\u00e1gina normal).<\/li>\n\n\n\n
- Para organizar otros bloques en columnas.<\/li>\n<\/ul>\n\n\n\n
Al organizar el texto en columnas, por ejemplo, dentro de una publicaci\u00f3n de blog, aumenta la legibilidad y hace que su sitio web sea m\u00e1s transparente y f\u00e1cil de usar.<\/p>\n\n\n\n
Sin embargo, cuando usa el bloque Columnas para anidar otros bloques, como im\u00e1genes, textos y botones, est\u00e1 alterando todo el dise\u00f1o de la p\u00e1gina elegida y creando nuevos dise\u00f1os.<\/p>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de columnas<\/span><\/h3>\n\n\n\n
Despu\u00e9s de insertar un bloque de columnas en la p\u00e1gina, elija cu\u00e1ntas columnas desea. Puede ser cualquier cantidad de 2 a 6 columnas. Luego puede comenzar a escribir su texto o agregar bloques en cada columna.<\/p>\n\n\n\n
La alineaci\u00f3n del contenido de su bloque de columnas se puede configurar por separado para todo el bloque, as\u00ed como para columnas individuales. Incluso puede elegir la proporci\u00f3n del ancho de la columna. De esta manera, una columna puede ser m\u00e1s ancha que otra.<\/p>\n\n\n\n
<\/span>bloque de cubierta<\/span><\/h2>\n\n\n\n
Hablemos del encabezado de su sitio web. Es una secci\u00f3n que define la primera impresi\u00f3n cuando alguien llega a tu p\u00e1gina de inicio. Algo importante, \u00bfno? \u00bfY sab\u00edas que el bloque de portada se puede usar como encabezado en cualquiera de tus p\u00e1ginas?<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nLa portada es el n\u00facleo de los bloques de WordPress que te ayuda a impresionar a los visitantes de tu web. Especialmente cuando se usa correctamente, o mejor dicho, cuando est\u00e1 perfectamente integrado en su dise\u00f1o web.<\/p>\n\n\n\n
<\/span>\u00bfD\u00f3nde usar el bloque de cobertura?<\/span><\/h3>\n\n\n\n
Como se mencion\u00f3 anteriormente, el bloque de portada se puede usar en cualquiera de sus p\u00e1ginas. Adem\u00e1s, se puede agregar en cualquier parte de la p\u00e1gina, a diferencia del encabezado de su sitio web que se fija en la parte superior de su sitio web.<\/p>\n\n\n\n
El bloque de cubierta se puede utilizar como:<\/p>\n\n\n\n
- \n
- Encabezado de cualquier p\u00e1gina, incluida la p\u00e1gina de inicio.<\/li>\n\n\n\n
- Imagen o video sobrescrito por el texto utilizado en la p\u00e1gina del producto.<\/li>\n\n\n\n
- Separador de contenido en la publicaci\u00f3n del blog.<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de cobertura<\/span><\/h3>\n\n\n\n
Configurar su bloque de cobertura es muy sencillo. Primero, elige una imagen o un video como fondo. Tambi\u00e9n puede usar un solo color en su lugar. Cuando haya configurado su fondo, agregue un t\u00edtulo y un subt\u00edtulo. <\/strong><\/p>\n\n\n\n
Puede elegir la alineaci\u00f3n del bloque y, por supuesto, la alineaci\u00f3n del texto que contiene.<\/p>\n\n\n\n
La alineaci\u00f3n del bloque de cobertura ofrece las siguientes opciones:<\/p>\n\n\n\n
- \n
- Alinear a la izquierda<\/li>\n\n\n\n
- Alinear al centro<\/li>\n\n\n\n
- Alinear a la derecha<\/li>\n\n\n\n
- Anchura amplia<\/li>\n\n\n\n
- Ancho completo<\/li>\n<\/ul>\n\n\n\n
Mi favorito personal es la superposici\u00f3n de colores que est\u00e1 disponible en el inspector: la imagen de fondo del bloque de portada se puede tonificar con el color que desee. Junto con el tama\u00f1o y el color de fuente personalizados, puede crear hermosos contrastes y el aspecto final de su bloque de portada ser\u00e1 asombroso.<\/p>\n\n\n\n
Desde WordPress 5.4 puedes elegir el fondo degradado en lugar de uno s\u00f3lido.<\/strong><\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Bloque de galer\u00eda<\/span><\/h2>\n\n\n\n
Muestre im\u00e1genes en su sitio web usando el bloque Galer\u00eda. Este bloque est\u00e1ndar de WordPress ha sido dise\u00f1ado para contener sus im\u00e1genes y mostrarlas bien en cualquier p\u00e1gina de su sitio web. De manera similar a otros bloques de WordPress, el bloque de la Galer\u00eda se puede colocar en cualquier lugar del sitio web o dentro de la publicaci\u00f3n del blog.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nLa carga de sus im\u00e1genes se puede realizar eligiendo archivos de la biblioteca de medios, desde su computadora o usando la funci\u00f3n de arrastrar y soltar.<\/p>\n\n\n\n
<\/span>\u00bfD\u00f3nde usar el bloque Galer\u00eda?<\/span><\/h3>\n\n\n\n
Dependiendo del tipo de su sitio web, es posible que desee crear una galer\u00eda de fotos compleja o una presentaci\u00f3n de im\u00e1genes simple. Puede usar el bloque Galer\u00eda en:<\/p>\n\n\n\n
- \n
- tu p\u00e1gina de inicio<\/li>\n\n\n\n
- Subp\u00e1ginas individuales creadas como \u00e1lbumes de su galer\u00eda de fotos<\/li>\n\n\n\n
- P\u00e1ginas de productos<\/li>\n\n\n\n
- Entrada en el blog<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de la galer\u00eda<\/span><\/h3>\n\n\n\n
Adem\u00e1s de las diversas opciones de alineaci\u00f3n del propio bloque Galer\u00eda, hay un par de opciones interesantes dentro de este bloque, como:<\/p>\n\n\n\n
- \n
- N\u00famero de columnas en las que se alinean las im\u00e1genes.<\/li>\n\n\n\n
- Recorte de imagen para que coincida con el mismo tama\u00f1o (de la imagen m\u00e1s peque\u00f1a).<\/li>\n\n\n\n
- Hiperv\u00ednculo para darle la opci\u00f3n de vincular a otra p\u00e1gina o archivo multimedia.<\/li>\n<\/ul>\n\n\n\n
<\/span>bloque de imagen<\/span><\/h2>\n\n\n\n
El bloque de imagen no es m\u00e1s que el bloque para mostrar una imagen en su sitio web.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nAs\u00ed es. Si solo desea agregar una imagen a cualquiera de sus p\u00e1ginas, debe usar el bloque Image WordPress. Puede ser similar a otros bloques presentados, pero hay diferencias significativas que lo hacen perfecto para im\u00e1genes individuales.<\/p>\n\n\n\n
<\/span>\u00bfCu\u00e1ndo usar Bloque de imagen?<\/span><\/h3>\n\n\n\n
El bloque de imagen debe usarse especialmente cuando el objeto que se muestra en la imagen es particularmente importante para su visitante web y desea:<\/p>\n\n\n\n
- \n
- Atrae la atenci\u00f3n de los visitantes de la web con una imagen espec\u00edfica.<\/li>\n\n\n\n
- Mostrar imagen con t\u00edtulo.<\/li>\n\n\n\n
- Muestre infograf\u00edas que ayuden a los visitantes a comprender mejor el tema tratado.<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n de bloque de imagen<\/span><\/h3>\n\n\n\n
Una de las mayores ventajas del bloque Image WordPress son sus opciones de tama\u00f1o de imagen. Puede cambiar f\u00e1cilmente el tama\u00f1o de una imagen tirando de la esquina, elegir un tama\u00f1o fijo en p\u00edxeles o definir el tama\u00f1o en porcentaje.<\/p>\n\n\n\n
Otra opci\u00f3n importante son los campos de entrada para texto alternativo, t\u00edtulo y enlace. Recomiendo encarecidamente usar estos campos, ya que juegan un papel importante en el SEO de la p\u00e1gina.<\/p>\n\n\n\n
<\/span>Bloque de medios y texto<\/span><\/h2>\n\n\n\n
Pasemos a dise\u00f1os de p\u00e1gina m\u00e1s avanzados que puede crear usando el Bloque de texto y multimedia. Este bloque central de WordPress le permite combinar medios y texto uno al lado del otro, de una manera est\u00e9tica y contextual.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>\u00bfD\u00f3nde usar Bloque de medios y texto?<\/span><\/h3>\n\n\n\n
Aunque el bloque de medios y texto es m\u00e1s adecuado para su uso en publicaciones de blog, con un poco de imaginaci\u00f3n, tambi\u00e9n puede usarlo en otros lugares. Por ejemplo, puede crear una buena descripci\u00f3n general de un producto o servicio utilizando una imagen y un texto uno al lado del otro.<\/p>\n\n\n\n
No olvide agregar un bloque de bot\u00f3n a la secci\u00f3n de texto del bloque de medios y texto, si se usa como descripci\u00f3n general del producto\/servicio. De esta manera, puedes dise\u00f1ar una buena secci\u00f3n de CTA en cualquier p\u00e1gina.<\/p>\n\n\n\n
<\/span>Ventajas de los medios y el bloque de texto<\/span><\/h3>\n\n\n\n
- \n
- Reunir imagen y texto que contextualmente encajan entre s\u00ed.<\/li>\n\n\n\n
- Evitar el extrav\u00edo de la imagen dentro de la entrada del blog.<\/li>\n\n\n\n
- Ayudar con la capacidad de respuesta del sitio (use la funci\u00f3n "Apilar en el m\u00f3vil").<\/li>\n<\/ul>\n\n\n\n
<\/span>Configuraci\u00f3n de bloque de medios y texto<\/span><\/h3>\n\n\n\n
Al mirar la configuraci\u00f3n del bloque de medios y texto, notar\u00e1 bastantes opciones de alineaci\u00f3n, algunas de ellas son \u00fanicas, en comparaci\u00f3n con la mayor\u00eda de los otros bloques.<\/p>\n\n\n\n
La configuraci\u00f3n interesante y \u00fatil de este bloque es el color de fondo. Al colorear el \u00e1rea alrededor de la imagen y el texto que encajan, puede resaltar visualmente su conexi\u00f3n.<\/p>\n\n\n
![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-1024x514.png\")
<\/a><\/figure>\n<\/div>\n\n\n![\"Bloque](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n