Volver a freebies

Cómo elegir la plantilla de WordPress perfecta

WebPor Lisandro Pati√Īo 14.11.2019

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!