Tiempo de lectura: 3 minutos

En este instructivo veremos cómo definir la cantidad y el ancho de las columnas en WordPress con Divi en pocos y simples pasos.

WordPress contiene un panel administrativo (escritorio) desde el cu√°l el usuario puede modificar sus diferentes apartados. Desde la interfaz, se pueden gestionar las p√°ginas del sitio web, el men√ļ principal, el dise√Īo de la p√°gina web, y mucho m√°s. En este instructivo te vamos a explicar c√≥mo utilizar y sacarle el m√°ximo provecho a la plantilla Divi en WordPress.

En este instructivo vamos a explicarte un poco más sobre Divi, es una de las plantillas para WordPress más utilizadas ya que cuenta con una serie de componentes muy sencillos de gestionar para usuarios sin mucha experiencia en la creación de contenido web.

Esta plantilla cuenta con un editor visual el cual te permitirá ver en tiempo real los cambios que estés realizando ,permite a los desarrolladores utilizar código CSS personalizado.
Divi permite deshacer o rehacer los cambios realizados a través de todo su historial de edición. Si cometemos un error, podemos volver atrás e intentarlo nuevamente.

Cómo definir la cantidad y el ancho de las columnas en WordPress con Divi en pocos y simples pasos

1.- Abre tu navegador favorito (IExplore, Google Chrome, Firefox, etc) y escribe el nombre de tu dominio y seguidamente /wp-admin, Ejemplo de esto es: dominio/wp-admin

 

2.-En el men√ļ de la izquierda buscamos ¬ęP√°ginas¬Ľ y pulsamos en ¬ęAgregar nueva¬Ľ.
Aparecer√° esta nueva p√°gina donde debemos configurar a nuestro gusto y conocimiento su composici√≥n. Sobre el lado derecho aparece este men√ļ donde vemos est√° habilitado el editor visual y con el iremos agregando los elementos, im√°genes, columnas, etc con las que construiremos nuestra p√°gina.

columnas

3.-Sobre la izquierda en el men√ļ superior pulsamos en el signo + y se despliega un men√ļ visual donde debemos buscar el s√≠mbolo llamado ¬ęcolumnas¬Ľ.

columnas

4.-Columnas est√°n ubicadas en el bloque ¬ęDise√Īo¬Ľ

columnas

5.-Cuando pulsamos en columnas nos da la opción de elegir la disposición y cantidad de columnas que queremos para la página que estamos construyendo.

columnas

 

6.-En el ejemplo que vemos insertamos una imagen de la biblioteca de medios, y abajo elegimos en este caso tres columnas del mismo ancho cada una.
Si pulsamos en el icono de las tres lineas horizontales se despliega la lista de los elementos de la p√°gina.

columnas

7.-Podemos variar la cantidad de columnas tenemos la posibilidad de copiar, duplicar o eliminar columna, solo marcando la columna que queremos modificar y pulsando en los tres puntos, se abrir√° un cuadro con las opciones descritas.

columnas

 

Para finalizar, muchas gracias por haber llegado hasta el final de este instructivo. Te invitamos a seguir leyendo los instructivos que publicamos diariamente en nuestra web y a que plantees todas tus dudas en la secci√≥n de comentarios que acompa√Īa cada art√≠culo. ¬°Un abrazo!


Hosting CMS

¬°Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)