Background

Documentación Woocommerce

Salient - Gestionando el diseño

VOLVER

Opciones generales

Desde aquí configuras el aspecto y estilo general del theme, diversas funcionalidades específicas de la plantilla y los apartados para personalización de CSS, javascript y Google Analitycs.

Panel de configuración general en Salient Theme

Opciones de color destacado (accent color)

Dispone de una configuración muy básica en cuanto al color que la han resumido en un accent color (que afecta globalmente a toda la plantilla) y luego 3 colores extra que afectan a diferentes elementos como botones, iconos, etc.

Eso no quiere decir que no puedas personalizar el color de un botón con cualquier otro color. Digamos que lo preconfigura de forma automática.

Panel de configuración general en Salient Theme - Colores destacados

Boxed Layout

Esta es una opción muy básica. El diseño de la web será en modo boxed (modo caja) si lo activas y en modo wide (ancho completo) si lo desactivas. Por defecto viene desactivado…

Tipografía

Puedes especificar las fuentes por defecto para los menús y las cabeceras, encabezados (h1, h2, h3…) y en elementos específicos de Salient, por ejemplo (sliders, carrousel, sub-encabezados, algunos shortcodes y letra capital).

En todos podrás especificar la familia de la fuente, peso y estilo, tamaño, altura de linea, espacio entre letras y mayúsculas/minúsculas. Salient incorpora muchas Google Fonts.

Panel de configuración general en Salient Theme - Tipografía

Opciones de Cabecera

Esta es quizá la parte con mayores posibilidades de configuración. Parece que han tenido claro este punto, otorgando mayor protagonismo a la configuración que disponer de muchos diseños predefinidos.

Puedes configurar características del logo, colores de la cabecera para el menú, opacidad, background y otros elementos.

También el diseño de encabezado, con el logo a la izquierda, al centro o encima del menú. Fijar el ancho completo, desactivar la barra de búsqueda o el ajax de la misma y establecer un menú secundario.

Otra opción es la transparencia, donde puedes activarla o desactivarla así como establecer logos de forma automática en caso de que el encabezado sea claro u oscuro de forma predeterminada.

Los efectos de animación (muy presentes en todo toda la plantilla) para la cabecera

La barra lateral oculta (Canvas Navigation) podrás configurarla para que aparezca activada o desactivada por defecto y añadir unas cuantas opciones y efectos, como por ejemplo botones, estilos, iconos sociales o desactivarla en los móviles.

Panel de configuración general en Salient Theme - Logo & Header

Transiciones de página

Las transiciones y efectos de página forman parte del «ADN» de Salient y juegan un papel importante en las posibilidades de diseño que ofrece. Gracias a ellas se logran cambios entre páginas más suaves.

Eso sí, es una fuente de posibles problemas en cuanto empieces a instalar plugins que hagan uso de Javascript. ¡Tenlo en cuenta!

Panel de configuración general en Salient Theme - Footer

Configuración del Call to action

Desde la configuración general, Salient permite configurar el aspecto por defecto que tendrán las llamadas a la acción, incluidos los textos.

Características como el color, textos generales y del botón, url, etc son configurables. Eso no quiere decir que no sea posible crear call to actions a medida, pero habrán pensado que puedes ahorrar tiempo si ya van predefinidas.

Panel de configuración general en Salient Theme - Call to action

Comportamiento del Portfolio

Configura las opciones principales, presentación y funcionalidades propias, tanto en el portfolio individual como la presentación.
Dispones de un estilo general donde configuras el número de columnas y la presentación.

En el estilo definimos el comportamiento de las imágenes, links y textos. También puedes definir si deseas un estilo clásico o por ejemplo un estilo «grid» o «masonry».
También puedes establecer la posibilidad de filtrar por categorías y los efectos al cargarse los items.

En cuanto a la funcionalidad puedes definir un slug personalizado, si debe haber paginación o si se cargan más items.
También añadir botones para compartir en las redes sociales, cuales y la inclusión o no de diferentes metadatos.

Panel de configuración general en Salient Theme - Portfolio

Configuración del Blog

Utilizan el mismo sistema que en el portfolio.

Permite generar un estilo predefinido al aspecto del blog y establece como se cargarán los posts, encabezados de las páginas de archivo y dentro del estilo Masonry se establecen variantes que afinan más si cabe el propio estilo del blog.

Las funcionalidades son las típicas de activar o desactivar información del autor, botones de compartir, etiquetas, tipo de paginación, etc.

Panel de configuración general en Salient Theme - Blog

Configuración de la página de contacto

Como suele ocurrir con los themes multiporpose y ya casi con todos en general, Salient incorpora una plantilla predefinida para la página de contacto.

Desde aquí, básicamente podrás configurar el aspecto y funcionalidades de Google Maps en esta página.

Panel de configuración general en Salient Theme - Página de contacto

Configuración del Home Slider

Esta sección permite configurar a nivel general el comportamiento del Home Slider en las páginas. Lo típico, velocidad, animación, altura, color de fondo, autoplay….

Panel de configuración general en Salient Theme - Home slider

Social Media

Añade desde aquí las url de tus redes sociales que podrás visualizar según la configuración que definas, en el footer, banner secundario, etc.

Panel de configuración general en Salient Theme - Social media

Demo Importer

Realiza la importación de cualquiera de sus Demos.

Es posible importar más de 25 demos y recuerda que en cuanto a las imágenes, solo incluye las suyas propias del theme.

Por lo demás incluye todos los post, páginas y portfolios de cada demo. El proceso es simple… hacer click en «Import Demo»

Panel de configuración general en Salient Theme - importar Demos

Visual Composer o WPBaker en Salient

Básicamente es el maquetador de las páginas de tu sitio web, que incorpora una gran variedad de herramientas como íconos, textos, imágenes, videos, carruseles, deslizadores, contadores, separadores, elementos de blog, portfolio, productos, entre muchas otras cosas.

Visual composer en Salient Theme

Shortcodes de Salient

Incorpora una buena cantidad de códigos cortos muy funcionales haciendo apenas uso de los que incorpora el propio Visual Composer.

Incluyen varios shortcodes propios y los generadores de columnas, que forman parte de la propia estructura de Visual Composer.

Como comentabamos anteriormente, puedes encontrar de todo, además de Nectar Slider, Portfolio, Proyectos y post recientes, texto con iconos, divisor, comparación de imagenes, videos, google maps, team member, carrusel, botones sociales, tablas de precios, fancy box, testimonios, pestañas y algunos más…

Añade la potencia de diseño que ofrece Visual Composer, lo que te permitirá crear casi cualquier estructura que necesites.

Shortcodes de Salient Theme en Visual Composer

¿No quieres el maquetador? Salient proporciona un generador de shortcodes en las cajas de texto disponibles en las pestañas Visual/HTML

Shortcodes independientes en Salient Theme

 

Configuración de las páginas

Las páginas estáticas incluyen algunas plantillas para personalizar el uso según sea el caso. Si no sabes darle uso, mantén la que viene por defecto.

Plantillas en la configuración de página de Salient Theme

Las páginas estáticas, blog y portfolio ofrecen personalización adicional limitada (pero suficientes), especialmente en el área de la cabecera.

El Blog y Portfolio añaden alguna configuración más en cuanto a sus propias funcionalidades. Nos referimos a la personalización de cada página independiente.

Dentro del mismo editor cuando creas o modificas una página, más abajo encontrarás parámetros para definir foto de cabecera, título, entre otras cosas que te pueden ser de utilidad para mejorar el aspecto de cada página de tu sitio.

Opciones adicionales en la configuración de página de Salient Theme