Mejora tu sitioWORDPRESS · WEB · IDEAS
Español

Edición y diseño

Elige Grupo, Fila o Pila según la distribución

Elige contenedores según la dirección, la relación y el ajuste del contenido.

Los contenedores sirven cuando varios bloques deben comportarse como una sección. Un Grupo puede reunir título, texto e imagen; una Fila distribuye elementos horizontalmente y una Pila lo hace en vertical. Elige según la relación entre los contenidos, no para utilizar todas las opciones del editor.

Piensa en una franja de contacto con una etiqueta y dos enlaces. Una Fila puede funcionar en una pantalla amplia porque los elementos pertenecen uno al lado del otro. Una explicación larga con título y varios párrafos normalmente necesita una organización vertical. Para dos columnas importantes de contenido independiente, Columnas puede resultar más sencillo que forzar todo dentro de una fila extensa.

Grupo para una sección, Fila para elementos contiguos, Pila para secuencia vertical y Columnas para grupos paralelos.
Diagrama explicativoCada distribución resuelve una relación diferente. Una Fila horizontal necesita seguir funcionando cuando la pantalla se estrecha. Abre la imagen para verla completa.
Leer el diagrama como texto
  • Grupo: Reúne bloques relacionados dentro de un límite común.
  • Fila: Coloca elementos breves lado a lado y revisa cómo pasan de línea.
  • Pila: Conserva título y explicación en una secuencia vertical.
  • Columnas: Distribuye grupos amplios en paralelo y comprueba el orden al apilarse.

Decide primero la dirección y la agrupación; ajusta los espacios después.

Selecciona el contenedor superior en la vista de lista antes de ajustar la distribución. De lo contrario, podrías cambiar un elemento interno esperando mover toda la sección. Los controles disponibles dependen del tema y de la versión, pero las preguntas básicas se mantienen: qué dirección siguen los elementos, cómo se separan y qué ocurre cuando falta espacio.

Prevé la pantalla estrecha

Una organización horizontal necesita responder a un ancho limitado. Comprueba los saltos de línea, el tamaño de los elementos y el orden de lectura resultante. Dos enlaces breves pueden acomodarse bien; una fotografía grande junto a un párrafo extenso puede requerir otra estructura. No supongas que el diseño de computadora se reducirá automáticamente de forma útil.

Usa los controles del contenedor para obtener separaciones coherentes. El espacio interior permite que el contenido respire dentro de la sección; la separación entre elementos expresa su relación. Añadir bloques vacíos para imitar esas distancias dificulta la edición posterior porque esos objetos pasan a formar parte de la secuencia del contenido.

Mantén una razón para cada nivel. Un contenedor de sección y otro para un subgrupo claro pueden ayudar; varios grupos anónimos alrededor de un único párrafo normalmente no. Contrae el esquema y lee los nombres para comprobar si todavía se entiende. Una buena elección facilita adaptar la distribución cuando crece el texto, en lugar de fijarla a una combinación que solo funciona con las palabras actuales.