Nuestro propio creador de páginas, Avada Builder, ahora está disponible en dos interfaces: Avada Builder, que es nuestro creador de páginas de estructura alámbrica back-end, y Avada Live, que es nuestro creador front-end, que se introdujo recientemente con Avada 6.0. .
Utilizando nuestro sencillo sistema de contenedores, columnas y elementos, ambas versiones de Avada Builder le permiten diseñar fácilmente hermosos diseños de página para su sitio web. Avada Builder es una herramienta fantástica tanto para los diseñadores web modernos como para los propietarios de sitios, ya que les brinda control total sobre todos los aspectos del contenido y el diseño de la página. Ambas versiones de Avada Builder también generan el mismo código. Son completamente intercambiables, lo que le permite tener lo mejor de ambos mundos con Avada Builder, que está disponible actualmente.
- Usando el diseño de la sección
- Personalizar un diseño
- Edición de diseño personalizado
- Diseño de diseño condicional
- Agregar columnas desde el constructor Avada Layout
- Conclusión
La página Creador de diseños es donde encontrará todos sus diseños y cualquier diseño condicional que desee crear además del diseño global creado de forma predeterminada. También se encuentra aquí el área donde asigna secciones de diseño a sus diseños y especifica las condiciones para que sus diseños condicionales entren en vigor.
Se puede acceder al Layout Builder desde el Panel de control de Avada seleccionando Diseños > Layout Builder en el menú desplegable. Una de las formas más sencillas de describir los diseños es decir que son contenedores que albergan las cuatro secciones de diseño de una página: la sección de encabezado, la sección de la barra de título de la página, la sección de contenido y la sección de pie de página. Puede obtener más información sobre las diferencias entre las secciones de diseño y los diseños leyendo este documento: Comprensión de los diseños y las secciones de diseño (PDF). Continúe leyendo para obtener más información sobre las cosas que puede hacer en esta página.
Hay dos partes ubicadas en la parte superior de la página del Creador de diseño. En la primera sección se describe una técnica para completar las secciones de diseño en el diseño global o generar diseños condicionales (pista: puede cerrarla con la X), y en el lado derecho de la pantalla hay un área desde la cual puede crear directamente nuevos diseños (ver más abajo). Escriba un nombre para su nuevo diseño y luego haga clic en Crear nuevo diseño para completar el proceso. Se crea un diseño en blanco cuando se utiliza este método; no se especifican secciones de diseño ni condiciones.
A medida que crea diseños, se importan automáticamente a la página Creador de diseños. Puede cambiar el nombre de un diseño haciendo clic en el botón Cambiar nombre en la parte superior de la página. También puede hacer clic en el icono de engranaje para establecer las condiciones para el diseño, y puede eliminar un diseño haciendo clic en el icono de la papelera en la parte superior de la página. También puede ver y asignar criterios haciendo clic en la parte inferior de todos los diseños, excepto el diseño global.
Dentro de cada Diseño, puede ver las cuatro Secciones de Diseño asignadas a un Diseño en particular, una para cada uno de los cuatro diseños. En cada Sección de Diseño, verá un ícono +, que le permitirá asignar una Sección de Diseño a esa sección del Diseño cuando mueva el mouse sobre ella. Tiene la opción de asignar una sección de diseño existente a esta sección o crear una sección nueva desde cero.
Usando el diseño de la sección
Como parte de Avada Layouts, ahora puede crear pies de página totalmente personalizables para su sitio web, aprovechando toda la capacidad creativa de Avada Builder para lograrlo.
Un diseño de pie de página es una sección de diseño agregada a un diseño. Por amp , un pie de página personalizado requiere una sección de diseño de pie de página, que se puede agregar al diseño global o personalizado. Veremos la construcción de una sección de diseño de pie de página personalizado en la siguiente sección, pero primero, veamos la introducción de Avada Layouts.
En la barra lateral de WordPress o en el Panel de Avada, seleccione Avada > Diseños. Los diseños y las secciones de diseño de Avada se crean y administran aquí. Como se muestra a continuación, el diseño global está inicialmente vacío, sin secciones de diseño asociadas.
Personalizar un diseño
Esta sección se puede agregar al Diseño global o al Diseño condicional y solo se muestra en ciertos tipos de publicaciones personalizadas o páginas individuales. El diseño global ya está presente, pero primero debemos desarrollar un diseño condicional.
En la página Diseños, agregue un nombre y haga clic en Crear nuevo diseño, como se muestra a continuación.
Cree una sección de diseño de pie de página si desea agregarla a un diseño existente o al diseño global.
En la pantalla Generador de secciones de diseño, seleccione el tipo de sección de diseño, ingrese un nombre (en este amp , pie de página, posiblemente pie de página global) y haga clic en Crear nueva sección de diseño, como se muestra a continuación.
La siguiente imagen muestra cómo generar una Sección de Diseño directamente desde el Diseño. Las secciones de diseño de su sitio deben agregarse a un diseño. Inicialmente, simplemente hay un diseño global. Entonces, para crear un pie de página personalizado global, agréguelo a este diseño. Sección de diseño de pie de página personalizado, luego agregue condiciones a la sección Diseño de pie de página personalizado para que el diseño aparezca de acuerdo con los criterios.
No tiene nada de malo, pero es vital considerar la situación. Si el Diseño está actualmente activo (es decir, tiene condiciones o es el Diseño Global), cualquier Secciones de Diseño nuevas estarán activas inmediatamente y vacías. Tiene más sentido agregar primero un pie de página personalizado a un diseño global a través de la página Generador de secciones de diseño y luego agregarlo al diseño global.
Alternativamente, podríamos agregar una sección de diseño de pie de página, encabezado o columna a un diseño condicional y luego crearlo. Las condiciones no se utilizan hasta que se agregan condiciones. Como se ilustra a continuación, podemos modificar la sección de diseño del pie de página colocando el cursor sobre ella y haciendo clic en el icono de edición.
Edición de diseño personalizado
El editor de WordPress predeterminado aparece al editar una nueva sección de diseño; puedes usar Avada Builder o Avada Live desde aquí. Aquí se crean secciones de diseño personalizado. Para obtener información adicional, consulte Creación de contenido de sección de diseño, pero en resumen, puede crear cualquier cosa aquí.
Su pie de página personalizado puede contener cualquier cosa que pueda crear en Avada Builder. Podrás tener numerosas columnas, fotografías, etc.; Esto permite una inmensa flexibilidad. La sección Diseño es donde aparecerá el material del pie de página. El material proviene del Constructor y tu creatividad es la única limitación.
Vea el pie de página original creado para la demostración de Taxi a continuación; Esto se hizo cambiando las opciones del tema y los widgets del pie de página.
