Genesis Design Palette Pro Review: un editor visual para Genesis



Uno de los puntos clave de venta de Genesis Framework para WordPress es la facilidad con la que se puede personalizar para crear un diseño personalizado. El hecho de que también haya muchos temas secundarios excelentes disponibles para el marco también ayuda a explicar su popularidad.

Sin embargo, si no es un desarrollador y no tiene las habilidades necesarias para crear su propio tema secundario de WordPress, o personalizar uno existente, ninguna cantidad de código limpio y facilidad de desarrollo lo ayudará. Afortunadamente, se ha lanzado recientemente un nuevo producto que tiene como objetivo personalizar la apariencia de los sitios web impulsados ​​por Genesis sin la necesidad de editar ningún código.

Esa herramienta es Genesis Palette Pro, un complemento para ayudarlo a diseñar la apariencia de un sitio de WordPress utilizando el marco Genesis y sus muchos temas secundarios. No solo no tendrá que editar ningún CSS, ni siquiera verá ningún CSS mientras realiza los cambios en la apariencia de su sitio.

Pero, ¿qué puede personalizar con este complemento y qué tan fácil de usar? Descubra con nuestra revisión en profundidad de Genesis Palette Pro.

Usando Genesis Palette Pro

El complemento Genesis Palette Pro (GPP) se instala como cualquier otro y una vez que haya instalado Genesis Framework y un tema secundario opcional de su elección, puede comenzar a usar su funcionalidad de edición sin código.

Después de la instalación de GPP, se agrega un elemento de menú al menú Genesis existente en la barra lateral de administración. Desde aquí puede acceder a la interfaz del editor, lo que le permite personalizar visualmente el tema secundario de Genesis actualmente activo en su sitio.

los la interfaz está muy bien diseñada y le permite obtener una vista previa de la apariencia de su sitio, al mismo tiempo que tiene acceso a las opciones de personalización. El tablero de instrumentos está muy bien organizado, aunque aquellos que usan un monitor más grande apreciarán el espacio extra de la pantalla, gracias al diseño de los controles y la vista previa.

Una característica del tablero de GPP que sobresale de inmediato es el soporte para diseños receptivos. El área de vista previa incluye tres botones para cambiar el tamaño de la ventana de vista previa del tema con el fin de demostrar cómo se verá la página en una variedad de tamaños de pantalla, como teléfonos inteligentes y tabletas. Esta es una característica muy útil para tener, ya que la mayoría de los temas infantiles modernos de Genesis son receptivos, por lo que es genial poder ver cómo se verán sus diseños en una pantalla más pequeña.

Genesis Palette Pro Responsive

Cuando se trata de qué áreas GPP puede ayudarlo a personalizar su tema, se desglosan de la siguiente manera:

  • Cuerpo general
  • Área de encabezado
  • Navegación
  • Área de contenido
  • Extras de contenido
  • Comentarios
  • Barra lateral
  • Widgets de pie de página
  • Área de pie de página

Como puede ver, los controles para el editor están bien divididos en las principales áreas frontend de un tema de WordPress.

Debajo de cada submenú del editor, tiene acceso a los controles para realizar sus personalizaciones. A medida que realice los cambios, se le dará una vista previa en vivo en el panel opuesto. Esto es excelente, ya que no es necesario guardar los cambios y actualizar la pantalla para que surtan efecto.

Genesis Palette Pro Cuerpo general

Realmente puede personalizar todos los elementos visuales de su tema, incluyendo:

  • Colores (texto, fondo, enlaces)
  • Texto (fuentes, tamaños, ponderación)
  • Relleno y márgenes
  • Logotipos (incluido soporte de retina)
  • Alineación
  • Fronteras (incluido el radio de la esquina)

Todo lo anterior se puede hacer utilizando menús desplegables, selectores de color o controles deslizantes, según corresponda. No es necesario acceder ni editar ninguno de los CSS o HTML subyacentes que definen la apariencia de su sitio. Si puede cambiar la apariencia de un documento de Word, puede usar esta herramienta de personalización de Genesis.

Panel de vista previa

Cuando se trata de vista previa de sus cambios, sus modificaciones se muestran en la misma página que los controles. Esto es muy útil ya que le permite ver instantáneamente cómo funcionan sus elecciones de diseño individuales con la apariencia general del tema. Si bien el texto de enlace verde puede sonar como una gran idea, la vista previa en vivo puede revelar que esto no funciona tan bien con el color de fondo amarillo de la entrada.

De manera predeterminada, el panel de vista previa muestra la página de inicio de su sitio, pero puede hacer clic fácilmente en los enlaces de la vista previa del sitio para ver cómo se verán las publicaciones individuales, las páginas y todas las demás áreas de su sitio, y luego comenzar a editar su apariencia. También puede ir a la sección de configuración del editor e ingresar una URL específica para obtener una vista previa.

Importa y exporta tus diseños

Otra característica valiosa de GPP es la capacidad de importar y exportar sus diseños. El uso de las características de exportación e importación de datos le permite crear un archivo JSON para realizar copias de seguridad o importar a otro sitio usando este complemento.

Esto tiene muchas aplicaciones prácticas, como crear las modificaciones de su tema en un sitio de desarrollo antes de cargarlas en su sitio en vivo, así como crear una plantilla estándar para usar en nuevos sitios web o trabajar con sitios de clientes.

Guardar la configuración

El botón "Guardar configuración" siempre está visible para que pueda guardar su configuración a medida que avanza. Al presionar este botón, se confirman los cambios y se publica su nuevo diseño, haciéndolo visible para sus visitantes.

Configuración de guardado de Genesis Palette Pro

Algunas de las opciones individuales también tienen un botón predeterminado que le permite restaurar individualmente esa configuración particular al valor predeterminado de Genesis Framework, aunque no todas las opciones tienen esta capacidad. Esto es muy útil si necesita revertir un elemento de página individual al valor predeterminado, sin sobrescribir todos sus cambios. Si necesitas restablecer todas las opciones a las predeterminadas ajustes También hay un práctico botón "Borrar configuración" que elimina todos los cambios.

Genesis Palette Pro Predeterminado

Si bien lo anterior funciona bien y garantiza que no termines haciendo cambios que no puedes deshacer fácilmente, podría mejorarse ligeramente. Sería bueno si pudiera guardar versiones o iteraciones de sus cambios de diseño a medida que avanza. Sería bueno retroceder unos pocos niveles de profundidad de sus cambios, en lugar de volver a la configuración predeterminada del marco. Aunque, como se mencionó anteriormente, puede ver algunas de las configuraciones individuales y restaurar el valor predeterminado, esto no se aplica a las fuentes, ni a la configuración de margen y margen.

Extensiones Genesis Palette Pro

El complemento GPP viene con una serie de extensiones gratuitas y premium para aprovechar aún más esta poderosa herramienta. Por el momento, las opciones disponibles incluyen:

  • Estilo de forma libre (gratis): agrega un área para agregar su propio CSS al editor

  • Exportación CSS (gratis): agrega un botón para exportar un estilo CSS sin procesar

  • Google Webfonts (gratis): agrega casi 30 de los más populares Google Webfonts a GPP

Las anteriores son algunas extensiones útiles y gratuitas para GPP y es bueno ver que se lanzan como extras opcionales para mantener la versión principal de GPP lo más liviana posible. Esperemos que se agreguen más extensiones gratuitas en el futuro.

Genesis Palette Pro Freeform CSS

Con el complemento Freeform Style, puede ingresar fácilmente su propio CSS personalizado. El complemento también incluye soporte receptivo que le permite ingresar CSS que se aplicará según la resolución de la pantalla en la que se visualiza el sitio.

Complementos de tema infantil

Dos de los temas secundarios más atractivos y quizás más populares para Genesis Framework son Metro Pro y Minimum Pro. Los usuarios de esos temas deberían estar interesados ​​en saber que hay dos complementos premium disponibles que aumentan la compatibilidad con GPP.

De forma predeterminada, GPP precarga con los valores predeterminados de Genesis Framework, en lugar del tema secundario que está actualmente activo. Pero al usar el complemento de tema secundario para el tema activo en su sitio, GPP vendrá precargado con la configuración predeterminada para ese tema. El complemento también incluye las secciones que son exclusivas de ese tema, como los tipos de publicaciones personalizadas o los diseños de página de inicio.

Hay planes en marcha para introducir más complementos específicos para temas secundarios.

Soporte y documentación

Hay que decir que la documentación en línea de Genesis Palette Pro es un poco escasa. La documentación se puede encontrar aquí y también hay un breve FAQ disponible.

Sin embargo, el complemento es muy fácil de usar y cualquiera debería poder entrar y comenzar a hacer cambios en su sitio web sin ningún problema.

Obtener los mejores resultados de este complemento se reducirá en última instancia a sus habilidades de diseño y a las combinaciones de colores, en lugar de a su comprensión de la funcionalidad real del complemento.

Cuando se trata de crear una solicitud de soporte, el GPP viene con un widget de soporte ubicado dentro del tablero del complemento. Desde aquí puede ingresar sus datos y enviar su mensaje al equipo.

Widget de soporte para Genesis Palette Pro

Hay dos niveles de soporte con acceso dependiendo de su plan de precios elegido.

Precios

Este es un complemento premium y está disponible en tres planes de precios diferentes:

  • Básico: $ 49 (1 licencia de sitio)
  • Más: $ 89 (5 licencias de sitio)
  • Deluxe: $ 199 (50 licencias de sitio)

Las opciones Plus y Deluxe incluyen soporte de correo electrónico prioritario, que la opción Básica no. La opción Deluxe también incluye acceso a los complementos Metro Pro y Minimum Pro.

Conclusión

Estaba realmente impresionado con este complemento. El diseño de los controles utilizados para realizar los cambios en el tema secundario de Genesis está muy bien pensado y es fácil de usar. Los usuarios de cualquier habilidad deberían poder usar este complemento para cambiar la apariencia de su sitio web.

Después de instalar el complemento Genesis Palette Pro, solo se agrega un elemento de menú al menú de administración de WordPress, que se encuentra adecuadamente debajo del menú Genesis existente. Es agradable ver un complemento que no intenta hacerse cargo de su área de administración con widgets de panel de control y elementos de menú de nivel superior. Realmente parece que este complemento es parte del núcleo de Genesis Framework.

La implementación de la vista previa en vivo también es excelente, ya que le permite ver los cambios que realiza inmediatamente en el panel de vista previa. Sin embargo, también sería bueno poder ver la vista previa en vivo en otra pestaña del navegador. Si bien tener los controles y la vista previa en paralelo es excelente en teoría, si está trabajando en una pantalla con una resolución modesta, probablemente se beneficiaría de tener un área de vista previa más grande. Tener un área de vista previa separada opcional también sería ideal para quienes trabajan en una configuración de monitor dual.

Para moderar las expectativas es importante cubrir brevemente lo que el complemento Genesis Palette Pro no puede hacer. No le permitirá cambiar el diseño de su tema y mover elementos como los menús y las áreas de widgets. No es una herramienta de creación de páginas. Para ese tipo de funcionalidad necesitaría el Creador de sitios web Dynamik de CobaltApps. Sin embargo, si desea alterar la apariencia de un sitio cambiando los colores, las fuentes y los márgenes y rellenos, GPP es muy recomendable.

Si alguna vez ha querido hacer pequeños ajustes a un tema secundario de Genesis, desde cambiar la fuente para un área específica como un encabezado o publicar contenido, hasta darle a su sitio una revisión visual completa, entonces no puede equivocarse con GPP. No solo no se requiere conocimiento de CSS, sino que ni siquiera verá ningún código durante el proceso de diseño. Sin embargo, los complementos de CSS gratuitos opcionales brindan esa funcionalidad a quienes la necesitan.

Si está utilizando Genesis o está pensando en adoptar este marco, esta herramienta le brinda el control adicional sobre su apariencia necesaria para que su sitio alimentado por WordPress sea realmente suyo.

Botón volver arriba