Las columnas son un componente clave de la mayoría de los sitios web y creadores de páginas modernos. Afortunadamente, el editor de bloques de WordPress le permite usar columnas y filas, lo que le brinda un control total sobre el diseño de cada página. Sin embargo, aunque el asistente agrega filas automáticamente, debe elegir dónde y cómo agregar columnas con este columnas Unidad.
En este artículo, le mostraremos cómo agregarlo. en WordPress y cómo configurarlo. A continuación, cubriremos algunos consejos para aprovechar al máximo sus columnas, así como algunas preguntas frecuentes (FAQ) sobre el bloque.
¡Vamos a trabajar!
Suscríbete a nuestro canal de YouTube
¿Cómo agrego un bloque de columnas a mi página o publicación?
Para comenzar, abra el Editor de bloques para la página o publicación en la que desea trabajar. Haga clic en el ícono de signo más debajo del último bloque agregado (1) o use el menú en la parte superior de la pantalla y seleccione columnas Opcion 2):
El Editor de bloques ofrece varias opciones para determinar cuántas columnas desea incluir en la fila seleccionada:
De forma predeterminada, el Editor de bloques solo le permite seleccionar ajustes preestablecidos que contienen hasta tres columnas seguidas. Sin embargo, una vez que haya colocado uno de estos ajustes preestablecidos, puede hacer clic en los signos más entre ellos para agregar más elementos a la fila:
El editor trata cada columna como una «sección» separada, por así decirlo. Por ejemplo, si tiene una fila con tres columnas, puede agregar bloques individuales en cada una para crear una tabla de precios:
Puede agregar cualquier bloque disponible en el editor a cada columna en la que esté trabajando. Una vez que haya colocado los bloques que desea, es una buena idea dedicar unos minutos a ajustar la configuración de las columnas.
Configuración y opciones de bloqueo de columnas
Cuando pasa el mouse sobre una fila de columnas en el Editor de bloques, aparece un menú de formato encima. Este menú incluye opciones para mover columnas (1), cambiar su alineación (2) y modificar el ancho de fila (3):
El menú de formato que ve cambiará a medida que se agreguen bloques. Cuando pasa el mouse sobre una columna que contiene un bloque, el menú de formato del elemento reemplazará el menú predeterminado.
En este ejemplo, agregamos Mesa bloques para todas nuestras columnas. Al pasar el mouse sobre cualquiera de ellos, aparecerá el menú de formato:
Hay otro conjunto de opciones para la personalización. columnas bloque, además del menú de formato solamente. Para acceder a él, seleccione la fila que contiene las columnas que desea editar y haga clic en el ícono de ajustes en la esquina superior derecha de la pantalla (1). Aparecerá una barra lateral con opciones para cambiar el color de la fila (2), el relleno (3) y el ancho de la columna (4):
La configuración de color te permite cambiar el color del texto y los enlaces en una fila, así como su fondo. Recuerde que los ajustes seleccionados aquí se aplican a todos columnas en una fila. Sin embargo, puede anular estas opciones ajustando la configuración de los bloques individuales en cada columna.
Si desea personalizar aún más este bloque, también puede establecer anclajes HTML y clases CSS adicionales con Avanzado pestaña en el menú de configuración:
Eso es todo lo que necesita saber sobre cómo usar y configurar este importante bloque. Ahora analicemos algunos consejos para ayudarlo a usar las columnas de manera efectiva.
Sugerencias y mejores prácticas para usar el bloque de columnas de manera eficiente
Las columnas son un elemento versátil del diseño web. Puede usarlos en cualquier situación, ya que ayudan a proporcionar estructura a cualquier página o publicación.
Visualmente, las columnas lo ayudan a dividir largas porciones de párrafos y colocar listas, tablas e incluso imágenes una al lado de la otra. Aquí hay un ejemplo de uno de temas predeterminados de WordPressusando columnas para crear un efecto superpuesto con Imagen Bloques:
La mayoría de las veces, no desea que las columnas se superpongan. Sin embargo, no hay reglas escritas en piedra para Cómo utilizar columnas. Mientras los resultados se vean estéticamente agradables, siéntete libre de experimentar con este ladrillo.
Preguntas frecuentes sobre el bloque de columnas
Hasta ahora, tienes una idea sólida de cómo usar las columnas en WordPress. Para asegurarnos de que no se está perdiendo nada, repasemos algunas preguntas frecuentes.
¿Puedo usar un bloque de columnas con complementos de Site Builder?
Por definición, los complementos de creación de páginas (como Divi) reemplazan su editor de WordPress predeterminado. Esto significa que no podrá acceder columnas Unidad. Sin embargo, la mayoría de los complementos de creación de páginas vienen con sus propias versiones de filas y columnas, por lo que puede usar funciones similares.
¿Cuántas columnas puedo agregar en un sitio web o publicación de WordPress?
los columnas bloque le permite agregar hasta tres columnas en una fila usando ajustes preestablecidos. Sin embargo, puede agregar más líneas manualmente. Tenga en cuenta que si agrega demasiadas columnas, es posible que no tengan suficiente espacio para mostrar su contenido correctamente.
¿Puedo usar un bloque de columnas en los widgets?
WordPress le permite personalizar áreas de widgets como el pie de página o la barra lateral usando el Editor de bloques. Esto significa que tienes acceso a los mismos bloques que tendrías mientras trabajas en la página o publicación. Tenga en cuenta que, dado que probablemente esté trabajando en un espacio reducido, el uso de varias columnas en las áreas de widgets puede hacer que su contenido parezca abarrotado.
Solicitud
Las filas por sí solas no son suficientes para un creador de páginas moderno. La opción de crear y personalizar filas y columnas le brinda un control completo sobre cómo se coloca cada elemento en su sitio.
La buena noticia es que WordPress columnas el bloque es extremadamente fácil de usar. Puede agregar tantas columnas como desee en una fila. Además, puede colocar cualquier bloque en la columna y personalizar su contenido, estilo y más.
¿Tiene alguna pregunta sobre el uso de este bloque de WordPress? ¡Hablemos de ellos en la sección de comentarios a continuación!
Foto destacada de Mitya Korolkov / shutterstock.com
