Cómo agregar columnas en Weebly

Muchos empresarios disfrutan de usar Weebly para crear su sitio web debido a sus muchas herramientas y servicios. Millones de empresas aprovechan las ofertas gratuitas y el diseño fácil de usar de Weebly. Al diseñar su sitio web comercial o personal en Weebly, el diseño y el diseño son importantes. Siga estos pasos para aprender a agregar columnas a sus páginas de Weebly.

Cómo agregar columnas en Weebly

Cómo agregar columnas con el botón de columna

Las primeras impresiones son importantes y es imperativo para los clientes que su sitio web esté organizado y sea agradable a la vista. Anteriormente, Weebly limitaba el número de columnas disponibles a cinco. Ahora, sin embargo, no hay límite en la cantidad de columnas que puede agregar. Agregar columnas en Weebly es simple siguiendo los siguientes pasos.

  1. Abra una página de plantilla de Weebly.
    1689976807 425 Como agregar columnas en Weebly
  2. Busque "Columnas" en el panel de edición en el lado izquierdo de la pantalla.
    1689976807 769 Como agregar columnas en Weebly
  3. Haga clic y arrastre el icono "Columnas" a la página. Verá "arrastrar elementos aquí" en el área donde se pueden soltar las columnas.
    1689976808 515 Como agregar columnas en Weebly
  4. Coloque las columnas en la página. Pase el cursor sobre ellos para ajustar el número y el espaciado de las columnas.

Cómo agregar columnas arrastrando elementos

También puede organizar cualquier elemento de Weebly en columnas colocándolos uno al lado del otro.

  1. Abra una página de plantilla de Weebly o "Editar sitio".
    1689976807 425 Como agregar columnas en Weebly
  2. Haga clic y arrastre cualquier icono de elemento desde el panel de edición a la página.
    1689976808 620 Como agregar columnas en Weebly
  3. Haga clic y arrastre otro elemento y colóquelo junto al primero.
    1689976809 261 Como agregar columnas en Weebly

Weebly ajusta automáticamente el contenido para que se formatee en columnas. Tenga en cuenta que si se agrega demasiado contenido, las columnas se volverán muy estrechas a medida que se comprimen en la página.

Cómo agregar columnas con HTML

A veces es necesario agregar varias columnas en forma de tabla. Siga estos pasos para agregar columnas a su página de Weebly usando código HTML.

  1. Abra Microsoft Word.
    1689976809 208 Como agregar columnas en Weebly
  2. Haga clic en el menú "Insertar" en la parte superior de la página.
    1689976809 601 Como agregar columnas en Weebly
  3. Haga clic en "Tabla" y elija el tamaño de la tabla con la cuadrícula desplegable.
    1689976810 420 Como agregar columnas en Weebly
  4. Una vez que su tabla de columnas esté lista, guarde el documento como una página web.
    1689976810 717 Como agregar columnas en Weebly

Para hacer esto, seleccione "Archivo", "Guardar como" y, en el menú desplegable de la extensión, seleccione ".htm/.html".

  • Abra el documento o la página web guardados con un editor de texto y copie el código HTML de la tabla.
  • Abra la página de Weebly donde desea agregar la tabla de columnas.
  • Haz clic en la pestaña Construir.
  • Haga clic y arrastre el elemento "Código incrustado" al espacio de trabajo.
  • Haga clic en el elemento "Incrustar código" y seleccione "Editar HTML personalizado".
  • Pegue el código de la tabla del documento de Word.

Columnas de Posicionamiento

Una vez que haya agregado columnas a su página de Weebly, es fácil moverlas para experimentar con diferentes diseños. Para mover columnas, siga estos pasos.

  1. Pase el cursor sobre la columna que desea mover.
    1689976811 244 Como agregar columnas en Weebly
  2. Aparece una línea azul alrededor de la columna y aparece un rectángulo blanco en la parte superior central del elemento.
    1689976811 714 Como agregar columnas en Weebly
  3. Para mover la columna, haga clic y arrastre el rectángulo blanco a la nueva posición central superior de la columna.
    1689976812 378 Como agregar columnas en Weebly

También es posible agregar espacio entre columnas.

  1. Pase el cursor sobre una columna y haga clic en la línea azul para que aparezca el menú de opciones.
    1689976811 714 Como agregar columnas en Weebly
  2. Aumente o disminuya el espacio entre las columnas según lo desee.

Cambiar el ancho de columna a anchos preestablecidos

Cambiar el tamaño de las columnas es tan fácil como hacer clic y arrastrar.

  1. Abra la ventana del editor de páginas de Weebly y desplace el cursor sobre una columna que le gustaría cambiar de tamaño.
    1689976811 244 Como agregar columnas en Weebly
  2. Aparecerá una línea azul resaltada entre la columna y el elemento al lado.
    1689976811 714 Como agregar columnas en Weebly
  3. Haga clic en la línea azul y arrástrela hasta el ancho deseado. El ancho se ajustará a los anchos predeterminados.
    1689976812 378 Como agregar columnas en Weebly

Cambiar el ancho de columna a anchos personalizados

Las columnas también se pueden dimensionar a anchos personalizados en lugar de puntos preestablecidos.

  1. Abra la ventana del editor de páginas de Weebly y desplace el cursor sobre una columna que le gustaría cambiar de tamaño.
    1689976811 244 Como agregar columnas en Weebly
  2. Aparecerá una línea azul resaltada entre la columna y el elemento al lado.
    1689976811 714 Como agregar columnas en Weebly
  3. Haga clic en la línea azul y mantenga presionada la tecla Mayús para arrastrar hasta el ancho deseado.
    1689976813 870 Como agregar columnas en Weebly

Copiar una columna a otra página

Una vez que se ha agregado una columna, se puede copiar fácilmente a otra página siguiendo estos pasos.

  1. Pase el cursor sobre la columna que desea copiar.
    1689976811 244 Como agregar columnas en Weebly
  2. Haga clic en la flecha azul y blanca en la esquina superior izquierda.
    1689976811 714 Como agregar columnas en Weebly
  3. Seleccione "Copiar" y elija una página del menú desplegable para copiar la columna.
    1689976813 871 Como agregar columnas en Weebly

Mover una columna a otra página

Las columnas también se pueden mover entre páginas.

  1. Pase el cursor sobre la columna que desea copiar.
    1689976811 244 Como agregar columnas en Weebly
  2. Haga clic en la flecha azul y blanca en la esquina superior izquierda.
    1689976811 714 Como agregar columnas en Weebly
  3. Seleccione "Mover" y elija una página del menú desplegable para mover la columna.
    1689976814 231 Como agregar columnas en Weebly

Eliminación de una columna

Si desea eliminar una columna y el contenido que contiene, puede hacerlo fácilmente con un solo clic. Solo tenga cuidado, ya que el cambio será permanente y el contenido no se podrá recuperar. Si está seguro de que desea eliminar una columna, siga estos pasos.

  1. Pase el cursor sobre la columna que desea eliminar.
    1689976811 714 Como agregar columnas en Weebly
  2. Haga clic en la "X" azul y blanca en la esquina superior derecha y presione "Eliminar".
    1689976815 76 Como agregar columnas en Weebly

Agregar contenido a las columnas

Las columnas en Weebly pueden contener cualquier contenido que puedas imaginar. El panel de edición de Weebly ofrece varias opciones para agregar, como texto, imágenes y código incrustado. Los mapas también se pueden agregar a las columnas. Las columnas se pueden crear como elementos y agregarse una al lado de la otra. Pero también, el contenido se puede superponer uno encima del otro dentro de las columnas si lo desea. Para agregar cualquier contenido a una columna, siga los pasos utilizados para agregar elementos a la página.

  1. Abra una página de plantilla de Weebly o una plantilla de "Editar sitio".
    1689976807 425 Como agregar columnas en Weebly
  2. Haga clic y arrastre cualquier icono de elemento desde el panel de edición a la columna.
    1689976816 172 Como agregar columnas en Weebly
  3. Haga clic y arrastre cualquier otro elemento deseado y colóquelos en capas en la columna.
    1689976817 233 Como agregar columnas en Weebly

Adición exitosa de columnas en Weebly

Estos pasos pueden ayudarlo a aprender cómo agregar columnas a su página de Weebly. Agregar y trabajar con columnas en Weebly es divertido y fácil de aprender. Una vez que haya creado su propio sitio web de Weebly, ¡asegúrese de compartirlo con otros informándonos sobre él en la sección de comentarios a continuación! También permita que otros conozcan sus consejos y trucos para trabajar con columnas en Weebly.