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 metálica de back-end, y Avada Live, que es nuestro creador de front-end, que se introdujo recientemente con Avada 6.0 .
Usando nuestro sencillo sistema de Contenedores, Columnas y Elementos, ambas versiones de Avada Builder le permiten diseñar diseños de página hermosos para su sitio web fácilmente. Avada Builder es una herramienta fantástica tanto para los diseñadores web modernos como para los propietarios de sitios, ya que les brinda un 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
- Personalización de un diseño
- Edición de diseño personalizado
- Diseño de diseño condicional
- Agregar columnas desde el constructor de diseños Avada
- Conclusión
La página Layout Builder es donde encontrará todos sus diseños y los diseños condicionales que desee construir además del diseño global creado por defecto. 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 surtan efecto.
Se puede acceder al Layout Builder desde el Panel de Avada seleccionando Layouts> 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 de Layout Builder. En la primera sección se describe una técnica para rellenar las secciones de diseño en el diseño global o generar diseños condicionales (pista: puede cerrar esto con la X), y en el lado derecho de la pantalla hay un área desde la que 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 o condiciones.
A medida que crea diseños, estos 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 del 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 icono +, 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 que se agrega a un diseño. Para ex amp le, un pie de página requiere un diseño de sección de pie de página, que se puede añadir a cualquiera de los Global o diseño personalizado. Veremos cómo construir una sección de diseño de pie de página personalizado en la siguiente sección, pero primero, veamos Introducción a los diseños de Avada.
En la barra lateral de WordPress o el Panel de control 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.
Personalización de un diseño
Esta sección se puede agregar al Diseño global, o un 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 de diseño de sección Builder, seleccione el tipo de Diseño de sección, introduzca un nombre (en este ex amp le, pie de página, posiblemente Mundial de pie de página) y haga clic en Crear Nuevo Diseño de sección, 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, hay simplemente 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 de 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á activo actualmente (es decir, tiene condiciones o es el diseño global), cualquier nueva sección del diseño estará activa inmediatamente y vacía. Tiene más sentido agregar un pie de página personalizado a un diseño global a través de la página Creador de secciones de diseño primero 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 las condiciones. Como se ilustra a continuación, podemos modificar la sección de diseño de 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; puede usar Avada Builder o Avada Live desde aquí. Las secciones de diseño personalizado se crean aquí. Para obtener información adicional, consulte Crear contenido de la 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 construir en Avada Builder. Puede tener numerosas columnas, fotos, etc .; Esto permite una inmensa flexibilidad. La sección Diseño es donde aparecerá el material de pie de página. El material proviene del Constructor y su 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 de pie de página.
