Construye un sitio de WordPress perfecto con Layers

Una de las mejores cosas del software de código abierto es que eres libre de modificarlo a tu antojo. Por eso WordPress es una gran plataforma de blogs: puedes elegir entre cientos de temas y también ampliarlo con plugins y mejorar su rendimiento con trucos útiles.

Si siempre has querido crear tu propio tema de WordPress, pero no tenías las habilidades de codificación ni el tiempo para invertir en aprender, Layers es definitivamente para ti. Es un marco de tema que se integra estrechamente con las opciones predeterminadas de WordPress, lo que permite una experiencia de personalización sin problemas. Puedes usarlo para diseñar temas de WordPress sin ningún conocimiento de codificación a través de una interfaz de arrastrar y soltar y diálogos fáciles de usar.

Instalación e integración con WordPress

Layers es gratuito y de código abierto, por lo que solo puedes descargar el .zip e instalarlo a través del diálogo de instalación de temas en tu configuración existente de WordPress. Para usar Layers, debes seleccionarlo como el tema activo de WordPress.

Una vez que esté activado, Layers será accesible desde varias partes de la interfaz de WordPress. Habrá un nuevo menú llamado “Layers” en la barra lateral principal de WordPress. Aquí puedes controlar todos los aspectos de Layers desde su propio panel de control.

Layers también se integrará con el menú de Apariencia donde puedes acceder a él haciendo clic en “Personalizar” y el menú de Páginas donde puedes agregar una nueva página como una “Plantilla de Layers.” Finalmente, al previsualizar tu sitio de WordPress, habrá una nueva opción: “Editar diseño” en la barra de herramientas.

Si solo quieres probar Layers sin instalarlo, hay una versión de demostración que funciona en el navegador pero requiere un registro (gratuito).

Editando páginas de WordPress con Layers

Layers funciona esencialmente como un tema de WordPress completamente personalizable; a diferencia de otros temas con características predefinidas, puedes ajustar cada elemento de tu sitio web agregando, eliminando y editando widgets. Si no te apetece construir páginas desde cero, puedes elegir uno de los Diseños preestablecidos. Algunas plantillas están diseñadas para propósitos específicos, como una página de portafolio, páginas de aterrizaje o una página de video. Para comenzar a trabajar con Diseños, haz clic en “Editar diseño” en la barra de herramientas principal o “Editar tu página” desde el menú de Páginas en la barra lateral de WordPress.

El Editor de Layers tiene la barra lateral principal a la izquierda donde puedes elegir qué deseas editar (Cuerpo de la página, Barra lateral móvil, Pie de página). Cada sección es un menú desplegable en el que puedes agregar y reorganizar widgets. Hacer clic en un widget abre su diálogo de opciones a la derecha para una mayor personalización.

La barra de herramientas vertical con íconos se llama Barra de diseño, y cambia dependiendo del widget que selecciones. Cada widget tiene su propio conjunto de características, y los widgets de Layers están marcados con un ícono azul para distinguirlos de los widgets predeterminados de WordPress. Hacer clic en el botón “Avanzado” en la Barra de diseño te permitirá editar CSS para ese widget. De esta manera, Layers proporciona un mayor grado de control sobre el contenido a usuarios avanzados que conocen CSS.

Por supuesto, nunca tienes que tocar el código si no quieres, incluso cuando se trata de diseño responsivo. Layers proporciona soporte para dispositivos móviles al permitirte crear un menú especial solo para móviles simplemente seleccionando y reorganizando widgets.

Editar un diseño afecta solo a la página de WordPress seleccionada. Sin embargo, Layers también puede modificar configuraciones a nivel de sitio. Para acceder a ellas, navega lejos de “Editar diseño” haciendo clic en la flecha hacia atrás en la barra lateral del Editor de Layers.

Ajustando la configuración del sitio

Desde el menú de Configuración del sitio, puedes controlar elementos como el logo y el título del sitio web, la navegación y las barras laterales, así como usar Google Fonts gracias a la integración de Layers con el servicio.

En la barra lateral del Editor de Layers, también hay opciones separadas para editar el Encabezado y el Pie de página, establecer una Página de inicio estática y agregar CSS personalizado. Las secciones de Encabezado y Pie de página contienen ambas una pestaña de “Scripts adicionales” que puedes usar para poner código personalizado en tu sitio web, como el seguimiento de Google Analytics o funciones similares basadas en Javascript.

Si planeas construir un tema con Layers, te sugiero que comiences con esos elementos generales (configuraciones a nivel de sitio) y luego trabajes en la personalización de páginas individuales y la creación de plantillas que puedes aplicar a un conjunto de páginas.

Exportar y características avanzadas

Una vez que estés satisfecho con el diseño que has creado, puedes exportarlo en varios formatos diferentes. Desde el panel de WordPress, ve al menú de Layers y selecciona Copia de seguridad para ver todas las opciones. Puedes exportar solo los diseños o hacer una copia de seguridad completa de tu contenido junto con la configuración de widgets modificados.

Con Layers, también es posible crear temas hijos y Kits de estilo, que son exportaciones más extensas que contienen todos los elementos de la interfaz del sitio web. Sin embargo, solo se pueden aplicar a una instalación de WordPress que tenga Layers. La documentación oficial explica cómo crear e importar Kits de estilo.

Otra característica útil de Layers es el soporte para WooCommerce, lo que facilita mucho la construcción de sitios web de comercio electrónico.

Conclusión

Layers es un proyecto en crecimiento, así que si sientes que faltan algunas características, es probable que se agreguen en futuras versiones. Es una forma fácil para que los principiantes de WordPress creen rápidamente un tema personalizado, y no ralentiza el sitio web. La interfaz es clara y directa con un flujo de trabajo de izquierda a derecha que te lleva desde la barra lateral a través de menús desplegables hasta los diálogos individuales de widgets. Naturalmente, Layers no es la única extensión de WordPress de este tipo, así que si por alguna razón no te gusta, puedes probar Platform o Unyson, que hemos cubierto anteriormente.

¿Has probado Layers? ¿Prefieres construir tus propios temas de WordPress, o confías en las creaciones de otros diseñadores? Cuéntanos en los comentarios.