Cómo elegir la plantilla de WordPress perfecta

WebPor Lisandro Patiño

Se trate de una plantilla (diseño, theme, template) gratuita ó paga, elegir la imagen de tu sitio web es a veces el trabajo más complicado. Por eso aquí resumiremos cuales son las cosas más importantes en las que debes fijarte antes de elegir el diseño de tu sitio web en WordPress.

Páginas donde encontrar templates las hay por todos lados: Elegant Themes, Themeforest, MOJO, CSSIgniter, StudioPress, Colorlib, o incluso la web oficial de WordPress. Todas tienen excelentes opciones, unas mejores que otras, pero lo más importante está en los detalles.

Antes que nada: plantilla, template y theme son sinónimos.

Cada uno de los puntos que mencionaré a continuación son relativos a tus necesidades, algunas cosas pueden importarte más que otras, por lo que intentaré ser lo más abarcativo posible. También hay que tener en cuenta la relación precio - calidad del template, si un template no cumple ni con la mitad de puntos que sugiero en este artículo peo cuesta U$D60, lógicamente ese template no vale la pena, por lo que de un template barato ó incluso gratuito no debemos esperar que cumpla con todas mis sugerencias, pero si lo hace, ¡enhorabuena!

El momento de elegir una plantilla es delicadísimo, es un momento muy importante en donde una buena elección ahorrará muchísimo tiempo para el desarrollo de tu producto. Podrías ahorrarte editar código y pasar directamente a trabajar lo más orgánico de tu sitio web. Priorizaremos en estos siguientes tips o claves todo aquello que tenga como objetivo mantener al usuario en tu web por la mayor cantidad de tiempo posible:

Diseño adaptable (Responsive Design)

Es fundamental que el sitio web pueda visualizarse bien en otros dispositivos que no sean una pantalla de computadora. Hoy por hoy, la cantidad de usuarios de teléfonos móviles está codo a codo con los de computadora, y la porción de usuarios de tablet/iPad tampoco es pequeña. Por eso siempre comprueba que el sitio web pueda visualizarse bien en teléfonos móviles al probar la demo del template: ¿Cómo?

  1. En Google Chrome y Firefox pulsa F12 y haz click en el iconito de teléfono movil.
  2. Selecciona el tamaño/proporcion en que quieres previsualizar.
  3. Luego de eso, haz F5 para cargar posibles scripts que hayan quedado fuera en la versión de computadora.Si no encuentras esta opción no te preocupes, achicar el tamaño de la ventana también es un buen método para comprobarlo :)

Responsive

Si ya tienes creada una web o necesitas usar obligatoriamente una plantilla no responsive, existen ciertos plugins como el WPTouch, que te crean una versión automática adaptada a dispositivos móviles. Son fáciles de usar pero tienen algunas pegas importantes: generan otra URL adicional y los buscadores detectarán dos páginas distintas con el mismo contenido, esto puede conllevar una penalización para tu sitio en cuanto a posicionamiento SEO. Además, suelen ser adaptaciones muy básicas, con pocas opciones de personalización.

Prestaciones

La mayoría de los sitios web que ofrecen plantillas de WordPress ofrecen filtros para los distintos tipos de usos que puedes darle a plataforma. Esto es porque, si bien todas las plantillas deberían tener compatibilidad con todos los plugins, hay algunos templates que están especialmente hechos para un plugin en particular, como por ejemplo templates eCommerce, específicamente para usar con WooCommerce, o templates diseñados para ser blogs, magazines, diseños creativos, páginas estáticas, foros, etc.

  1. Tienda eCommerce: Si tienes pensado vender a través de tu portal en el futuro, es muy recomendable que busques plantillas con tienda implementada. Tendrás listo el carrito de la compra, los formularios de registro de cliente, la plataforma de pagos, creación y notificaciones de stock… Todo lo que puedas necesitar para gestionar correctamente tu tienda on-line estará listo desde el minuto 1. Si aún no vas a vender, podrás desactivar los procesos de pago y carritos de la compra, y aun tendrás una muy buena plantilla para montar tu escaparate en la web. Procura que la parte visual predomine por encima del resto, que destaquen los productos y que la información se presente clara y bien distribuida, como siempre.
  2. Corporativa: Si necesitas comunicar de una manera sencilla y clara el mensaje y los servicios de tu empresa, ésta es tu opción. Orden y una imagen acorde con el sector al que te orientas. Ten cuidado de no saturar la homepage de información para no despistar al usuario. Intenta evitar las plantillas construidas en base a un scroll infinito, aunque las hay realmente buenas, y asegúrate de que cuenta con una sección de blog decente y soporte para vídeo en sus páginas, es muy recomendable.
  3. Blog ó Magazine: Si vas a centrarte en crear un blog o una revista, fácil de leer, donde los contenidos primen sobre la forma, ya tienes punto de partida. Cobra aún más importancia el hecho de que sea accesible desde teléfonos y tabletas. Cuida el ancho del texto principal, si es estrecho incitará menos a lectura y cansará más. Asegúrate de que dispone de barras laterales o sidebars, donde colocar widgets como «artículos relacionados» o botones de compartir en redes sociales, que estén visibles fácilmente e inciten a usarlos.
  4. Portfolio ó creativa: Si lo que te interesa es mostrar tu trabajo gráfico como diseñador, ilustrador o cualquier otra profesión con peso visual, oriéntate hacia el portfolio. Es aconsejable contar con un buen diseño blog donde poder ofrecer otros contenidos que complementen tu trabajo. Ten cuidado con el peso de tu homepage.

Personalización: plugins, widgets y edición de la plantilla

Si quieres evitar editar el código de tu plantilla, encuentra una que te ofrezca todas las características que necesites:

  • Cambiar fácilmente la tipografía y los esquemas de color. A veces las tipos están bastante limitadas aunque ciertas plantillas permiten escoger entre cientos de familias de fuentes de GoogleFonts. Es un buen detalle.
  • Disponer de sidebars, tanto a izquierda como a derecha, en función de cuánto contenido extra deseas mostrar mediante widgets. Este punto es más importante de lo que parece, sobre todo si quieres una página dinámica, con llamadas a la acción que inciten al usuario a seguir navegando por nuestra página. Luego incidiré un poco más en este punto.
  • Poder personalizar fácilmente la cabecera de tu web. Que te permita ubicar bien tu logo y el título de tu página sin demasiadas restricciones de tamaño.
  • Buen soporte para vídeo e integración con Youtube. Es importante que al incrustar un video éste sea adaptable, que la ventana del reproductor se ajuste al tamaño, igual que el resto de tu plantilla responsive.
  • Shortcodes, pequeñas frases de código que nos permitirán presentar los contenidos de diferentes maneras visuales y de una manera muy muy sencilla.
  • Integración de opciones para redes sociales. Que sea sencillo para el usuario compartir el contenido o encontrarte en las diferentes redes sociales.
  • Diseños de página pre-diseñados, ya que cuando creas una nueva página para tu sitio, cada plantilla cuenta con diseños que puedes elegir para organizar rápidamente las funciones: página de contacto, home page, portfolio, página de tamaño de ancho completo.

Cuando instalas una plantilla verás que se agregan nuevas opciones a tu Dashboard o panel de control de WordPress: estas sirven para ahorrarte trabajo y tiempo buscando lineas de código, dandote la mayor cantidad de opciones de edición en una interfaz amigable.

Customization

Además, también te sugerirá que instales ciertos plugins extras a los que ya tienes para sacarle mayor rendimiento a la plantilla. Busca y pregunta acerca de posibles problemas de compatibilidad con los plugins que ya tienes instalados o tienes pensado instalar, sobre todo aquellos que hagan cambios importantes en tu plantilla, como Elementor, etc.

También, en la sección de widgets (panel de personalización) podrás ver que algunos widgets personalizados por el creador la plantilla también se agregarán generalmente con el sufijo de la agencia desarrolladora/diseñador o el nombre de la plantilla en sí.

Es bueno considerar una plantilla por la versatilidad que ofrece en cuanto a sus widgets y plugins de acompañamiento. A veces las plantillas ofrecen plugins pagos de forma gratuita, es decir, su precio se incluye en la compra de la misma.

Contenido y diseño

A mi parecer, este punto define si considerar una plantilla o no. Una plantilla sin diseño responsive puede considerarse si tenemos dinero para pagar a un diseñador que haga que nuestra plantilla sea responsive, pero si el diseño no distribuye bien la información, o no se ve acorde a la época, esa plantilla no vale la pena.

Cuando veas que estás naufragando pregúntate por lo más importante: ¿qué contenido voy a mostrar? Ahí tienes la clave. Las programaciones complejas y vistosas a veces no aportan valor a nuestra página y no son una buena idea. El diseño tiene que ser un reflejo de lo que estás intentando comunicar pero sin descuidar la usabilidad, los tiempos de carga y la facilidad a la hora de modificar tema.

La mejor plantilla de todas será en la que mejor imagines tus contenidos y más facilidades te de para exponerlos. Pero es fundamental que conozcas a la escena que se verá expuesta tu sitio web, y que su imagen sea competitiva frente a sus pares.

Soporte y compatibilidad

No importa si eres nuevo en WordPress, siempre es importante que alguien esté ahí para ayudarte y qué mejor que el mismisimo creador de la plantilla. Siempre surjen dudas y (ojalá que no) errores, por eso es importante que antes de comprar una plantilla de WordPress verifiques que el creador ofrece un buen servicio de soporte: las valoraciones de otros usuarios sirven para eso, ¡de paso lee los comentarios! A veces suele haber información importante sobre como es la comunicación con el creador.

Además, es importante que el creador mantenga su plantilla actualizada a las últimas versiones de los plugins más importantes, los recursos externos que utilice y WordPress.

Por esta razón, antes de decidirte por una u otra, deberías echarle un vistazo a las reviews y opiniones que pueda tener la página donde se ofrece la plantilla, leer qué comentan los que ya han tratado de trabajar con ella, ver si se repiten errores o incompatibilidades con algunos plugins, observar si las consultas se resuelven rápido y satisfactoriamente. Busca el perfil del desarrollador de la plantilla y valora si te da cierta confianza y si ha sido valorado positivamente por otros usuarios.

Errores de HTML y CSS

¡Ahora a ponerse técnicamente estrictos! Uno de los últimos pasos que puedes llevar a cabo es validar su lenguaje HTML y CSS. Este proceso nos dirá que el código en el que está escrita cumple ciertos estándares y será interpretado del mismo modo en todos los navegadores y buscadores. Basta con visitar validar HTML y validar CSS en introducir la URL de la versión live demo de nuestra plantilla. Acuérdate de que es imprescindible que cierres el marco superior que aparece en la página de la demo antes de copiar su URL.

Errors

Puedes comparar los resultados de este proceso entre varias plantillas para saber cuál de ellas tiene menos "errores de fábrica". Es completamente normal que todas tengan cierto número de errores, pero cuantos menos mejor, obviamente.

¡Espero que esta pequeña guía sea útil para tu búsqueda!