En este tutorial voy a explicar las funciones básicas de DIVI para poder editar las diferentes páginas de tu web. Partimos de esta página de inicio de ejemplo creada para estos manuales, una página muy sencilla pero que nos ayudará a entender mejor el funcionamiento de DIVI.
Una vez hemos iniciado sesión en wordpress y accedemos a la pagina que queremos editar, debemos buscar el la barra superior de wordpress el siguiente botón:
Si hacemos click, habilitaremos las funciones de edición y podremos ver todas las opciones que nos ofrece DIVI. Para añadir nuevos apartados en la página primero tenemos que diferenciar entre sección (regular, especialidad o ancho completo), fila y módulo. Esta última siendo la más importante, ya que nuestras páginas van a estar formadas a base de módulos.
Sección regular con fus filas y sus módulos
Sección de especialidad con sus filas y sus módulos
Sección de ancho completo con su módulo
Una sección divide la página en partes independientes, como pueden ser los encabezados, la parte principal de la página o el pie de páginas y existen 3 tipos:
Regular (recuadro azul) el cual te va a pedir el número de filas que quieres para esta sección, dandote la posibilidad de seleccionar difrentes estructuras.
Especialidad (recuadro naranja) el cual te va a pedir el número de columnas que quieres para esta sección, el número de filas y estructura para una de las columnas, se usa para secciones muy especificas que quieres diseñar especialmente con esa estructura.
Ancho completo (recuadro morado) como su nombre indica, se compone de una sola fila que ocupa todo el año de nuestra página, en nuestro ejemplo el encabezado. Este te va a pedir el tipo de módulo que necesitas en esta sección, hay un menor numero de opciones disponibles pero son especificas de este.
Una vez seleccionemos la estructura habría que añadir los módulos que queremos a cada fila o culumna. Módulos hay muchos y cada uno tiene sus caracteristicas propias, las cuales van a dar las funcionabilidades que deseamos en nuestra página web. Te sugiero ir probando cada uno de ellos para ver que hace y si nos puede servir para lo que queremos, cuando hayas probado todos sabrás las opciones que tienes disponibles en DIVI.
Para gestionar y editar las secciones o módulos que ya forman tu página web siempre debes fijarte en el color de las cajas, te recuerdo que si es morada, estarás editando una sección de ancho completo, si es azul, una sección regular, si es naranja, una sección de especialidad, si es verde, una fila y si es gris, un módulo que pertenece a alguna de estas secciones. Debes posicionarte sobre lo que quieres modificar para que aparezcan las diferentes opciones, de las cuales debes conocer las siguientes:
Mover. No necesita mucha explicación, si pinchas y arrastras esta sección o módulo podrás reubicarla en cualquier sitio de la página.
Ajustes. Aquí es donde están todas las opciones de configuración de las secciones y módulos. Cada una tiene sus propias opciones, te aconsejo a que indagues e investigues cada apartado y aprendas a usar cada una de ellas. Las opciones básicas son muy intuitivas y no son complicadas de entender.
Duplicar. Como su nombre indica, duplica la sección o módulo, es útil cuando quieres hacer algo parecido en otra parte de la página, solo tendrías que mover y modificar un par de cosas.
Guardar en la biblioteca. Una vez tienes configurada una sección o módulo que vas a usar en otras páginas puedes guardarla en la biblioteca de DIVI y luego añadirla donde quieras.
Eliminar. Esta opción tampoco necesita mucha explicación, simplemente elimina de la pagina la sección o modulo que quieras.
Una vez hayamos acabado simplemente habría que asegurarnos de guardar los cambios dando al botón de guardar en la barra inferior, aunque DIVI se encarga de guardar automaticamente para hacer copias del sitio por si necesitamos restaurar a versiones anteriores. Muy útil para volver a dejar todo como estaba si no nos gustan las modificaciones que vamos haciendo.
OTROS TUTORIALES
Administrar Blog
Para crear una entrada de blog nueva lo primero que hay hacer es ir a Entradas > Añadir nueva en el menú lateral de Wordpress. Escribir el título de la entrada y en el panel lateral derecho de Wordpress establecer la imagen destacada, seleccionar la categoria a la...
Edición de Menús
Aprender a editar los menús es importante para poder dar acceso al resto de usuarios a páginas, entradas o categorías del blog y enlaces personalidos que hayamos creado. Para ello debemos ir a Apariencia > Menús de la barra lateral de wordpress. Una vez aquí nos...
Crear páginas nuevas
Para crear una página nueva lo primero que hay hacer es ir a Páginas > Añadir nueva en el menú lateral de Wordpress. Después simplemente escribir el título de la página, publicar y usar DIVI Builder para editar y darle forma a tu nueva página. Llegados a este punto...