Elegant Themes Chameleon

La parte derecha de cada imagen del slider ya está ocupada

Eliges tu mejor foto, la pones en el slider de la portada y el texto queda justo encima del rostro, del producto o del detalle que querías enseñar. La imagen era buena. El problema es que se eligió sin mirar dónde cae el texto.

En Chameleon, el extracto de cada diapositiva va en una capa sobre el lado derecho del slider, así que cada imagen debe llevar su motivo principal hacia la izquierda. Componer para ese espacio cambia la forma de preparar las fotos, y conviene decidirlo antes de cargar la primera.

Chameleon es un tema de Elegant Themes con esquinas redondeadas, slider en portada y barra multimedia.

La portada de Chameleon, pieza por pieza

• Slider destacado: con «Use Pages» muestra las páginas que elijas. Sin esa opción, muestra las entradas de la categoría destacada. La imagen de cada diapositiva es la imagen destacada.
• Tipos de slider: el ajuste Slider Type cambia entre Nivo, Cycle y Roundabout.
• Barra multimedia: su categoría se define en la pestaña Homepage. Cada entrada lleva un campo personalizado Thumbnail y, si es un video, otro llamado et_videolink con la URL.
• Tres bloques bajo el slider: salen de las páginas asignadas en Service Page 1, 2 y 3. La etiqueta «more» decide hasta dónde se lee cada una.

Probar colores sobre la web antes de fijarlos

La opción Show Control Panel añade una caja de ajustes en el lado izquierdo del sitio para probar combinaciones de color sobre las páginas reales. Cuando una te convence, copias esos valores en ePanel, el panel de opciones del tema, y apagas la caja.

• Fondo: color con selector, textura predefinida o imagen propia.
• Tipografía: Header Font y Body Font se cambian por separado.
• Publicidad: banners gestionados desde las opciones del tema y widget ET: Advertisement para anuncios de 125x125 en la barra lateral.
• Maquetación: plantillas de página en el desplegable Templates, con su caja ET Page Templates Settings, y shortcodes que se insertan con botones en el editor de texto.
• Idiomas: archivos Mo y Po en la carpeta /lang.

Dónde pide más trabajo manual

Entre sus funciones no hay constructor visual de arrastrar y soltar. La portada se organiza con ajustes, categorías y campos personalizados, por lo que cada entrada de la barra multimedia pide algo de atención al publicarla.

El video de esa barra se inserta desde servicios como YouTube o Vimeo, y no desde un archivo subido a tu biblioteca de medios.

Las miniaturas también merecen revisión: al cambiar de tema puede que debas regenerarlas para que tomen los tamaños de Chameleon. En un sitio con muchas imágenes, incluye ese paso en el plan de migración.

Instalar Chameleon con sus datos de muestra

Puedes partir de los datos de muestra y reemplazarlos después:

1. Sube el ZIP del tema desde el escritorio de WordPress y actívalo.
2. Importa sampledata/sample.xml en Herramientas, Importar, con la casilla Import epanel settings marcada.
3. Elige la fuente del slider y su tipo en General Settings, Featured Slider.
4. Prepara las imágenes con el motivo a la izquierda y asígnalas como imagen destacada.
5. Asigna las tres páginas de servicio y su categoría multimedia en la pestaña Homepage.
6. Activa Show Control Panel, define la paleta, pásala a ePanel y apaga el panel.

Divi y Divi Builder para maquetar con constructor visual

Divi, de Elegant Themes, reúne tema y constructor visual, con plantillas globales para cabecera, pie y páginas. Si quieres conservar Chameleon y maquetar páginas sueltas con ese mismo sistema, Divi Builder es la versión en plugin que funciona con cualquier tema.

Cómo resolver lo habitual en Chameleon

¿Puedo usar páginas en el slider en lugar de entradas?

Sí. Activa «Use Pages» en los ajustes del slider y elige las páginas que quieres mostrar.

¿Cómo evito que el texto tape la imagen?

Coloca el motivo principal a la izquierda. Elegant Themes publicó ocho plantillas de Photoshop para este slider, entre ellas una que difumina la zona situada detrás del extracto.

¿La barra multimedia admite video?

Sí, con el campo et_videolink y una URL de un servicio como YouTube o Vimeo.

¿La caja de colores debe quedar activa?

No. Sirve para probar. Al terminar pasas los valores a ePanel y la desactivas.

¿Se puede traducir?

Sí. Incluye archivos Mo y Po en la carpeta /lang para traducir sus textos en inglés.