Como Configurar Avada

Avada es un tema muy extenso pero hoy os voy a contar como configurar Avada y de ahí que van a hacer falta múltiples publicaciones para cubrir toda la información para  aprender a manejarlo correctamente. Vamos a ir poquito a poco y en esta publicación vamos a iniciar configurando  Avada desde cero.

Acepto que ya tienes tu WordPress instalado y listo para marchar. Si no es de esta forma te invito a que leas este mini curso donde te explico como instalar WordPress desde cero.como configurar Avada

Requerimientos para instalar el tema Avada

Avada es una plantilla Multi-porpose. Está realmente bien optimada y te aseguro que va a funcionar sin inconvenientes, para una buena optimización precisas que tu alojamiento tenga unos requisitos mínimos.como configurar Avada

Requisitos del servidor como configurar Avada.

PHP 5.4 o bien superior
MySQL 5
Suhosin (aconsejable)
Mínimo 128 megas de RAM

Requisitos y configuración de PHP

Max_execution_time ciento ochenta (Para las importaciones de las demos)
Memory_limit 128M
Post_max_size 32M
Upload_max_filesize 32M

WordPress como configurar Avada

Avada es compatible desde la versión 3.1 de WordPress, por seguridad y además para sacar todo el partido al tema, te invito a que tengas WordPress actualizado a la última versión.como configurar Avada

Ten siempre muy presente, que en la mayor parte de los casos en los que aparecen las conocidas pantallas en blanco, fallos de importación, etc, se deben a la configuración PHP. Si te hallas con estos inconvenientes, charla con tu distribuidor a fin de que aumenten los recursos libres, la RAM.

Ver los requisitos de tu alojamiento

Tienes múltiples opciones y Avada trae su sistema integrado para contrastar los requisitos. Por un lado puedes descargarte este plugin. Asimismo podrías crear un fichero php llamado info.php que debes subir a tu carpetita primordial. Acá puedes ver como se hace.como configurar Avada

Nada de esto sería preciso, tanto que Avada te ofrece su panel de control y te dará una visión completa de las peculiaridades de tu alojamiento web y si debes alterar o no la configuración. Una vez instales Avada, aparecerá en tu menú general un apartado con su nombre y debes hacer clic en SYSTEM STATUS.

Instalar Avada en tu alojamiento web

Una vez hayas comprado tu licencia vas a poder descargarte el fichero. Themeforest te da la opción de que descargues el fichero completo o de forma directa el de instalación.como configurar Avada

Como Configurar Avada

El fichero completo pesa más de doscientos megas y también incluye múltiples cosas:

Fichero para instalar el tema.como configurar Avada

El child Tema o bien tema hijo como configurar Avada

Extras: Como la documentación de Revolution Slider o bien Layer Slider.

Carpetita de traducciones: Los ficheros de traducción al de España y de otros idiomas.como configurar Avada

Carpetas de PSD: Lo que te deja acceder a los ficheros de Photoshop para poder ver o bien alterar los diseños.como configurar Avada

Una vez tienes a mano el fichero de instalación el proceso es muy simple.

Puedes subirlo a través del propio WordPress desde la sección Apariencia-temas-agregar nuevo. El fichero se va a subir a wordpress y se instalará de forma automática.como configurar Avada

Es un fichero grande, de prácticamente treinta megas, con lo que puede suceder que sobrepases el tiempo configurado en PHP para subir ficheros (va a depender un tanto de la velocidad de tu conexión) o bien el límite en MB de PHP para subir ficheros. En un caso así vas a deber charlar con tu distribuidor o puedes subirlo mediante FTP.como configurar Avada

Al acceder por FTP debes proseguir la senda /wp-content/themes/ y subir ahí todo el tema. Lo mejor es que lo descomprimas en tu PC y arrastres la carpetita Avada de manera directa a la carpetita themes.como configurar Avada

Una vez hayas subido todo, solo nos queda activar Avada como tema primordial. Bien sabes, apariencia-temas-avada-activar. 

Pantalla de Bienvenida

Desde esta pantalla tienes una vista general que te permite:

Registrar el tema como configurar Avada

Conseguir Soporte como configurar Avada

Instalar las demos como configurar Avada

Instalar los complementos precisos y recomendados

Ver el estado del sistema

pantalla_de_bienvenida_avada

Instalar los complementos

Ahora toca instalar los complementos o Plugins. Ciertos son precisos y otros son opcionales. como configurar Avada

Preciso como configurar Avada

Fusión Core es el núcleo de trabajo en Avada. Se trata del maquetador web que incluye con todos y cada uno de los shortcodes y funcionalidades de diseño.

Opcionales como configurar Avada

Revolution Slider y Layer Slider. Llegados aquí te hago la próxima recomendación:

Si vas a usar un slider para la página web, escoge entre los 2 y también instala solo ese. como configurar Avada

Si no vas a usar slider, no los instales. como configurar Avada

En todo caso, Avada incluye su Slider (Fusión slider) por si acaso deseas algo más fácil. como configurar Avada

Si tampoco lo quieres utilizar, vas a poder desactivarlo desde el panel de opciones (entonces te afirmaré donde). Lo que no es una gran idea, es tener instalados todos y cada uno de los slider, en tanto que se van a estar cargando multitud de ficheros css y java, que no vas a usar.como configurar Avada

Una vez instalados, debes activarlos, como cualquier otro complemento. Esto puedes hacerlo de manera directa desde la misma pantalla de instalación de Avada o desde el apartado Complementos de WordPress.

Instalar la traducción de Avada al Español

Algo bien interesante con este tema es que tiene una traducción bastante completa al Español. Esto te va a facilitar las cosas bastante, especialmente si estás comenzando. Hay que decir que ciertas partes no están traducidas, sobre todo las novedades. Por norma general lo comprenderás bastante bien, salvo en alguna parte, que puede resultar confusa por el hecho de que se ve que han metido la traducción a calzador.como configurar Avada

Lo primero que tienes que hacer es irte a tu carpetita de instalación en tu PC (la que te descargaste de Themeforest) y busca la carpetita Languages. Ahí hallarás 2 subcarpetas, Avada y Fusión-core.como configurar Avada

En la carpeta Avada están las traducciones generales y en la carpetita Fusión-core están las traducciones del maquetador y los shortcodes que incorpora. Para el idioma de España escoge en las dos carpetas los 2 ficheros que acaban en es_ES.

Hay 2 formas de poder instalarlo.como configurar Avada

Si no cambias nada como configurar Avada

Si no cambias nada en las traducciones puedes subir de manera directa los ficheros de traducción de la carpeta Avada a tu servidor, en la carpeta /wp-content/themes/Avada/languages/.

En lo que se refiere a los ficheros de Fusión Core, debes subirlos a /wp-content/plugins/fusion-core/languages/.

¿Precisas personalizar las traducciones?

Si has adaptado o bien alterado de alguna forma las traducciones, debes subirlo a otra carpetita diferente, que va a ser /wp-content/languages/themes/ (o sea, fuera de la propia carpetita del tema) y renombrar los ficheros de la próxima manera:

Avada-es_ES.mo

Avada-es_ES.po

Avada-fusión-core-es_ES.mo

Avada-fusión-core-es_ES.po

como configurar Avada

¿Por qué razón se hace esto?. Muy simple, si alteras las traducciones y después actualizas Avada, se podrían machacar los ficheros que has cambiado y regresar a quedarte con la traducción original. De esta forma vas a poder hacer todos y cada uno de los cambios que desees y actualizar Avada sin sustos.

Incluso de esta manera siempre y en todo momento podrías regresar a subir los ficheros que has alterado, mas de este modo evitas estar pendiente de este detalle.

Una vez los hayas subido, Avada va a reconocer el idioma sin inconvenientes y habrías de estar viendo todo el tema en castellano, salvo las partes que incluso no están traducidas.

¿De qué forma marcha Avada?

Lo primero que debes comprender de Avada es su funcionamiento y configuración. Es formidablemente flexible y prácticamente no existe nada que no sea configurable.

Afirmemos que hay tres niveles de configuración.

Las opciones del tema, que afectan a todo el funcionamiento normalmente.
Las opciones de cada página o bien blog que le afectan únicamente
Las opciones de Fusión builder, que dejan la construcción y diseño de cada página o bien blog .
En resumen significa que:como configurar Avada

Puedes crear una configuración general en la que todo el tema se comportará de una forma específica que vas a acotar.como configurar Avada

Quizás existan páginas o bien blog que se comporten de una manera diferente al comportamiento general y Avada te deja ajustarlo sin afectar a toda la página web.

Como Configurar Avada

Para finalizar puedes ajustar Fusión Builder a nivel general en su apartado pertinente del panel control, y asimismo en todos y cada página de una forma independiente.

Opciones del tema (tema options)

El aspecto de la pantalla de opciones de Avada es este. Para acceder debes ir a tu menú de administración Avada-Opciones del tema.

avada panel de opciones web

Toda vez que hagas una modificación debes guardar los cambios. Para eso tienes un botón en la parte superior y también inferior de cada menú  “Guardar todos  los cambios”.como configurar Avada

Pestaña general

Diseño Responsive: Esto no hay duda que ha de estar marcado. Le señala al tema que debe amoldarse a toda clase de dispositivos móviles, tablets, etcétera

Activa Script to top sobre móviles: ¿Sabes esa flechita que aparece en prácticamente todas las webs en la parte inferior y que nos ayuda a subir a toda velocidad?. Puesto que esto le afirma que active o bien desactive la flecha en los móviles.como configurar Avada

Use Fixed Layout for Ipad: Esta alternativa desaparece en la próxima versión de Avada y de ahí que ya no me paro en ella. Hacía referencia al formato de plantilla en los Ipad.como configurar Avada

Código de seguimiento: Aquí debes incluir tu código de Analytics y otros que puedas emplear para funcionalidades externas que precises incorporar.

Espacio  antes del Head: Si una aplicación que quieres incorporar te pide que introduzcas en tu página web un código concreto en el Head, es acá donde debes incluirlo.como configurar Avada

Espacio  antes del Body: lo mismo que lo precedente, mas si debe incluirse en el body.como configurar Avada

Ancho sitio web

Bien, esta es una parte fundamental en la que debes pararte a meditar en tus necesidades.

Como Configurar Avada

Formato: Hay 2 opciones. Ancho ampliado (wide) o bien en formato caja (boxed)

Ancho del lugar web: Puedes señalar el ancho que va a tener la página web en pixeles hasta mil ciento setenta px o en porcentaje cien por ciento .

¿De qué forma escoger uno o bien otro?

Como consejo te afirmaría que si utilizas boxed establezcas el ancho en pixeles, y si empleas el wide, lo establezcas en por ciento .

Existen multitud de monitores con diferentes resoluciones. Cuadrados, widescreen, etcétera Hay que intentar amoldar la página web a fin de que se vea lo mejor posible en todos . No es exactamente lo mismo para el que tiene un monitor de diecinueve pulgadas que para uno de veintiseis. Y naturalmente no es exactamente lo mismo para un móvil que para una tableta.como configurar Avada

Cuando un dispositivo móvil o bien tableta, siendo adaptable, la página web se amoldará a la resolución del dispositivo encogiendo y encajando las piezas de tal modo que se vea de una manera cómoda.como configurar Avada

En los monitores el navegador estira la página web al ancho del monitor. Cuando creas el diseño lo haces sobre tu monitor de referencia y dejarás todo realmente bien encajado, mas cuando lo veas en otro se pueden desajustar y no se amoldan a lo que tu habías pensado en lo más mínimo. 

De ahí que la elección del ancho es esencial en el momento de establecer el diseño web y juegan un papel esencial en la velocidad de carga de la página web.

Debes estimar que género de web diseñarás y el contenido  a emplear. Si hay mucho contenido gráfico y multimedia o  más bien es texto… Asimismo es cuestión de gustos… a mi me agradan más las wide, no siempre y en toda circunstancia puedo utilizarlas… Lo esencial es que te sientas cómodo.

En modo boxed la carga de imágenes y elementos para un monitor siempre  es igual, pues se ajusta siempre  al mismo tamaño.

En el formato wide, se estiran y/o recortan automáticamente por el navegador para amoldarse al diseño establecido. Esto genera un trabajo extra al server que contribuye a que la página web tarde un tanto más en cargar.

Si empleas el modo caja, lo vas a tener bastante simple. En los grandes monitores solo se estira  una parte del fondo que esta fuera de la caja del contenido respetando el ancho de mil ciento setenta px para el interior, por ende la página web siempre y en todo momento  va a ver bien y respetará tu diseño. En los móviles y tablets, no afecta, pues se amoldarán al contenido.

Si utilizas el modo ampliado, todo se estira y encoje dependiendo de la resolución y por ende tienes que tomar en consideración ese factor cuando hagas el diseño de los elementos de la página web. Si un monitor es muy grande, se puede estirar e inclusive desfigurar ciertas imágenes.como configurar Avada

Lo cierto es que es un quebradero de cabeza,  por el contrario tienes mayores posibilidades en el aprovechamiento de la pantalla. Afirmemos que en el formato wide todo debe ir muy medido desde el principio.como configurar Avada

Si ya tienes conocimientos avanzados, vas a saber  lo que precisas, si no es de esta forma, creo que la opción mejor es el formato Boxed. ¡Tu decides!

Ajuste del contenido y los sidebars

Ancho del contenido: ochenta por ciento como configurar Avada

Ancho de la barra lateral: veinte por ciento como configurar Avada

Si tienes pensado usar Sidebars, Avada te deja ajustar el ancho del contenido web y del sidebar como mejor te venga de tal forma que se ajuste a tus necesidades concretas. Lo mismo ocurre si utilizas dos sidebars, pudiendo ajustar el ancho de cada elemento a tu conveniencia.como configurar Avada

Cabecera (Header)

Como Configurar Avada

Opciones como configurar Avada

Avada trae predefinidos hasta cinco géneros de cabeceras que por su parte pueden ser configurables.

Como Configurar Avada

Situación de la cabecera: Puedes decidir si deseas poner la cabecera en la parte superior o ponerlo a la derecha o bien a la izquierda.

Elige un diseño de cabecera: Escoge la que más te guste o bien se adapte a tus necesidades.

Sombra de la cabecera: Le agrega un bonito efecto de sombra bajo la cabecera.

Cabecera al cien por ciento de ancho: Te deja ajustar la cabecera a todo el ancho de pantalla o al mismo ancho que el contenido.

Situación de la Presentación (slider): Si empleas slider en tu página web, puedes decidir si deseas que la cabecera aparezca debajo o bien sobre el slider.

Contenido 1 y dos de la cabecera: Puedes decidir que elementos deseas que aparezcan en todos y cada una parte de la cabecera (izquierda y derecha). Avada te ofrece la posibilidad de incorporar información de contacto, iconos sociales, un menú concreto o dejarlo vacío.como configurar Avada

Teléfono y correo electrónico de información de contacto: A fin de que agregues esos datos a la cabecera.

Imagen de fondo de la cabecera

Puedes incorporar una imagen o bien un color de fondo a la cabecera. Aquí puedes subir la imagen que desees y incorporar diferentes efectos, como por servirnos de un ejemplo Parallax.como configurar Avada

Asimismo puedes ajustar con el padding al pixel como poner esa imagen de fondo. Para eso puedes ajustar la situación desde arriba (top) abajo (bottom), izquierda y derecha.como configurar Avada

Iconos sociales en el encabezado como configurar Avada

Con estas opciones puedes ajustar la apariencia que van a tener los iconos en la cabecera, incluido el color, aspecto y tamaño.

Cabecera fija (Sticky Header)

Esto se refiere a la posibilidad de que cuando hacemos scroll cara abajo el menú se sostenga a la vista. Es en especial útil cuando tenemos una página larga.

Esta alternativa nos deja activar o bien desactivar la cabecera fija en los diferentes dispositivos, bien sea en monitores, tablets o bien teléfonos y asimismo hacer una distinción en las cabeceras cuatro y cinco, que tienen ciertas peculiaridades respecto a las tres primeras. ¡Supongo que ya te habrás dado cuenta de ese detalle!.

Asimismo nos deja ajustar la separación entre los items del menú y ajustar el tamaño de la fuente.

Logotipo

Como Configurar Avada

Logotipo por defecto (Default Logotipo)

Avada es muy flexible y ofrece multitud de posibilidades para ajustar la imagen de nuestro logotipo.

No existen limitaciones en lo que se refiere al tamaño, más allá del los pies en el suelo y estético. Sencillamente debemos decirle a Avada que usar.

Logotipo por defecto: subes el logotipo con el tamaño conveniente para verse en un monitor normal. Supondremos que mide 300px de ancho por cincuenta de alto.

Logotipo retina: Para los dispositivos que ofrecen una alta resolución debemos subir el logotipo con el doble de resolución, o sea 600×100. ¡Así el logotipo “brillará” como un príncipe!

Default logotipo Width: Señalamos el ancho del logotipo por defecto. Recuerda trescientos px

Default logotipo Height: Señalamos la altura del logotipo por defecto. Recuerda cincuenta px

En la traducción al de España aparece como Habilitar la altura suave. A esto me refiero yo con “hacer la traducción con calzador”. Estas cosas pueden distraer, mas bueno…

Logotipo para la cabecera fija (Sticky Header Logotipo)

Exactamente los mismos pasos mas esta vez para la cabecera fija.

Logotipo para móviles (Móvil logotipo)

Lo mismo mas para las cabeceras de los móviles. En un caso así, te invito a que hagas el logotipo más pequeño. Por servirnos de un ejemplo 150×25 px para la resolución normal y 300×50 px para la opción retina.

Configuración del logotipo (Logotipo Settings)

Puedes apuntar la alineación del logotipo, si la quieres a la izquierda, derecha o bien centro y establecer los márgenes para poner el logotipo precisamente donde desees.como configurar Avada

Opciones del favicon como configurar Avada

Aquí puedes subir el fichero favicon con las medidas convenientes conforme el género de dispositivos, que como vas a poder observar, son bastantes. Avada te señala en las explicaciones de la derecha, cuales son las medidas para cada uno de ellos de ellos.

Menu como configurar Avada

Avada deja agregar hasta cuatro espacios independientes para incluir un menú.

El menú primordial, superior, el desplegable (stiky header) y para las páginas cuatrocientos cuatro. Imagina las inmensas posibilidades que nos da esta posibilidad.

Como Configurar Avada

Configurando las opciones del menú

opciones de menus

Side Header Menu Text Align: Señala si deseas que el menú aparezca cara la izquierda, derecha o bien al centro.como configurar Avada

Alto del menú principal: Puedes establecer la altura del menú que más se ajuste a tus necesidades.como configurar Avada

Tamaño de la barra destacada del menú principal: Cuando hay un factor activo o bien pasamos con el ratón sobre los elementos del menú aparece una pequeña barra que lo apunta. Aquí puedes supervisar el tamaño de esa barra.

Relleno de la opción del menú: Deja ajustar el espacio entre los items del menú. Esto es realmente útil cuando tenemos muchos elementos o bien poseen textos largos. Así podemos ajustarlos a fin de que quepa todo en exactamente el mismo eje, si fuera preciso.como configurar Avada

Ancho del Menú primordial desplegable: Si tienes items desplegables puedes supervisar el ancho.como configurar Avada

Menú primordial desplegable Tamaño de fuente: Controla el tamaño de la letra para el menú desplegable.como configurar Avada

Menú primordial desplegable Tamaño de fuente: Actívala si deseas que en los móviles aparezca la senda de navegación.como configurar Avada

Ancho del menú desplegable superior: Si tienes barra superior y un menú activado, puedes señalar el ancho del desplegable (si lo hay).

Mega Menu Max-Width: Avada incorpora una alternativa básica para emplear imágenes en el menú. A esto se le llama Mega Menú y esta alternativa deja supervisar el ancho máximo.como configurar Avada

Mega Menu tamaño del título de la columna: Controla el tamaño del título de cada columna del Mega menu.como configurar Avada

Área del Widget “Mega Menu”: Si lo marcas desactivas la opción del Mega Menu. Si no vas a usar la opción Mega Menu, te invito a que lo actives.

Dropdown Menu Indicator: Agrega una pequeña flcha señalando que ese item del menú contiene un submenú.como configurar Avada

Display Search Icon in Main Nav: Te agrega una icono con una barra de busca en el menú primordial.como configurar Avada

Habilitar borde del círculo en los iconos del menú: Al usar Woocommerce aparece un icono de carro en el menú primordial. Si marcas esta alternativa va a quedar destacado con un circulo el icono del carro y el de la busca.

Opciones para el menú en móviles (Mobile menu options)

Estilo de diseño del menú móvil: Te deja seleccionar entre un diseño tradicional o bien moderno para el menú móvil. Te invito a el Moderno.

Relleno de la opción del menú móvil: Controla la separación entre los items del menú.como configurar Avada

Mobile Menu Text Align: Alinea el texto del menú a la izquierda, derecha o bien centro.como configurar Avada

Mobile Menu Icons Top Margin: Controla el margen superior de los iconos sociales

Mobile Menu Navigation Height: Controla la altura del menú en px

Menú deslizante para móvil: Marcar para reunir el submenú a los elementos del deslizador. Te invito a que lo dejes marcado.

Barra del título de la página

Se refiere al apartado que aparece después del menú en todas y cada una de las páginas con el título de exactamente la misma. Conforme el género de web lo activo o bien desactivo, mas como siempre y en todo momento cuestión de gustos o bien necesidades.

barra del titulo de la pagina

Opciones

Barra de título de la página: Te deja activar o bien esconder esta posibilidad. Si lo activas puedes escoger entre enseñar los breadcrumbs, el fondo de color o bien las dos cosas.como configurar Avada

Texto de la Barra de Título de la página: Te deja enseñar el título de la página o bien artículo.como configurar Avada

cien por ciento Page Title Width: Te deja activar el contenido al ancho completo si empleas el modo perfecto wide (ancho completo).

Alto de la barra del título de la página: Detalla el alto que deseas para el diseño.

Page Title Bar Mobile Height: Lo mismo para la versión móvil.

Alineación del texto de la barra de título: Puedes alinear el texto a la izquierda, centro o bien derecha.como configurar Avada

Fondo de barra de título de la página: Si en lugar de emplear un color de fondo, prefieres emplear una imagen puedes cargarla acá.

Imagen de fondo al cien por ciento : Puedes estirar la imagen al ancho completo del navegador si trabajas en el modo perfecto ancho completo.

Imagen de fondo Parallax: Activa el efecto parallax a la imagen de fondo.

Animación de desvanecimiento: Si activas este efecto, el título de la página se desvanece con un fade conforme va desapareciendo.

Opciones de senda de navegación (Breadcrumbs)

Los breadcrumbs son las sendas de navegación que le señalan a nuestros visitantes donde se hallan. Es realmente útil tratándose de una web con mucho contenido y secciones. Aquí puedes configurar como aparecen en la barra del título.

Breadcrumbs/Search Box: Escoge si prefieres que aparezcan los breadcrumbs o una barra de busca.como configurar Avada

Senda de navegación sobre dispositivos móviles: Actívalo si deseas que aparezcan en los dispositivos móviles.como configurar Avada

Senda de navegación Prefijo Menú: Puedes poner un prefijo indicativo a los Breadcrumbs.como configurar Avada

Breadcrumb Menu Separator: Asimismo agregar una barra de separación o bien cualquier otro símbolo entre los elementos de la senda de navegación.

Espectáculo Custom Blog post Type Archives on Breadcrumbs: Si creas blog post adaptados, puedes apuntar si deseas que aparezcan en la senda de navegación.como configurar Avada

Espectáculo Artículo Categories on Breadcrumbs: Lo mismo con las categorías.

Sliding Bar (Barra deslizante)

Avada tiene la posibilidad añadir una barra deslizante que se halla en la parte superior de la cabecera. Se puede emplear desde 1 hasta seis columnas a través de widgets. Se expande y se colapsa si le das al icono que aparece arriba a la derecha con un +/-.

Es interesante para agregar información y contenido que siempre y en todo momento haya de estar presente, por servirnos de un ejemplo un formulario de contacto o bien un login.como configurar Avada

Habilitar barra deslizante: Marcar para activarlo en los monitores.

Deshabilitar barra deslizante En Móvil: Márcalo para desactivarlo en los móviles.

Habilitar borde superior sobre la barra deslizante: Marcalo para activar un borde, que asista a identificar mejor el sliding bar.

Barra deslizante abierta cuando se carga la página: Si lo activas, el sliding bar aparecerá abierto por defecto cuando se carga la página.

Número de columnas para el sliding bar: Puedes seleccionar desde dos hasta seis columnas y activarlos en el área de Widgets de WordPress.

Pie de página (Footer)

Generales

Con Avada es super fácil supervisar y configurar el footer de tu web. Puedes activarlo o bien desactivarlo si no deseas emplearlo.

Asimismo se controla con widgets y puedes incorporar hasta 6 columnas, lo que te deja máxima flexibilidad. Puedes usar un color de fondo o incorporar una imagen con la que vas a poder jugar a tu gusto en el sentido de que vas a poder estirarla, centrarla o bien ponerla donde desees con el padding.

Asimismo vas a poder agregar un efecto Parallax al footer o bien crear de la misma manera que en la cabecera, un footer fijo que no desaparezca. Las opciones son afines a las precedentes asique no voy a repetirlas.

Footer copyright

Esta una parte del footer está pensada únicamente para agregar el copyright o bien algún texto o bien link que desees. Del mismo modo puedes activarlo o bien desactivarlo, supervisar el relleno y el aspecto de los iconos sociales, de la misma manera que lo hacíamos en el encabezado.

footer de pagina

Barras laterales (Sidebars)

Puedes configurar de forma global el comportamiento que va a tener cada género de página con los sidebars. Eso desea decir que vas a poder configurar diferentes sidebars para cada género de página. Por poner un ejemplo, en las páginas de portfolio, vas a poder tener uno diferente a las del web o bien las estáticas.

Imagina que no deseas que las páginas estáticas tengan sidebar… O.K., puesto que desde acá vas a poder indicárselo a Avada. La flexibilidad es total y puedes manejar la configuración global para:como configurar Avada

Entradas del Portafolio como configurar Avada

Páginas del archivo y categoría del portafolio
Entradas del Web y paginas de categoría
Productos de Woocommerce y sus páginas de categoría
BBpress/Budypress
Página de busca

barra lateral pagina avada

De manera predeterminada vas a poder indicar:como configurar Avada

Barra lateral global activa: Si deseas que se active o bien no para ese género de página la barra lateral.como configurar Avada

Barra lateral 1 activa: En caso afirmativo, le señalas que active la número 1 con el widget que desees.como configurar Avada

Barra lateral dos activa: Lo mismo que para la precedente

Situación global de la barra lateral: Si la activas y tienes 1, le señalas si la quieres a la derecha o bien izquierda de manera predeterminada.

Opciones de fondo (Backgrounds)

Solo Modo boxed

Esta posibilidad solo marcha si has escogido el ancho de página en modo Caja (Boxed). Lo que hace es introducir una imagen de fondo externa al contenido de la página web, vamos, en plan ornamental.

Puedes incorporar un fondo general para toda la página web, mas entonces en todos y cada página vas a poder poner el suyo si lo precisas.

Como es lógico puede ser una imagen de fondo o bien un color

Si escoges una imagen, las posibilidades son estirar la imagen totalmente al ancho del navegador o bien hacerla fija y que no se mueva. Asimismo puedes seleccionar patrones predeterminados de Avada.

Modo Boxed y Wide

En un caso así agregas una imagen al contenido primordial de la página web y si quieres que una página específicamente tenga el suyo, vas a poder hacerlo desde la propia página.como configurar Avada

Tipografía

Avada te deja un control absoluto sobre la tipografía y vas a poder configurar cada género de fuente a tu conveniencia. Es tan extenso, que haría falta un artículo exclusivo para esto. ¡Mas bueno!, es muy intuitivo y simple de entender… no creo que tengas inconveniente, sencillamente debes dedicarle un poco de tiempo…

Para comenzar podrías subir tus fuentes adaptadas. Para eso precisarías subir los ficheros Woff, TTF, SVG y EOT.

Como Configurar Avada

Mas asimismo puedes emplear las Estándar o bien las fuentes de Google.

fuentes de google

Como es lógico vas a poder supervisar el tamaño de la fuente, de todos los elementos de la página web. H1, h2, h3 …. cuerpo, menus, encabezados, botones, footer, widgets…en el móvil…

tipografias

Asimismo vas a poder supervisar las alturas de línea de cada fuente, el grosor, el espacio y los márgenes. ¡Vamos, que por supervisar que no quede!.

tipografias 2

En resumen, hasta acá el primer manual de Avada. Ya ves que no estamos ni en la mitad ¡ cuanto falta!, mas supongo que estás cansado/a de leer y honestamente yo de redactar.como configurar Avada

En el próximo manual de Avada voy a tratar los estilos, colores, y el restos de las opciones generales de Avada.como configurar Avada

Espero que esto te sirva de ayuda. ¡Si es de esta forma me asistirías compartiendo!

Nos vemos pronto…

Please follow and like us:

Leave a Reply

UA-59847085-1
Seo negativo peligro en la red
Como elegir tu Nicho de Mercado
Como utilizar la Api de Sistrix
Competencia palabra clave
No Preview
Metricas de Impacto en los Medios Sociales
Marketing de contenido en LinkedIn
Cómo crear un perfil optimizado en LinkedIn
Crea tu marca personal a través de las Redes Sociales
Como Configurar Avada
como crear tu negocio online
Como crear tu negocio online
Temas WordPress Responsive
Seguridad informática en WordPress
Marketing online para Pymes
Marketing online para Pymes
Cómo captar la atención para vender tu producto
Cual es el método perfecto para monetizar tu blog
Consejos para tu eCommerce

seo glosario

wordpress glosario

Creación de un Plan de Medios Sociales

Curso wordpress

Social media & sharing icons powered by UltimatelySocial
Facebook
Facebook
Google+
Google+
https://marketingwebrentable.com/como-configurar-avada">
SHARE
Pinterest
Pinterest