¿Quieres agregar múltiples columnas en WordPress?
La práctica de organizar el contenido en columnas se remonta a los primeros días de la imprenta. Este formato puede ser una forma versátil de organizar su texto, imágenes, etc. Sin embargo, agregar varias columnas en WordPress y ubicarlas correctamente puede ser un poco complicado.
Afortunadamente, no tiene por qué ser así. Ahora puede usar el Editor de bloques para agregar fácilmente múltiples columnas a sus publicaciones y páginas de WordPress en solo unos pocos pasos.
También puede lograr este diseño utilizando el editor clásico o un complemento de creación de páginas.
En este tutorial, veremos cómo agregar múltiples columnas en WordPress.
Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Por qué usar un diseño de varias columnas
Desde elegir el tema correcto de WordPress hasta agregando fuentes personalizadas, la personalización del diseño de tu sitio web es fundamental la pieza central de la imposición de tu marca. Sus artículos y diseños también forman parte de este rompecabezas. Experimentar con diferentes opciones de diseño puede ser una excelente manera de agregar variedad estructural a su contenido.
Dado que no existe un formato único que sea mejor para la legibilidad, puede ser creativo y encontrar una apariencia que funcione para usted. Puede cambiar el diseño de cada una de sus páginas para adaptarse a diferentes tipos de contenido y crear un sitio de WordPress que consta de páginas con diferentes diseños.
Las columnas son un formato especialmente versátil. Si está buscando utilizar su espacio económicamente, son una manera fácil de segmentar su texto.
También puede usar columnas para acoplar diferentes widgets de manera consistente, como se muestra en la Tema de Buddy Boss :
O bien, tal vez le interese utilizar un formato flexible que se pueda quitar o remodelar para adaptarse a sus necesidades. Cualquiera que sea su razonamiento, las columnas pueden agregar variedad y organización a su sitio web.
Cómo agregar múltiples columnas en WordPress
En los primeros días de WordPress, los usuarios necesitaban tener un conocimiento práctico de HTML y poder editar su código con confianza para agregar columnas a sus publicaciones. En ese momento, escribir y editar contenido no era la experiencia más amigable.
Afortunadamente, ahora hay dos formas fáciles de agregar columnas en WordPress: no se requiere HTML.
El Editor de bloques viene con una función de columna incorporada intuitiva, y aquellos que prefieren el editor clásico estarán felices de saber que siempre puede omitir la codificación manual de columnas usando un Plugin de WordPress.
Ahora veamos los dos métodos.
Primer método: use la funcionalidad nativa del editor de bloques
Comenzaremos agregando varias columnas usando el editor de bloques (Gutenberg). La nueva interfaz predeterminada de creación de contenido de WordPress ofrece una gran cantidad de características útiles, todo enfocado en bloques de contenido fáciles de mover.
Una de esas características es el bloque Columnas, que se llama acertadamente y te ayuda a crear tantas columnas como quieras.
Para comenzar, ingrese "columnas" en el cuadro de búsqueda del editor de bloques que puede abrir haciendo clic en el botón +. Alternativamente, puede simplemente hacer clic en la pantalla y comenzar a escribir "columnas" para mostrar la misma opción.
Esto abrirá una ventana donde puede elegir un diseño de columna:
Comenzar con dos columnas predeterminadas y ajustar la configuración más tarde también es una opción.
Una vez que hayas especificado cuántas secciones quieres y cómo quieres dividirlas, puedes arrastrar y soltar el bloque donde quieras.
Luego puede anidar otros bloques dentro del bloque Columnas. Todos pueden ser bloques de texto. Intente mejorar una columna de texto colocándola junto a una imagen o columna de calendario para que se destaque:
No tenga miedo de aprovechar la flexibilidad del editor mezclando y combinando elementos.
Después de eso, puede volver a la configuración del bloque Columnas y cambiar la proporción de ancho para que se adapte a sus necesidades. Cada columna individual se puede ajustar según el tipo de aspecto que buscaba.
Gracias a la interfaz visual del editor de bloques, su trabajo en el backend se traducirá bastante directamente al frontend. Como referencia, así es como se ve nuestro ejemplo después de publicarlo:
Una vez que comprenda los conceptos básicos, hay más para explorar con columnas.
Si está buscando más funciones con el editor de bloques, puede considerar descargar un Plugin de WordPress que potencia la funcionalidad de los bloques y experimenta con nuevas combinaciones de contenidos.
Método dos: use el editor clásico y el generador de páginas de Elementor
También puede agregar múltiples columnas a sus publicaciones y páginas sin código. Todo lo que necesitará es un complemento. Hay muchas opciones que pueden hacer este trabajo, por lo que lo primero que debe hacer es elegir una.
Como soy un gran admirador del complemento. Elementor del constructor de páginas, Voy a usar este para crear un diseño de varias columnas:
Ce constructor de páginas es una opción gratuita sólida que utiliza una interfaz intuitiva de arrastrar y soltar y tiene más de 5 millones de instalaciones activas.
Una vez que tienes instalado y activado el complemento en su sitio web, vaya a la página que desea editar y edítela con Elementor.
Serás llevado al editor de Elementor.
Como ves en la imagen de arriba, haremos clic en el botón rojo + para agregar una nueva sección y el número de columnas que la acompañarán.
Ahora elegiremos los widgets Editor y Texto y Calendario.
Actualice su página y obtenga una vista previa de su artículo.
con este Plugin de WordPress, también tendrás la opción de agregar o eliminar el número de columnas.
Descubre también algunos complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. Formulario de contacto 7 Success Redirect
Contact Form 7 Success Redirect es una extensión del complemento premium de WordPress del Contact Form 7 que permite redirigir a un visitante o usuario a una página después del envío de su contacto.
Ha sido diseñado para hacer que el formulario sea más fácil de usar cuando el proceso de envío del formulario resulta en la redirección a la página elegida por el administrador.
Cómo crear una tienda privada con WooCommerce ? Descúbrelo consultando este artículo.
Es extremadamente fácil de configurar. Puede hacerlo seleccionando una página de las páginas existentes de su tablero o proporcionando una URL de redireccionamiento personalizado.
Descubre nuestro 8 WordPress plugins para mejorar el SEO de tu blog
Cada formulario tendrá su propia configuración. Por lo tanto, cada redirección exitosa se puede definir de una manera única.
Descargar | Demo | alojamiento web
2. LetsPush Web Push Notification
Las notificaciones web push, también conocidas como notificaciones automáticas del navegador, son mensajes en los que se puede hacer clic y que el sitio web puede enviar al usuario incluso sin conocer su correo electrónico u otra información de contacto.
Sus notificaciones se entregan en tiempo real, incluso cuando el usuario no está navegando por su sitio web. Este complemento de WordPress también permite al administrador enviar mensajes de notificación automática a los usuarios que se han suscrito al sitio web.
Para que pueda enviar un mensaje personalizado, vender un producto o enviar actualizaciones sobre su sitio web a sus visitantes. Se integra fuertemente con BuddyPress y es compatible con WooCommerce.
Descargar | Demo | alojamiento web
3. Inicio de sesión social de WooCommerce
Este complemento premium de WordPress ayuda a reducir el tiempo de registro de un sitio web, lo que generalmente molesta a los usuarios y reduce sus ventas. Pero si usa el inicio de sesión social de WooCommerce, el tiempo ahorrado por el usuario aumentará, lo que necesariamente también aumentará sus ventas.
Cuando un cliente visita su sitio web por primera vez, simplificará el pago al permitirle realizar el pago como invitado. Sin embargo, esto crea fricciones para los clientes que desean comprar varias veces en su tienda en línea. Tendrán que crear un nombre de usuario y una contraseña diferentes cada vez.
Descubre también nuestro 50 WooCommerce plugins para mejorar su tienda online
WooCommerce Social Login, por lo tanto, hace que este proceso sea lo más fácil y seguro posible: los clientes pueden iniciar sesión en su sitio web utilizando sus cuentas de Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram. y Amazon.
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- Cómo optimizar tus imágenes y mejorar el SEO
- Complementos de descuento de 8 WordPress para crear cupones
- 10 WooCommerce plugins para recuperar los carros de compras abandonados
- Cómo encontrar una URL de inicio de sesión de blog de WordPress
Conclusión
Agregar columnas a su sitio web de WordPress puede ayudar a mantener su diseño fresco y atractivo. Aunque el proceso de hacer esto a veces puede ser un poco complicado, existen métodos simples que puede usar para hacerlo más fácil.
Listo ! Eso es todo por este tutorial, espero que ahora sepas cuándo y cómo agregar varias columnas en WordPress. No dude en comparte con tus amigos en tus redes sociales favoritas.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
Y si tiene alguna sugerencia o comentario, déjelos en nuestra sección comentarios.
...
