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.