Cuadrícula esencial: una descripción y una revisión detalladas

ThemePunch fabrica algunos de los complementos más populares para WordPress. Essential Grid es uno de los que más ganan en su biblioteca, junto con Slider Revolution . Con el tiempo, Essential Grid se ha convertido en uno de los complementos más buscados y exitosos en CodeCanyon. Así que queríamos resaltar el complemento y dejar que ustedes decidan si es algo que podría mejorar sus sitios.

Cuadrícula esencial

Los complementos de cuadrícula no son infrecuentes. De hecho, nuestro propio constructor Divi tiene un módulo de Portafolio que sirve para este propósito. Pero Essential Grid va mucho más allá de lo que han hecho la mayoría de los otros complementos de cuadrícula, por lo que incluso después de que muchos temas incluyen sus propias plantillas de cuadrícula personalizadas, la gente sigue comprando licencias de EG todos los días.

Simplemente usando la propaganda de ventas original le dirá lo que puede hacer con EG:

Essential Grid Gallery es un complemento premium para WordPress que le permite mostrar varios formatos de contenido en una cuadrícula de galería altamente personalizable. Las posibles aplicaciones van desde carteras, blogs, galerías, tiendas WooCommerce, tablas de precios, servicios, controles deslizantes de productos, Instagram, YouTube, testimonios y cualquier otra cosa que puedas imaginar.

Pero lo que su propaganda no te dice es en qué consiste toda esa personalización. Ese es nuestro trabajo y tenemos la intención de hacerlo. Así que profundicemos y veamos de qué se trata todo este alboroto.

Empezando

En primer lugar, recuerde que este es un complemento premium. Deberá dirigirse a CodeCanyon y obtener la descarga por $ 27 USD. Luego, realice el proceso de instalación manual ( Complementos - Agregar nuevo - Cargar ). En este punto, tendrá 3 elementos nuevos en su panel de administración de WordPress: Ess. Grid , Punch Fonts y Ess. Publicaciones de ejemplo de cuadrícula . Para empezar, veamos el sencillo Ess. Cuadrícula .

El primer elemento del menú es donde ingresa su código de activación, busca actualizaciones, registros de cambios, ese tipo de cosas. Dan algunas instrucciones simples sobre cómo usar el complemento que se reducen a: usar un código corto o arrastrar el widget a una barra lateral.

Esta página también será el lugar donde podrá crear las nuevas cuadrículas que desee utilizar, así que acostúmbrese a hacer clic en ese botón.

Editor de aspectos de elementos

En Item Skin Editor , tiene todas las plantillas básicas con las que viene Essential Grid. Puede editarlos piel por piel, cambiando lo que quiera al respecto. O usándolo como está. Incluso puedes crear el tuyo propio desde cero.

Aquí, EG le ofrece la opción de ordenar a través de la pestaña para diferentes tipos de elementos de la cuadrícula. (Espaciado uniforme, diseño de mampostería, publicaciones o cuadrículas de productos de WooCommerce). Al pasar el cursor sobre cada uno, animará y mostrará títulos, extractos, superposiciones de colores, etc. que puede personalizar haciendo clic en el ícono de engranaje verde .

Dentro de este panel de opciones, se pueden editar todos los elementos. Desde el espacio entre los elementos, los iconos que aparecen, el estilo y la duración de la animación, los enlaces, las sombras, los tipos de medios y el ajuste, todo.

Me gustaría llamar su atención sobre el hecho de que Essential Grid tiene las clases CSS a la vista para que pueda manipularlas como desee. Si por alguna razón no puede encontrar la opción de diseño perfecta dentro de las opciones aquí, puede agregarla usted mismo a través de CSS personalizado.

En la parte inferior de la página, obtiene una vista panorámica de cada capa a la que tiene acceso y cómo está diseñada actualmente.

Configuración de búsqueda y metadatos

El editor de máscaras es probablemente la parte individual más robusta de Essential Grid, pero EG no elude esas opciones en otros lugares. Puede crear cuadros de meta personalizados en Manejo de metadatos que le da la opción de colocar cuadros para la funcionalidad personalizada que puede necesitar fuera del complemento.

Puede hacer prácticamente lo mismo en Configuración de búsqueda , pero para búsquedas (lo adivinó). EG también funciona como una página de resultados de búsqueda, por lo que si no está satisfecho con la forma en que se ven sus archivos normales y ese aspecto, esta es una excelente manera de solucionarlos rápidamente.

Configuración global

Tal como suenan, la configuración global cubre todas sus bases. Puede establecer permisos para quién puede cambiar y editar cuadrículas, cómo se cargan las fuentes y JavaScript, qué hace para el almacenamiento en caché, de dónde obtiene los iconos, establecer una imagen predeterminada para los elementos de la cuadrícula, etc. Si se aplica a todo el complemento en lugar de a un solo elemento, como solo máscaras, podrá encontrarlo aquí. La parte impresionante es el control que obtiene: muchos complementos no le brindan la opción de elegir el tipo de consulta que usa, pero EG le permite elegir si get_posts () o WP_Query () funciona mejor para su sitio (y si no No sé lo que eso significa, déjelo por defecto. Está bien como está.

Importación y exportación

Cuando configure el complemento por primera vez, definitivamente debería consultar la página Importar / Exportar . Si hace clic en Importar datos de demostración completos e Importar cuadrículas de demostración de redes sociales , tendrá una gran variedad de plantillas iniciales con las que puede comenzar. También son buenos, así que simplemente haga clic en el botón y la importación / descarga es casi instantánea.

Las cuadrículas importadas aparecerán en la parte inferior de la lista cuando vuelva a Ess. Cuadrícula . Su nueva biblioteca de cuadrículas se encontrará con usted allí.

Ess. Publicaciones de ejemplo de cuadrícula

La segunda de las nuevas opciones del menú de administración es Ess. Publicaciones de ejemplo de cuadrícula . Es una elección extraña para un título de menú, ya que aquí es donde probablemente vivirán los elementos de la cuadrícula con plantilla. Verá, todas esas publicaciones que se enumeran en esta página son en realidad el contenido de los cuadros incluidos dentro de las cuadrículas debajo del Ess. Descripción general de la cuadrícula .

Cuando usa los códigos cortos que obtiene de la página de descripción general en cualquier publicación o página en la que desee mostrar la cuadrícula, estos son los elementos individuales que aparecen.

Crear una publicación para una nueva cuadrícula también es fácil. Funciona igual que agregar una nueva publicación de cualquier otro tipo. Simplemente presione el botón Agregar nuevo debajo de este encabezado y configure sus parámetros.

Uso de una cuadrícula esencial guardada

Tanto si utiliza las plantillas como si crea las suyas propias, necesita saber cómo utilizarlas. Todo gira en torno a códigos cortos con Essential Grid. Si tiene una cuadrícula específica que desea usar una y otra vez, deberá hacer clic en Crear nueva cuadrícula Ess debajo de Ess. La página de descripción general de Grid en su panel de administración. En el interior, elige todo, desde cómo puede ordenar los elementos en la cuadrícula, qué animación de carga tiene, de dónde provienen realmente sus elementos y puede nombrarlo.

Cuando lo nombra, también puede elegir su alias de código abreviado. Ese alias solo se usa para llamar a esta cuadrícula en particular usando el código corto de Essential Grid. También elegí usar la misma ID para la ID de CSS por si en el futuro quería hacer ajustes externos.

Simplemente coloque el código corto en una publicación o en el editor de texto de una página, a continuación.

¡Y voilá!

Uso de una cuadrícula esencial única en su tipo

Si sabe que solo necesita mostrar algo en una página o en una publicación, es posible que no haya ninguna razón para tomarse la molestia de configurar una cuadrícula completamente nueva, hacer nuevas publicaciones para su contenido como plantillas y crear alias y todo ese. En su lugar, puede simplemente generar un código corto dinámico desde el propio editor de publicaciones. Simplemente presione el botón Essential Grid Shortcode Creator en la barra de herramientas.

Luego, deberá seguir los pasos para decirle a este código corto qué contenido desea que represente. Puede elegir uno de los predefinidos en el menú de descripción general (sin tener que copiar / pegar su código abreviado manualmente), o puede crear el suyo en función de las opciones presentadas.

Pasará por las páginas para elegir las mismas opciones que tiene en otros lugares (animaciones, diseño, etc.), y cuando esté listo para comenzar, presione el botón Generar código corto .

Como puede ver, el código abreviado que se genera dinámicamente es mucho más complejo porque contiene toda la información sobre la cuadrícula en sí.

Pero cuando se renderiza, no hay diferencia. Especialmente si eligió aplicar una piel durante la creación.

Widget de cuadrícula esencial

Finalmente, tiene la opción de poner cualquier cuadrícula esencial que haya creado en un widget. Este es más fácil de configurar que cualquier otro porque es literalmente arrastrar y soltar. Vaya a Apariencia - Widgets , seleccione el widget de cuadrícula esencial y arrástrelo a donde desee que se represente. Si lo desea solo en la página de inicio, puede configurarlo o puede elegir cualquiera de sus cuadrículas prefabricadas. Sin embargo, no puede crear una cuadrícula dinámica de esta manera como podría hacerlo anteriormente. Estos deben estar pregenerados.

Sin embargo, una cosa a tener en cuenta es que no todos los diseños se ven bien en una barra lateral. Es posible que obtengas una representación muy extraña de tu contenido, pero no te asustes. Si eso sucede, simplemente cambie la configuración para que se muestre de manera diferente: en caja en lugar de pantalla completa tal vez o Incluso en lugar de Masonry, tal vez. Experimente hasta que se vea como desea. Probablemente sea una buena idea hacer una cuadrícula específica de la barra lateral para esto. (Puede duplicar el que desee y modificarlo en lugar del original).

Fuentes de perforación

Y finalmente, está la última personalización que obtienes con Essential Grid. Punch Fonts es una interfaz simple para usar Google Fonts en EG. Eso es todo.

Puede elegir qué fuentes desea instalar presionando el botón Agregar nueva fuente bien titulado. Si sigue el enlace en el modal a Google Fonts, encontrará los parámetros que necesita y el complemento introducirá la fuente en su sitio.

Y cuando dice que el apodo tp- es solo para uso interno, eso solo significa que es básicamente el mismo que el alias anterior. Verá eso cuando aplique las fuentes a las cosas. Así que nómbrelos apropiadamente.

Pensamientos finales

En general, Essential Grid es uno de los complementos de cuadrícula más robustos y potentes que existen. Si alguna vez usó Slider Revolution, entonces los diseños y capas funcionan de manera muy similar a eso, y debería sentirse como en casa. De lo contrario, puede haber una pequeña curva de aprendizaje a medida que averigua qué piezas encajan. Pero una vez que lo hagas, podrás crear algunas páginas realmente hermosas.

Si no necesita este nivel de personalización, es posible que no desee pagar el precio superior. Hay muchos otros complementos de cuadrícula que pueden satisfacer sus necesidades. Además, según el peso de las cuadrículas, la velocidad del sitio podría convertirse en un problema. Es decir, se puede personalizar la animación de carga por una razón.

Sin embargo, si es necesario y se hace correctamente, el complemento realmente brilla. Hay una razón por la que Essential Grid es el vendedor número 1 en su categoría. Y si verifica las calificaciones y los hilos de soporte, ThemePunch es rápido para responder y ayudar.

Entonces, por $ 27, probablemente valga la pena el precio de la entrada. Además, si es un diseñador de temas, puede comprar su licencia extendida e incluirla como un paquete para sus propios temas. Lo cual es muy bueno.

¿Utiliza Essential Grid? ¡Veamos algunas de tus creaciones en los comentarios!

Imagen destacada del artículo por Bloomicon / shutterstock.com