Salient theme - Gestionando el diseño VOLVER Mayo, 2019 Segurihost 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. 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. 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. 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. 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! 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. 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. 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. 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. 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…. 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. 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» 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. 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. ¿No quieres el maquetador? Salient proporciona un generador de shortcodes en las cajas de texto disponibles en las pestañas Visual/HTML 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. 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.