Categorías
Plantillas WordPress

Astra, el tema para WordPress con el que te olvidarás de Themeforest

Hace ya unos años publiqué en este blog un completo artículo explicando cómo se podía utilizar Themeforest para comprar un tema para tu web. Sigue siendo el mercado de temas premium para WordPress más grande que existe, pero es necesario decir que en los últimos tiempos los temas premium para WordPress de mejor calidad y que han gozado de mayor repercusión entre la comunidad han sido precisamente aquellos que se han promocionado fuera de ese marketplace, trabajando su propia marca. Sí querido lector, Themeforest parece haberse quedado un poco anticuado en lo que a temas se refiere. Y aquí es donde entra Astra, el tema para WordPress más amado en 2018 y 2019 por el usuario medio.

Categorías
Plantillas WordPress

Cómo comprar un tema en Themeforest para WordPress [Guía]

Todo el mundo habla de Themeforest, de comprar temas para WordPress en él y de la gran variedad de opciones que podemos encontrar. Pero si nunca antes habéis comprado, os asaltarán miles de dudas sobre todo el proceso: ¿Cómo busco mi plantilla? ¿Qué métodos de pago ofrece? ¿Es fiable?…

A todas estas preguntas y a alguna más he intentado responder en esta larga guía de más de 2.000 palabras. Te invito a que la leas cuando tengas tiempo, ya que te ayudará a resolver todas las dudas que tengas. ¿Estás preparado? Pues vamos a ello.

Qué es Themeforest

Themeforest es el mercado por excelencia de los temas y plantillas para sitios web. Según el ranking de Alexa, se encuentra en el puesto 364 del top mundial (en el 182 del top español). Se trata del mayor mercado online en el que podemos adquirir un tema para nuestro sitio web: a día de hoy tenemos a nuestra disposición 25.213 plantillas de las cuales 7.090 son temas premium para WordPress.

Cualquier desarrollador puede vender su tema o plantilla en Themeforest, “solo” tiene que pasar una especie de examen realizado por los expertos en el que analizan agujeros de seguridad, entre otras cosas.

En cuanto a la compra, cualquier persona con tarjeta de crédito o cuenta en PayPal puede hacerse con un tema para WordPress en este lugar.

Cómo comprar temas en Themeforest

A continuación voy a desplegar un paso a paso sobre lo que tienes que hacer para encontrar y comprar un tema para WordPress en este mercadillo, sigue atento.

Entrando en la categoría y subcategorías adecuadas

Para encontrar un tema para WordPress lo primero que tienes que hacer es seleccionar dicha opción en el menú de Themeforest. Pero tenemos más formas de filtrar los miles de resultados de Themeforest y nuestro deber es hacerlo, para poder realizar una búsqueda lo más “fina” posible. El siguiente paso sería pensar para qué tipo de sitio web queremos nuestra plantilla, y meternos dentro de la subcategoría que nos corresponda:

  • Blog / Magazine, para blogs
  • BuddyPress, para webs que incorporen interacción social (redes sociales)
  • Corporate, para webs corporativas
  • Creative, para los temas más innovadores
  • Directory & Listings, para directorios y listados de empresas
  • eCommerce, para tiendas online
  • Education, para academias o cursos
  • Entertainment, pensado para videojuegos y otros
  • Layers WP, funciona con el framework Layers
  • Mobile, lo primordial es la vista en smartphone
  • Nonprofit, para webs religiosas
  • Real Estate, para inmobiliarias
  • Retail, para webs de moda
  • Technology, para webs relacionadas con la tecnología
  • Wedding, para todo lo relacionado con bodas
  • Miscellaneous, para temas diversos que no tienen cabida en otra categoría

Para acceder a ellas basta con dejar nuestro ratón encima del botón WordPress, del menú de Themeforest, y se desplegarán todas las subcategorías.

Utilizando filtros para encontrar el tema adecuado

Existen varios filtros de búsqueda de los que nos podemos servir para localizar el tema adecuado, pero los más útiles son los siguientes:

Sort by: Newest items

Es la opción por defecto. Lo que hace es ordenarnos de arriba a abajo los temas según su fecha de publicación, de los más recientes a los más antiguos. Pero tenemos estas otras opciones:

  • Trending Items: los temas más populares del momento. Esto implica un mayor número de descargas en la actualidad, y por tanto, que “están de moda”. Si lo están, será por algo… No está de más echarles un vistazo.
  • Best selleres: los temas mejor vendidos a lo largo de toda la historia de Themeforest. ¿No te parece interesante?
  • Best rated: los temas mejor valorados a lo largo de la historia de Themeforest.
  • Price: low to high o Price: high to low: ordenados según precio, de mayor a menor o de menor a mayor

Added: Any date

Opción por defecto. Nos vale para decidir si queremos plantillas recientes, de hace unos meses o de hace años. Puede serte de ayuda saber que esto existe, y tener en cuenta lo siguiente: si se trata de una plantilla muy reciente (de hoy o de hace una semana), se trata de un tema con “poca trayectoria” hasta el momento. Es preferible elegir una plantilla más antigua pero que continúe estando en forma: significa que habrá pasado más revisiones, actualizaciones, comprobaciones de errores, etc.

  • In the last year: en el último año.
  • In the last month: en el último mes.
  • In the last week: en la última semana.
  • In the last day: en el último día.

Sales: Show all

Este filtro se encuentra en la columna izquierda. Es interesante saber qué temas no han tenido ventas todavía, cuáles han tenido un volumen alto y cuáles han tenido un volumen bajo. Las opciones son las siguientes:

  • No sales: no ha tenido ninguna venta.
  • Low: volumen de ventas bajo.
  • Medium: volumen de ventas medio.
  • High: volumen de ventas alto.
  • Top Sellers: los temas más vendidos.

Haz todas las pruebas que quieras con los filtros, aplica varios de cada vez y vete focalizando tu búsqueda para que se acerque lo máximo posible a lo que tú quieres. El siguiente paso ya es la compra.

Comprando tu tema de WordPress en Themeforest

Una vez tengas muy claro la plantilla que quieres comprar y hayas hecho todas las comprobaciones pertinentes, procedemos a hacer click en Add to cart y luego a Go Checkout. Tienes un post muy completo sobre cómo elegir la plantilla correcta aquí.

 Si te estás preguntando qué son las licencias de Themeforest y cuál debes elegir, te recomiendo saltar al siguiente capítulo de esta guía para luego volver a aquí. 

Continúas todos los pasos que te solicitan, como introducir tu número de tarjeta de crédito (o PayPal), etc. Pulsa siempre sobre el botón de color verde para continuar avanzando por las pantallas de compra. Al finalizar, te encontrarás con un panel de control de este estilo:

Panel de control de Themeforest

Es aquí donde residen los archivos que acabas de comprar: tu ansiado tema. Bastará con pulsar sobre el botón verde que dice Download para descargar tu tema de WordPress y tenerlo en tu ordenador.

Como podéis ver en la imagen, el elemento más bajo no presenta ningún botón de descarga accionable. Esto se debe a que se trata de un tema que ha quedado obsoleto: sus creadores lo han retirado del mercado, y ya no es posible adquirirlo (ni el tema, ni soporte, ni actualizaciones). Se trata de un tema comprado hace 3 años que ha desaparecido del planeta.

Las licencias de los temas de Themeforest para WordPress

Existe bastante confusión en cuanto a la existencia de licencias en este mercado de plantillas. La licencia más conocida en Themeforest es la que nos aparece por defecto, la Regular License. Pero no es la única, y debemos saber las restricciones que implican para poder conocer a cuál debemos acogernos:

Regular License

Es la licencia seleccionada por defecto. Su coste oscila habitualmente entre los 50-70€ y sus restricciones son claras: únicamente puede utilizarse para 1 persona y para 1 proyecto. Este precio incluye el valor de la plantilla y una especie de tasa que se le cobra al comprador. Se pueden realizar varias copias del producto final (la web ya configurada y montada) siempre y cuando se distribuya de forma gratuita.

Licencia Regular de Themeforest

Licencia venta individual

Ver toda la información acerca de la Regular License (en inglés)

Extended License

Es la licencia menos conocida, ya que por defecto está “oculta”. Su coste se instala en las tres cifras, pudiendo oscilar entre los 1.000-3.000€. Es la licencia que tenemos que comprar los diseñadores/desarrolladores web si vamos a implementar esta plantilla en varios proyectos.

Licencia extendida de Themeforest

Ver toda la información acerca de la Extended License (en inglés)

Ninguna, repito, NINGUNA de estas licencias nos permite distribuirlas de forma gratuita ni venderlas como parte de un pack de elementos digitales. A pesar de que es una práctica bastante habitual, no está permitido hacerla (al menos con los temas adquiridos en Themeforest).

Métodos de pago de Themeforest

Cuando es la primera vez que te planteas hacer una compra por Themeforest, las dudas con respecto al pago del archivo y la recepción del mismo son las primeras en asaltarnos. ¿Podré pagar fácilmente? ¿Tengo garantías? Lo que os puedo decir es que se trata de pagos seguros, y que la descarga del tema comprado la podéis realizar rápidamente tras confirmar el pago. A continuación os muestro las tres formas de pago que tenéis a vuestra disposición en Themeforest:

Visa/Mastercard

Con tu tarjeta de crédito ya puedes realizar la compra de un tema para WordPress. Tendrás que introducir el número de tu tarjeta (el más largo, que aparece habitualmente separado en grupos de 4 cifras), la fecha de caducidad y el código de seguridad (formado por 3 cifras y que se encuentra por la cara trasera de la tarjeta). Seleccionando esta opción se te cobrarán 2$ de tasa (1,80€) a mayores. Este pago se te cargará inmediatamente a tu cuenta bancaria.

PayPal

Para pagar con PayPal tendrás que tener creada una cuenta en él (lógicamente). PayPal trabaja con Visa, Mastercard, American Express y Discover. Si quieres obtener más información sobre cómo hacerte una cuenta en PayPal puedes entrar aquí. Este pago se te cargará a los fondos de tu cuenta PayPal y, en caso de tener tu cuenta a 0, se te pasará el cobro a tu cuenta bancaria. También se te cobrará la comisión de 2$ (1,80€).

Crédito de Envato

Envato te concede la posibilidad de que conviertas tu dinero en crédito exclusivo para utilizar en sus múltiples mercados: además de Themeforest (exclusivo para temas y plantillas) también tiene Codecanyon, Graphicriver, Photodune, etc. Lo que puedes hacer es, con PayPal, pasar al crédito de Envato 100€ para luego pagar un tema de Themeforest, un banner de Graphicriver, etc. Esta es una de las opciones de pago menos utilizadas.

Yo he pagado tanto con Visa como con PayPal, y nunca he tenido ningún problema. Y os aseguro que he comprado unos cuantos temas en Themeforest (antes más que ahora).

Cupones de descuento de Themeforest

A todos nos gustan las rebajas, ofertas y descuentos, y por eso esperamos encontrar algún cupón de Themeforest pululando por la red. Créeme: NO existen los cupones de descuento en este mercadillo. Como mucho, encontrarás enlaces de afiliados de otras webs, pero seguir estos enlaces no van a producirte un descuento en tu compra. Y tras llevarte esta pequeña desilusión, pasemos al siguiente punto.

Conseguir temas gratis de Themeforest para WordPress

Ya que no es posible conseguir descuento, la mayoría intentará conseguir el tema que desea de forma gratuita. Este procedimiento entra directamente en la ilegalidad absoluta. Obviando ya esto, que todos conocemos de sobra, entra en juego la peligrosidad de los temas gratuitos o pirateados de Themeforest: te pueden salir bastante más caros de lo que crees. Estos temas son con frecuencia distribuidos por cibercriminales que han decidido infectar sus entrañas con código malicioso, provocando las horribles consecuencias que puedes imaginarte al ser instalados en tu sitio web. Conclusión: mejor pagar por algo de calidad y fiable, que hacerse con algo gratis que tire todo nuestro trabajo por tierra y nos de muchos quebraderos de cabeza.

Cómo conseguir ayuda en Themeforest para realizar una compra

¿Y si en medio de una compra tengo dudas? A pesar de que el proceso de compra es muy directo y está formado por pocos pasos, para evitar que los usuarios se escapen, es posible que te entren las dudas del último momento. ¿Es esta plantilla realmente buena? ¿Estaré haciendo lo correcto?

En la página del tema en Themeforest existen 3 pestañas: Item Details, la que se te muestra por defecto; Comments y Support. En estas 2 últimas pestañas podrás ver opiniones de los compradores del tema y los problemas que han tenido con él. Estes apartados te ayudarán a despejar alguna duda que tengas. Pero ojo: únicamente podrás participar si ya has comprado el tema.

Dudas en Themeforest

Si quieres resolver alguna duda ANTES de hacer la compra envía un e-mail directamente a sus autores. Para conseguirlo, entra en el perfil del autor del tema (haz click en su nombre).

Autor en Themeforest

En esa página encontrarás en la parte inferior derecha un formulario mediante el que puedes hacerles llegar tus dudas, directamente.

Cómo contactar con un autor en Themeforest

Lógicamente, tendrás que crear una cuenta en Themeforest con usuario y contraseña para poder hacer esto

Cómo conseguir soporte de un tema premium

La calidad del soporte de un tema premium es determinante y quien diga lo contrario miente. Por muy bueno que creas que es el tema que acabas de comprar, acabará dándote algún dolor de cabeza: compatibilidad con algún plugin presente o futuro, alguna actualización…

Es por eso que debemos de tener en cuenta que todos los canales que nos faciliten los autores para comunicarnos con ellos son de agradecer. Lo básico, es que tengan un foro de soporte en la propia página de venta del tema (la pestaña Support que os enseñaba en el anterior apartado), pero hay autores que prefieren montar una web entera de soporte específico para los temas que venden. Si es así, podrás ver el enlace en la página de venta del tema. Por ejemplo, Avada es uno de los temas de Themefusion, quienes han decidido ofrecer una web a modo FAQ.

Cómo actualizar un tema comprado en Themeforest

Tan pronto existe una actualización de un tema que habéis comprado en Themeforest, os llegará un e-mail a vuestro correo avisándoos para que os descarguéis la actualización. Nada más fácil que seguir ese enlace (que os llevará al panel de control) para luego pulsar sobre el botón Download de nuevo.

Si no llega ningún e-mail y al entrar en el panel de control ves que la versión del tema es la misma que la que ya tienes, significa que el tema NO está actualizado.

Cómo instalar un tema de Themeforest para WordPress

No se trata de un proceso automático, ni mucho menos. Tendrás que acceder con tu usuario y contraseña a Themeforest, dirigirte al panel de control y pulsar en Download en el tema que quieras instalar. Entonces te descargarás un archivo .zip que contendrá la licencia del tema, alguna nota del autor y otro .zip del tema. Para instalarlo tendrás que subir este último .zip a través del menú de WordPress Apariencia > Temas > Subir Tema. Información detallada sobre el proceso.

Conclusiones sobre Themeforest

Comprar un tema en Themeforest no es un proceso complicado una vez conoces todos los pasos que debes realizar. Se trata de una tarea que muchos diseñadores realizan varias veces a lo largo del mes, y podemos afirmar que no váis a tener ningún tipo de problema con los pagos (que es lo que más respeto suele dar). Pero hay que tener muy clara una cosa: Themeforest es un mercadillo online de temas, su punto fuerte es ofrecer gran variedad de elementos. Pero no pretendáis encontrar en Themeforest el mejor tema del mercado, porque no será así. Ahora mismo lo que abundan son los temas supervitaminados, o lo que es lo mismo: los temas con los que puedes hacer de todo. Desde una tienda online hasta un directorio o una web corporativa. Que te ofrece sliders, fondos con animaciones y mil efectos más. Esto provoca una sobrecarga de código que afectará, tarde o temprano, al rendimiento de tu web. Si quieres tener una web que cargue muy rápido y con el código justo que necesitas, es mejor que contactes con un desarrollador web.

¿Quieres comprar un tema en Themeforest?
Si quieres pulular por este mercadillo y probar a comprar uno de sus temas para WordPress, puedes hacerlo pinchando en el enlace que verás a continuación.


Es muy posible que al entrar en Themeforest te sientas abrumado por la gran cantidad de temas que ofrece, y que por lo tanto no tengas claro qué tema debes elegir ni cuál comprar. Si no vas a delegar la creación de tu web en nadie, evítate problemas optando por un tema como Astra. En este post te hablo más a fondo de él.

Categorías
Plantillas WordPress

Destripando Divi: analizando la conocida plantilla para WordPress

Divi es, sin lugar a dudas, uno de los temas premium para WordPress más populares de la blogosfera. Aunque no podemos saber el número exacto de descargas de este único tema, sí podemos conocer el número de compradores que a día de hoy están suscritos a Elegant Themes: la escalofriante cifra de 351.380 personas satisfechas. Divi es un tema para WordPress lanzado al mercado en el año 2013 y que, desde entonces, se ha ido actualizando para incluir mejoras.

Estamos hablando sobre un tema pensado expresamente para ser utilizado por el blogger o usuario intermedio, que carece de conocimientos técnicos de códigos y al que le gusta poder situar diferentes elementos en sus páginas de forma muy visual. Si te resultan cómodas las opciones de arrastrar y soltar, este theme te encantará. Si te sientes identificado con lo que acabo de decir, sin ninguna duda este tema es para ti. En este post podrás ver un análisis de la plantilla, imágenes de cómo es por dentro y cuáles son sus puntos más fuertes. Quédate y los vemos juntos.

Este post contiene enlaces de afiliado: si decides comprar Divi a través de cualquiera de los enlaces introducidos en este artículo, debes saber que yo a cambio recibiré una pequeña comisión (tú pagarás el mismo precio por el producto). ¡Gracias por tu colaboración!

Antes de nada, decir que este análisis ha sido realizado con la versión 2.7.4 del tema Divi.
La carpeta que contiene el tema Divi ocupa 23 MB. Haciendo un rápido repaso sobre algunas de las plantillas ya analizadas anteriormente en este blog, puedo hacer el siguiente recopilatorio:

  • Divi: 23 MB
  • Enfold: 43,9 MB
  • Avada: 60,8 MB
  • Twenty Sixteen: 876 KB

Podemos afirmar entonces que Divi, dentro de los conocidos como temas multipurpose, tiene un tamaño comedido. Esto es una buena noticia.

En cuanto a su precio, Divi no es una plantilla para WordPress que podamos comprar por separado. Se trata de un tema ofrecido por Elegant Themes que utiliza un sistema de compra diferente: tú pagas una suscripción anual a cambio de poder descargar cualquiera (o todos) los temas que ofrecen en su web, actualmente nada más y nada menos que 87 plantillas para WordPress. Dicho precio es de 69$ al año. Haciendo un cálculo rápido, estaríamos pagando unos 0,80$ por cada tema anualmente: una cifra muy reducida.

Cómo instalar Divi en nuestro WordPress

Instalando Divi

Para instalar este tema, al igual que con cualquier otro, basta con comprarlo y descargarlo de su página oficial y subir el archivo .zip que tendremos en nuestro ordenador a nuestro WordPress, bien a través de la sección Apariencia > Temas > Subir Tema o bien a través de un programa de subida de archivos como FileZilla. Una vez subido el archivo y activado, tendremos nuestro tema listo para empezar a configurar.

Una vez instalado y activo el tema, aparecerá en la columna izquierda de nuestro escritorio de WordPress un menú con su nombre.

Cómo configurar el tema Divi

El primer submenú del icono de Divi reza “Opciones del Tema“. Esta es la pantalla que veremos:
Pantalla de configuración de Divi

Desde aquí podremos configurar prácticamente todos los aspectos de nuestro tema. Cabe destacar la interfaz, tan cuidada, con la que trabaja Divi: incluso hacer el más mínimo cambio desde el backend, la parte de atrás, se hace una tarea agradable.

Esta pantalla aparece dividida en 7 secciones: general, navegación, diseño, anuncios, SEO, Integración y Updates.

  • General: logo, favicon, barra de navegación fija o no, activar galería o no, paleta de selección de colores, tomar la primera imagen de la entrada, modo estilo blog, diseño de la tienda (columna izquierda, derecha o a todo el ancho), clave de MailChimp (para sincronizar), autorización Aweber, regenerar listas de MailChimp o de Aweber, mostrar iconos de redes sociales (FB, Tw, G+, RSS) y sus direcciones respectivas, número de entradas mostradas en cada categoría, formato de las fechas, utilizar extractos o no, códigos cortos receptivos, subgrupos de google fonts, botón de volver arriba, desplazamiento suave, desactivar traducciones y CSS personalizado.
  • Navegación: puedes seleccionar las páginas que quieres excluir de la barra de navegación, mostrar menús desplegables (o no), añadir un enlace al inicio, cómo ordenar los enlaces de las páginas, cómo clasificar los enlaces de las páginas y cuántos niveles se van a mostrar en los desplegables. Esto en cuanto a las páginas: también podemos decidir aspectos de las categorías y en los ajustes generales podemos desactivar los niveles superiores del menú.
  • Diseño: decide los elementos que se van a mostrar en el post, decide si mostrar comentarios o no y si quieres colocar miniaturas. También podrás decidir si enseñar o no estas dos últimas opciones en las páginas individuales, y algo parecido en los ajustes generales.
  • Anuncios: puedes habilitar banner de 468×60 en cada post e introducir la dirección de su imagen, el enlace al que dirige y el código de Adsense.
  • SEO: desde este apartado podremos habilitar título personalizado, descripción meta, palabras clave meta, URL canónica, que la página de título personalizada, descripción meta de la página principal, página de palabras clave meta, si los títulos personalizados están desactivados, elegir método de autogeneración y definir un carácter para separar nombre del blog y el título de la entrada.
  • Integración: desde esta pantalla podemos decidir en qué lugares debe aparecer el código de nuestro tema.
  • Updates: apartado en el que introduciremos nuestro nombre de usuario y nuestra API para que el tema pueda actualizarse automáticamente cada vez que los desarrolladores de Elegant Themes trabajen en él.

Invalid Displayed Gallery

Me ha llamado la atención:
Que el usuario pueda tomar decisiones más bien propias de un desarrollador (como la opción de tomar la primera imagen de cada entrada como la imagen destacada mostrada). También me ha llamado la atención (para bien), la posibilidad de configurar directamente desde aquí MailChimp o Aweber.  Minipunto para Divi .

Las opciones del tema Divi pueden requerir cierto nivel de conocimiento técnico: no todo el mundo sabe manejarse con código como para saber si debe activar o desactivar alguna de las opciones del apartado “Integración“, pero no está mal que nos concedan la posibilidad de hacer algo desde aquí.

Cómo personalizar Divi

El personalizador de temas

El personalizador de Divi
Me ha llamado especialmente la atención este apartado. Bajo la sección “Opciones de Tema” podemos ver “Personalizador de temas“. Se trata de un editor en vivo de la plantilla, desde el que podemos configurar de forma muy visual ciertos aspectos visuales de la misma.

Desde el configuraremos a nuestro gusto nuestra web. ¡Magnífico!

El personalizador de módulos

Personalizador de módulos de Divi
Si en el anterior apartado decidíamos aspectos más bien estéticos de nuestra web, en este otro decidiremos qué módulos o secciones queremos que aparezcan.

El curioso caso del “Editor de Rol” de Divi

Estamos acostumbrados a poder decidir sobre qué aspectos de WordPress pueden tener acceso los usuarios de nuestra web mediante los niveles preestablecidos de autor, editor, colaborador o administrador. Esta práctica la extrapola Divi para que utilicemos también estos niveles de usuario relacionado con las posibles modificaciones que puede hacer una persona en el tema. Es el primer tema en el que veo esta posibilidad y me ha parecido muy curiosa.

El maquetador visual de Divi: el Constructor de Divi

El constructor de Divi

Esto es lo que vas a ver al acceder al apartado Entradas de tu web. Al hacer click sobre el botón de “Usar el Constructor Divi” la pantalla cambiará a esto:

El maquetador visual de Divi

Este no es un post en el que hablaremos a fondo de su maquetador visual, porque da para un artículo entero que lo desgrane. Lo que sí podemos decir es que se trata de un maquetador cómodo de utilizar, con una interfaz muy amigable.

Rendimiento de Divi

El rendimiento de Divi

Se producen 34 llamadas a archivos, la página principal pesa 1.1 MB y tarda en cargar 5,81 s. Me sorprende gratamente el reducido número de llamadas a archivos y el poco peso de la página principal, pero no acaba de encajarme el tiempo de carga: demasiado alto para los valores tan bajos de las dos anteriores opciones.

Conclusiones de Divi

Divi es un tema multipurpose, y como tal debemos entenderlo: no se trata de un tema extremadamente liviano. Si lo que nos interesa es un tema ultra rápido, este tipo de opciones no pueden estar entre nuestras elecciones. Ahora bien: si lo que estamos buscando es una plantilla vistosa, responsive, moderna, actual, que nos permita personalizar hasta el más mínimo detalle de forma muy visual e intuitiva… Divi es sin duda nuestro tema. Vuelvo a decir lo que indicaba al principio del post: es el tema perfecto para cualquier blogger sin conocimientos de código, al que le gusta “arrastrar y soltar” y ver los cambios realizados en vivo (¿y a quién no?).

Los puntos más fuertes de Divi son:

  • Su interfaz, sin ninguna duda.
  • Su constructor o maquetador visual.
  • Su personalizador en vivo del tema.
¿Quieres comprar y descargar Divi?

Actualización: a día de hoy, Divi sigue teniendo tantos seguidores como detractores. Desde mi punto de vista, el tema Astra ha pasado a ser un importante competidor, ya que enamora tanto a usuarios novatos como a los más avanzados por su curva de aprendizaje, su versatilidad y su rapidez.

Categorías
Plantillas WordPress

Enfold: disecciono la plantilla para mostrarte sus posibilidades

Enfold es una de las plantillas premium para WordPress más descargadas de Themeforest y, por tanto, una de las más populares. En este post voy a hablar parte por parte de este theme, aportando no solo datos técnicos que puedes extraer de cualquier otra página, sino que también daré mis opiniones como diseñadora y desarrolladora web especializada en WordPress.

Así que si estabas buscando un post completo sobre este theme para WordPress has llegado al lugar adecuado.

Características de Enfold

Enfold se encuentra en el TOP 3 de las plantillas de pago más descargadas de Themeforest. Y teniendo en cuenta que este es, a día de hoy, el marketplace más grande en el que podemos encontrar themes para WordPress, el dato no hay que menospreciarlo en ningún momento.

Características técnicas

Este tema creado por el equipo Kriesi (clasificado como autor de élite) tiene, a día de hoy, nada más y nada menos que la friolera cifra de 82.725 descargas. No cabe duda de que estamos hablando de un theme bastante popular, aunque se quede muy lejos de las 180.000 descargas de Avada.

Su precio está actualmente en los 59$, unos 54€. Cuando salió al mercado costaba 50$. No nos encontramos, por lo tanto, ante un tema caro: se encuentra en la horquilla de precios habitual.

Esta plantilla fue creada en abril del año 2013. Su última actualización, a día de hoy, consta en diciembre de 2015. Tenemos ante nosotros un theme relativamente joven que se mantiene actualizado. Enfold alcanzó 1 mes después de su lanzamiento el segundo puesto de las plantillas más descargas de Themeforest durante 10 meses, por detrás de Avada, hasta que cayó al tercer puesto en diciembre del mismo año tras la aparición de la plantilla X (se llama así, no es que no quiera poner el nombre). A día de hoy, el TOP 3 de Themeforest sigue así: Avada, X y Enfold.

En cuanto a compatibilidad dice no tener problemas con los principales navegadores ni con los plugins más habituales: WPML (para sitios multiidioma), WooCommerce (para tiendas online), WP Easy Cart (carrito de compra), bbPress (foros), Gravity Forms (formularios) y Events Calendar (calendario de eventos).

Promesas no tan técnicas

Pero no solo los anteriores datos se usan como argumentos para promocionar y vender este tema. Esto es lo que los creadores de Enfold nos prometen con imágenes:

  • Es un tema user-friendly: o dicho de otra forma, amigable para el usuario con pocos o nulos conocimientos técnicos sobre WordPress.
  • Fácil y rápida instalación (dicen que se hace en 2 minutos) con diseños predefinidos.
  • Plantilla responsive.
  • Equipo de soporte técnico.
  • El mejor maquetador visual que encontrarás.
  • Preparado para las pantallas de retina.
  • Apasionante área de administración.
  • Buena documentación, con videotutoriales incluidos.
  • Construye tu propia tienda online.
  • Optimizado de cara a SEO.
  • Listo para la traducción.
  • Apasionantes sliders.
  • Administrador de sidebars, shortcodes, Gravity Forms incorporado y 31 archivos .PSD.

Si estás interesado en ver el desglose de todas las características de Enfold te sugiero que las leas tú mismo en su página oficial.

Las características más destacables de Enfold

  • Rápido y eficiente equipo de soporte técnico.
  • Trae incorporado bbPress, WooCommerce y Gravity Forms.
  • Soporta varios menús de navegación.
  • Búsqueda instantánea: al ir escribiendo la pregunta en el cuadro de búsqueda, la web te va sugiriendo posts.
  • 6 Diseños diferentes para presentar tu portfolio.
  • 6 Diseños disponibles para presentar tu blog.

El panel de administración de Enfold

He decidido dedicarle un apartado al área de administración de este tema ya que, cuando terminas de instalarlo y activarlo, eres automáticamente redirigido a esta sección. El panorama con el que te encuentras es el de la siguiente imagen.

Panel de administración de Enfold

Como puedes ver, Enfold está todavía en plena traducción al español y por eso tenemos frases en inglés. Para configurar las opciones básicas y habituales esto no nos supondrá un enorme impedimento. A continuación voy a listar los apartados y lo que podemos personalizar en cada uno:

  • Opciones del Tema: aquí elegimos la página de inicio, logotipo, favicon y el código de Google Analytics.
  • Estructura General: decide, de forma muy visual, las dimensiones de tu sitio y la situación del logotipo (arriba, izquierda o derecha)
  • Estilos Generales: escoge los colores de cada área (contenido principal, logo, sidebar, footer, fuentes…).
  • Estilos Avanzados: escoge una etiqueta y asígnale unos valores CSS.
  • Header: configura todos sus aspectos (posición, tamaño, espaciado, migas de pan, transparencia…).
  • Barra lateral: decide en qué secciones está presente y en qué lado aparece.
  • Footer: elige cuántas columnas lo conforman, asígnale un copyright personalizado…
  • Estructura del Blog: retícula de los artículos, elementos que deben aparecer, etc.
  • Perfiles Sociales: asigna tus URL.
  • Newsletter: introduce la clave API de Mailchimp para que se sincronice.
  • Importar demo: hasta 16 plantillas para elegir.
  • Importar/Exportar: para guardar bien tu configuración del theme (o para instalarla).
  • Theme Update: introduce tus datos de compra y actualiza desde aquí tu tema cuando quieras.

Sinceramente, este panel de administración me parece muy cómodo para los usuarios. A diferencia de otros muchos que he visto, que suelen estar plagados de opciones demasiado confusas, este panel permite una personalización intuitiva de los aspectos más conflictivos de un theme: situación del logotipo, cabecera, sidebar, colores…

Aunque son opciones que recargan un tema y consumen recursos, creo que a cambio favorece la experiencia de uso del usuario principiante-intermedio. Facilita la tarea de configuración y personalización de un theme, un proceso que es con frecuencia lioso y aburrido.

Avia: el maquetador visual de Enfold

En la actualidad no existe tema para WordPress importante que no incorpore un maquetador visual o page builder. En el caso de Enfold, su editor se llama Avia y podemos acceder a él desde el apartado Entradas o Páginas de nuestro WordPress. Simplemente veremos un botón azul que nos dice “Editor avanzado de plantillas”: lo pinchamos y listo.

Maquetador visual de Enfold

La verdad es que no he podido evitar recordar en un primer momento al maquetador de Avada, dado su parecido estético de la interfaz:

Comparando Avia
Avia en la izquierda, el maquetador de Avada en la derecha

Pero pronto se da uno cuenta que en el fondo son un poco más diferentes.

Cómo usar Avia

En el maquetador visual de Enfold podemos movernos a través de 3 pestañas distintas que contienen todas estas opciones.

Elementos de diseño (12): columnas que ocupen todo el ancho, la mitad, un tercio, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5. Es decir, que el número máximo de columnas que puedes utilizar en un post con este maquetador son 5. Además de esto, tiene otras dos opciones: sección de color y fila de grilla.


TIP: a la hora de utilizarlo, piensa que estás construyendo una tabla de Excel. Empieza añadiendo filas y piensa que, en cada fila, puede haber hasta 5 columnas. Filas = secciones horizontales.

Elementos de contenido (33): bloque de texto, separador, encabezado especial, caja con icono, lista con iconos, icono, headline rotator (encabezado giratorio), botón, botón de ancho completo, pase de contenido, notificación, pestañas, acordeón, caja promo, formulario de contacto, entradas del blog, magacín, rejilla del portfolio, masonry, miembro del equipo, tabla, barra de progreso, menú de ancho completo, pase de diapositivas, opiniones, catálogo, números animados, conteo regresivo animado, mailchimp signup (suscripción a tu newsletter de Mailchimp), area de widgets, social share buttons, comentarios y bloque de código.

Elementos multimedia (13): imagen, imagen con puntos, vídeo, easy slider, easy slider de ancho completo, pase de diapositivas de pantalla completa, featured image slider (), diapositiva acordeón, layer slider avanzado, elemento de Partner/Logo, galería, galería masonry, mapa de Google.

Para poder guardar nuestro diseño como plantilla tendremos que fijarnos en una fina línea situada debajo de estas tres pestañas. Ahí tendremos los iconos de deshacer y rehacer típicos del Word, el botón de Plantillas y otro para expandir esa ventana y maximizarla. Una vez pinches en el botón de Plantillas tendrás la posibilidad de guardarla o cargar una que ya hayas hecho.


OJO: al contrario que en otros maquetadores visuales, en Avia no podemos utilizar un diseño predefinido para maquetar nuestros posts. Me imagino que esta posibilidad no tardará en aparecer en futuras actualizaciones.

Rendimiento, optimización y consumo de recursos de Enfold

Enfold pesa unos 39 MB: un 98% más que Twenty Sixteen y un 56% menos que Avada. Lo más justo es comparar su peso con un tema multipurpose, ya que los oficiales de WP salen con un código muy depurado y liviano con las funcionalidades justas para mostrar un blog en condiciones. Por lo tanto, el dato de referencia debe ser el de Avada (por ejemplo).

Como bien defiende Enfold en su página principal, su instalación es de lo más rápida y sencilla. Basta con comprar, descargar el tema y subir la carpeta adecuada.

Con la compra descargamos una carpeta con un nombre bastante largo. En ella encontraremos 3 carpetas más (documentation, license y licensing) y dos archivos (version.txt y enfold.zip). Es este último archivo, el que está comprimido y tiene el nombre del theme, el que tendremos que subir a nuestro WordPress desde el panel Apariencia > Temas > Añadir nuevo > Subir tema. Seleccionamos el archivo, pulsamos sobre Instalar, activamos… ¡Y listo!

En Enfold podemos elegir entre 16 demos diferentes. Esto quiere decir que podemos instalar una de esas 16 plantillas predefinidas y luego adaptar nuestro contenido según lo que necesitemos. Esto lo haremos desde el panel de administración del tema.

Para hacer la primera prueba de consumo de recursos, voy a instalar la primera plantilla (llamada Demo por defecto). Como no existe ningún requerimiento en cuanto a plugins para hacer funcionar Enfold, lo haré sin ninguno instalado: solo los que ya trae el tema incorporados (layer slider, etc). Y estos son los resultados:

Consumo de recursos de Enfold

Se producen 84 llamadas a archivos, la página principal pesa 2.6 MB y tarda en cargar 6.94s. Esta prueba se ha hecho teniendo el tema instalado en local, por lo que el factor hosting no está influyendo en los resultados (ni para bien ni para mal).


Es curioso como Enfold, siendo un tema menos pesado que Avada (por ejemplo), realiza más llamadas a archivos y tiene mayor tiempo de carga. Esto es un buen ejemplo de que menos código o menos archivos no indican, necesariamente, una mayor optimización en cuanto a velocidad de carga y consumo de recursos. Aquí una comparativa rápida:

Enfold: 84 llamadas a archivos, la página principal pesa 2,6 MB (2.600 KB) y tarda en cargar 6,94s.
Avada: 61 llamadas a archivos, la página principal pesa 383 KB y tarda en cargar 5,77 s.
Twenty Sixteen: 61 llamadas a archivos, la página principal pesa 2,1 MB (2.150 KB) y tarda en cargar 2,23 s.

Problemas más habituales con Enfold

Las preguntas más habituales que corren por la red sobre este tema para WordPress son las siguientes:

  • ¿Puedo usar un framework junto con Enfold? No y ni lo necesitas con esta plantilla.
  • El menú se sale: esto se debe a una mala configuración de los elementos que componen el menú. Para solucionarlo tienes que dirigirte a Apariencia > Menús y asegurarte de que el menú que estás viendo tiene asignada una opción de las que aparecen al final de la página, en la sección Opciones del Menú. Si se trata del menú de navegación principal tendrás que marcar la casilla de Enfold Menú Principal.
  • ¿Voy a perder la maquetación de mis posts al actualizar el tema?: NO. Lo único que perderás serán TODOS los cambios hechos directamente en los archivos del tema. Si has tocado el apartado Apariencia > Editor, tendrás problemas. Para la próxima, asegúrate de crearte un childtheme para no perder los cambios.

Plugins recomendados para este tema

Desde el foro de soporte de Kriesi dedicado a Enfold avalan y recomiendan los siguientes plugins, para ampliar las funcionalidades del theme (puedes saltarte este apartado si no te interesa):

Redes sociales – Simple Share Buttons
Buscar – SearchWP
Cambiar el tamaño de la fuente – WordPress Font Resizer Plugin
Gráficos – WordPress Charts
Mapa de Google – WP Google Maps
SEO – WordPress SEO by Yoast, News SEO by Yoast, Video SEO by Yoast, Local SEO by Yoast, WooCommerce SEO by Yoast
Formularios de contacto – Contact Form 7, Formidable (opción gratuita o de pago)
eCommerce – WooCommerce – eCommerce plugin for WordPress
Gestión de reservas – WooCommerce Booking & Appointment Plugin
Membresía – S2 Member, Groups, WP-MEMBER
Anuncios – OIOpublisher
Afiliados – Affiliates Pro for s2Members and WooCommerce, s2Members Integration, WooCommerce Integration
Opiniones – My Review Plugin
Comentarios – Ajaxified Comments
Contenido para posts y páginas – TinyMCE Ultimate, Pretty Link, NextGen Gallery
Slider – SlideDeck 2
Mantenimiento y velocidad – W3 Total Cache, Regenerate Thumbnails, Search and Replace, WP MIGRATE DB
Foros – bbPress, Simple Press
Newsletter – Tribulant Newsletter
Widgets – Widget Logic, Display Widgets
Multiidioma – WPML
Traducciones – Codestyling Localization, PoEdit

Infografía  de Enfold

Valoración personal de la plantilla Enfold

Enfold es una plantilla orientada al usuario básico-medio que quiere crear su propia página sin depender de nadie. Sus puntos fuertes son el soporte técnico y la experiencia de usuario: al meterte en las entrañas no tienes la sensación de estar perdido entre multitud de opciones. Su maquetador visual es más que suficiente. En cambio, su gran desventaja es el consumo de recursos y la optimización de su código: si estás interesado en una página rápida no es la mejor compra.

COMENTARIOS CERRADOS
He decidido cerrar los comentarios de esta entrada debido a que actualmente no utilizo Enfold en ningún proyecto (ni propio ni de mis clientes) y por lo tanto considero que no puedo seguir ofreciendo un punto de vista actual sobre este tema para WordPress.

Si has llegado hasta aquí precisamente porque necesitas que te echen un cable con este tema, lo mejor que puedes hacer es trasladarle tu duda al equipo oficial de soporte de Enfold, cuyos foros están a disposición de los clientes aquí: http://www.kriesi.at/support/forum/enfold/

Gracias

Categorías
Plantillas WordPress

Cómo descubrir qué plantilla usa tu competencia

Navegando por la red encuentras una serie de webs cuyo diseño te llama la atención, tanto para bien como para mal. ¿No te ha picado la curiosidad por saber de qué plantilla se trata? A mí muchas veces.

Tan pronto descubro un blog interesante, cuyo contenido me gusta especialmente, lo primero que hago es saber si está hecho o no con WordPress. Como prácticamente navego de WordPress en WordPress, lo siguiente que hago es bucear para saber qué tema y qué plugins está usando. ¡No te puedes imaginar la de cosas que he descubierto de esta forma!

Lo que hagas con esa información puede serte más o menos útil, pero desde luego para ti no será indiferente. Si, pongamos un ejemplo, estás trabajando un micronicho específico y has descubierto que tu competencia parece gozar de mejor CTR que tú, ¿acaso no te gustaría saber qué plantilla está utilizando? Podrías incluso descargarla, hacerle algunos cambios para que parezca diferente y listo.

O todo lo contrario: ves que tu competencia se está desplomando en las SERPs y quieres saber el porqué. Tal vez encontrar un cambio en el diseño sea el responsable, y así sabrás qué no debes implementar.

Pasemos a la acción: cómo saber si es WordPress o no

Una de las extensiones más útiles y cómodas que tengo instalada en mi Google Chrome: Appspector. Una vez habilitada, informará con un icono en la barra de navegación aquellos sitios que estén hechos con WordPress. También indica otras aplicaciones y librerías de JavaScript.

Cómo saber qué plantilla utiliza una web hecha con WordPress

Para esto existen una serie de webs que rastrean el código del sitio en cuestión y nos desvelan toda la información correspondiente. Entre las más conocidas tenemos:

  • What WordPress Theme Is That: muestra la plantilla con la que está hecha la web e identifica algunos de los plugins (por lo general muy pocos). En lualouro.com solo ha detectado 2 plugins.
  • WordPress Theme Detector: muestra la plantilla e indica si podemos descargarla o no. Aporta información sobre el proveedor de la plantilla, nos cuenta cuál fue el anterior tema aplicado en esa web y cuántos cambios ha tenido el theme desde que se ha instalado. En cuanto a los plugins, en mi página solo ha detectado 2.

Cómo saber qué plugins utiliza un WordPress

Como os he dicho en el anterior apartado, aunque la mayoría de las páginas que detectan plantillas también detectan plugins, no suelen descubrirlos todos. Para saber qué plugins usa una web hecha en WordPress lo mejor es dirigirse a herramientas más específicas.

  • Built With: detecta proveedor de hosting, CMS, frameworks, si usas Analytics o no… Para descubrir plugins tendremos que dirigirnos al apartado de Widgets. En mi caso, ha detectado 3.
  • WordPress Plugin Checker: un poco lenta quizás en hacer el análisis, pero la que más plugins logra identificar. Como ellos mismos dicen en la web, pueden descubrir sus propios plugins y los 50 más populares de WordPress. En mi caso ha detectado 6 plugins: no son todos, pero sin duda ha descubierto más que ninguna otra herramienta.

 

 

¿Habías utilizado alguna vez este tipo de herramientas?