Cree un sitio perfecto de WordPress con capas

Una de las mejores cosas del software de código abierto es que puede modificarlo al contenido de su corazón. Es por eso que WordPress es una excelente plataforma de blogs: puede elegir entre cientos de temas y también ampliarlo con complementos y mejorar su rendimiento con trucos útiles .

Si siempre ha querido crear su propio tema de WordPress, pero no tenía las habilidades de codificación ni el tiempo para invertir en el aprendizaje, Layers es definitivamente para usted. Es un marco temático que se integra estrechamente con las opciones predeterminadas de WordPress, lo que permite una experiencia de personalización perfecta. Puede 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 puede descargar el .zip e instalarlo a través del cuadro de diálogo de instalación del tema en su configuración existente de WordPress. Para usar Capas, debe seleccionarlo como el tema activo de WordPress.

Una vez activado, se podrá acceder a las capas desde varias partes de la interfaz de WordPress. Habrá un nuevo menú llamado «Capas» en la barra lateral principal de WordPress. Aquí puede controlar todos los aspectos de las capas desde su propio panel.

Las capas también se integrarán con el menú Apariencia, donde puede acceder a él haciendo clic en «Personalizar» y en el menú Páginas, donde puede agregar una nueva página como una «Plantilla de capas». Finalmente, al obtener una vista previa de su sitio de WordPress, habrá una nueva opción – «Editar diseño» – en la barra de herramientas.

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

Editar páginas de WordPress con capas

Layers esencialmente funciona como un tema de WordPress completamente personalizable; a diferencia de otros temas con características predefinidas, puede ajustar cada elemento de su sitio web agregando, eliminando y editando widgets. Si no tiene ganas de crear páginas desde cero, puede elegir uno de los diseños preestablecidos. Algunas plantillas se crean para propósitos específicos, como una página de portafolio, páginas de destino o una página de video. Para comenzar a trabajar con diseños, haga clic en «Editar diseño» en la barra de herramientas principal o «Editar su página» en el menú Páginas en la barra lateral de WordPress.

El editor de capas tiene la barra lateral principal a la izquierda donde puede elegir lo que desea editar (cuerpo de la página, barra lateral móvil, pie de página). Cada sección es un menú desplegable en el que puede agregar y reorganizar widgets. Al hacer clic en un widget, se abre su cuadro de 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 según el widget que seleccione. Cada widget tiene su propio conjunto de funciones, y los widgets de capas están marcados con un icono azul para distinguirlos de los widgets predeterminados de WordPress. Hacer clic en el botón «Avanzado» en la barra de diseño le permitirá editar CSS para ese widget. De esta manera, Layers proporciona un mayor grado de control sobre el contenido a los usuarios avanzados con conocimientos de CSS.

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

La edición de un diseño afecta solo a la página de WordPress seleccionada. Sin embargo, las capas también pueden modificar la configuración de todo el sitio. Para acceder a ellos, navegue fuera de «Editar diseño» haciendo clic en la flecha hacia atrás en la barra lateral del Editor de capas.

Ajustar la configuración del sitio

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

En la barra lateral del Editor de capas, también hay opciones independientes para editar el encabezado y el pie de página, configurar una página principal estática y agregar CSS personalizado. Las secciones de encabezado y pie de página contienen una pestaña de «Secuencias de comandos adicionales» que puede utilizar para colocar código personalizado en su sitio web, como el seguimiento de Google Analytics o funciones similares basadas en JavaScript.

Si planeas crear un tema con Capas, te sugiero que comiences con esos elementos generales (configuraciones para todo el sitio) y luego trabajes en la personalización de páginas individuales y la creación de plantillas que puedas aplicar a un conjunto de páginas.

Exportación y funciones avanzadas

Una vez que esté satisfecho con el diseño que ha creado, puede exportarlo en varios formatos diferentes. Desde el panel de WordPress, vaya al menú Capas y seleccione Copia de seguridad para ver todas las opciones. Puede exportar solo los diseños o hacer una copia de seguridad completa de su contenido junto con la configuración de widgets modificada.

Con Capas, también es posible crear temas secundarios 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 capas. La documentación oficial explica cómo crear e importar Style Kits .

Otra característica útil de Layers es la compatibilidad con WooCommerce, que facilita mucho la creación de sitios web de comercio electrónico.

Conclusión

Layers es un proyecto en crecimiento, por lo que si cree que faltan algunas funciones, es probable que se agreguen en versiones futuras. Es una forma fácil para que los principiantes de WordPress creen rápidamente un tema personalizado y no atasca el sitio web. La interfaz está ordenada y es sencilla con un flujo de trabajo de izquierda a derecha que lo lleva desde la barra lateral a través de menús desplegables hasta cuadros de diálogo de widgets individuales. Naturalmente, Layers no es la única extensión de WordPress de este tipo, por lo que si por alguna razón no le gusta, puede probar Platform o Unyson , que hemos cubierto anteriormente.

¿Has probado Layers? ¿Prefieres crear tus propios temas de WordPress o confías en las creaciones de otros diseñadores? Dinos en los comentarios.

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario