Saltar al contenido principal

Cómo agregar múltiples columnas en WordPress sin usar un complemento

¿Estás buscando los mejores temas y complementos de WordPress?

Descarga los mejores complementos y temas de WordPress en Envato y crea fácilmente tu sitio web. Ya más de las descargas de 49.720.000. [EXCLUSIVO]

¿Desea agregar contenido de varias columnas a sus publicaciones de WordPress? Las columnas se pueden utilizar para crear diseños atractivos para sus publicaciones y páginas.

Los medios impresos tradicionales, como los periódicos y las revistas, han utilizado un diseño de varias columnas desde el comienzo de la impresión. Su objetivo era facilitar a los usuarios la lectura de textos más pequeños mientras utilizan el espacio disponible de manera económica.

Los diseños de una sola columna se usan más comúnmente en la Web. Sin embargo, las cuadrículas de varias columnas siguen siendo útiles para resaltar el contenido y facilitar la lectura y el análisis.

En esto tutoriel, le mostraremos cómo agregar fácilmente el contenido de varias columnas a sus publicaciones de WordPress sin escribir ningún código HTML.

Adición de contenido de varias columnas en WordPress - La solución fácil

Crear contenido de varias columnas, también llamado contenido de cuadrícula en WordPress, ahora es simple porque es una característica predeterminada. El nuevo editor de bloques de WordPress. Gutenberg Incluye un bloque de columnas.

Para agregar un diseño de varias columnas, debe crear un nuevo artículo o editar uno nuevo. Una vez en el cuadro de edición, haga clic en el icono "Agregar" en la parte superior para agregar un bloque.

A continuación, debe seleccionar el bloque "Columnas" ubicado en la pestaña "Elementos de diseño".

Ahora verá el cursor del mouse saltando en la columna izquierda y aparecerá un marcador de posición para el texto en la columna derecha.

Como se puede ver en la captura de pantalla anterior, el bloque Columnas Parece ante todo un espacio vacío. Si mueve el mouse hacia la izquierda, puede ver el borde del bloque resaltado.

También verá la configuración de bloqueo en la columna derecha de la pantalla de edición posterior.

Por defecto, el bloque de columnas agrega dos columnas. Puede aumentar el número de columnas que desea agregar desde la configuración de bloque a la derecha. Esto le permite agregar hasta seis columnas en una línea.

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 554.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

Simplemente haga clic en una columna y comience a escribir para agregar contenido. Puede usar la tecla de tabulación de su teclado para moverse a la siguiente columna.

Añadiendo multimedia y otro contenido a tus columnas.

Además del contenido de texto, también puede agregar imágenes y incrustar videos en las columnas de WordPress.

El bloque de columnas le permite agregar bloques dentro de cada columna. Simplemente coloque el mouse en una columna y verá el icono "Agregar un nuevo bloque" en el interior. También puede agregar un bloque escribiendo / y el nombre del bloque.

El bloque seleccionado aparecerá ahora en la columna. Ahora puedes ir allí y agregar contenido.

A continuación se muestra el aspecto que podría tener su nueva columna en el tema predeterminado de Twenty Nineteen. En este ejemplo, usamos tres columnas y la última columna contiene una imagen.

Si solo quieres añadir una imagen y al lado del texto, también puede usar el bloque "Medios y texto" en lugar de columnas. Este bloque está especialmente diseñado para mostrar medios como imágenes y videos junto al texto.

Agregando múltiples columnas en el antiguo editor de WordPress Classic

Si no ha actualizado su WordPress a Gutenberg y todavía lo usaeditor clásico, usted debe instalar un plugin separados para crear un diseño de columna de cuadrícula.

Crea fácilmente tu blog con SiteGround

SiteGround le permite crear su blog de WordPress en unos pocos clics. Nombre de dominio gratis, alojamiento seguro, SSL, transferencia y mucho más ... [Recomendado]

Comience instalando y activando el plugin. Columnas de rejilla ligeras. Para obtener instrucciones detalladas, siga nuestra guía paso a paso en camino instalar un plugin en WordPress.

Cuando lo active, puede crear un mensaje nuevo o abrir un mensaje antiguo para editarlo. Luego haga clic en el botón "Agregar columnas" en la barra de herramientas del Editor Visual.

Ahora verá una ventana emergente para agregar su primera columna. Puede elegir el área que su columna puede cubrir en equipos de escritorio, tabletas y dispositivos móviles de manera diferente.

Por ejemplo, si establece el porcentaje de cuadrícula de escritorio 50%, su columna cubrirá la línea media.

Hay muchas opciones para establecer el ancho de su columna, desde 5% a 100% en el rango de 5. Puede elegir uno haciendo clic en el menú desplegable.

Luego debe agregar el contenido de su columna en el área de "Contenido", luego hacer clic en el botón "Aceptar" para insertarlo en su mensaje.

El complemento ahora generará el código abreviado requerido con su contenido y lo agregará a su editor.

Ahora que ha agregado su primera columna, puede repetir el proceso para agregar más columnas. Para la última columna en línea, no olvide marcar la casilla 'Última columna en línea'.

Crea fácilmente tu tienda en línea

Descargue gratis WooCommerce, los mejores complementos de comercio electrónico para vender sus productos físicos y digitales en WordPress. [GRATIS]

Después de eso, puedes guardar tu mensaje y previsualizarlo. Esto es lo que parecía en nuestro sitio de prueba con el tema Twenty Seventeen.

Esperamos que este artículo le haya ayudado a aprender cómo agregar columnas a sus publicaciones y páginas de WordPress.

Este artículo contiene los comentarios 18
  1. Hola, tengo este complemento ... pero no funciona bien, sucede:

    Creo dos columnas, una más pequeña para la foto, otra más grande para el texto, luego el texto es solo líneas 2, no en toda la altura de la columna, una vez guardado el texto JUMP debajo de la foto, en lugar de Quédate accano, mira que desaparece una columna ...
    ¿Que hago? ¿Por qué sucede esto? ¿Hay otra plg-in mejor y más simple que esta aquí?
    Gracias, ¡estaría agradecido por la ayuda!

    1. Hola Irina,

      Intenta activar el tema predeterminado de WordPress, si todo funciona bien, entonces es porque el problema proviene de tu tema actual de WordPress.

      También verifique que haya realizado actualizaciones de complementos.

      1. Copio el texto y pegar tentado por un CTRL + V, sin éxito. El menú contextual con el botón derecho del ratón no ofrece pasta.
        No he encontrado ninguna otra alternativa que volver a escribir ...

        1. Lo siento por la respuesta tardía.
          Se puede asegurar que el botón derecho sobre un elemento de la página, aparece el menú contextual? Si ese es el caso, entonces probablemente un problema de JavaScript en alojamiento.
          Si está en Google Chrome, vaya a la página donde tiene problemas, luego presione "F12" (se abrirá una ventana o se adjuntará a la página) y elija la pestaña "Consola" . Tome una captura de pantalla de esta pestaña y le diré si hay un problema.

          1. Hola,
            Merci pour votre réponse.
            Mi sitio web está alojado por libre, es posible que exista un problema javascript.
            ¿Me puede decir cómo se pasa de pantalla que hice?
            cordialmente

          2. Desde que he instalado una versión con brida de forma gratuita, creo que el problema viene de ahí.
            Voy a tratar de instalar una versión diferente ...

      2. He copiado un texto y traté de pegarlo en una columna en el complemento. Incapaces o con la combinación de teclas CTRL + V, o en el menú contextual del botón derecho del ratón que no ofrece esta función.
        ¿Hay alguna alternativa que volver a escribir todo?

  2. Tengo que decir una palabra impresionante! Lo instalé y después de dos de tres correcciones, me las arreglé para hacer columnas, gracias!

  3. hola he instalado columnas wp avanzadas.
    pero cuando miro en la página presento un cuadrado blanco en la parte superior izquierda de cada columna? puede ayudarme. Gracias

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Este sitio usa Akismet para reducir los no deseados. Obtenga más información sobre cómo se utilizan sus datos de comentarios.

Volver arriba
10 acciones
cuota8
Tweet1
Guardar1
WhatsApp