Los cuatro pasos para escoger tu tema WordPress

Los cuatro pasos para escoger tu tema WordPress

0 348

Tan solo se necesitan tres segundos para llevarse una primera impresión de una web. En este corto tiempo, cualquier persona ha podido formarse una primera opinión sobre la persona o empresa que hay detrás de un weblog, y esa opinión se ha formado basándose solo en la apariencia de ese sitios. Y la peor parte es: nunca va a haber una segunda ocasión para hacer cambiar esa primera impresión. Por este motivo, el diseño de una web es crítico, y la elección de la plantilla o bien tema de WordPress a utilizar es la clave para asegurar un diseño increíble.

Seleccionar una plantilla de WordPress no es sencillo, y dicha selección no debería basarse únicamente en la intuición. Por esta razón, me gustaría destacar los 4 pasos más esenciales que hay que tener en cuenta antes de elegir la plantilla de tu web en WordPress:

1. Tendencias actuales de diseño de webs

Antes de seleccionar una plantilla, deberías familiarizarte con las tendencias de diseño actuales de webs. Si buscas por internet, hallarás bastantes artículos que charlan sobre el tema. Aquí te enlazo ciertos artículos (en inglés):

Las tendencias más citadas son las siguientes:

Imágenes de fondo grandes e impactantes

Para que la primera impresión de la página web sea lo más impactante posible, una buena opción alternativa es enseñar una imagen de fondo grande y en movimiento. Por ejemplo:

Void and Form Website
Web de Void and Form

Experiencia multimedia

Cada vez más, encontramos efectos visuales en movimiento como, por ejemplo, el efecto visual de navegación en el río que se muestra en la página web Raise the River o en la carretera de la página web MapQuest.

Raise the River Website
Web de Raise the River
MapQuest Website
Web de MapQuest

Efectos visuales alterables y parallax

Está claro que hacer scroll es el nuevo clic. ¿Qué es el efecto parallax? Es ese efecto que al entrar en una web y hacer scroll, el fondo semeja moverse a una velocidad distinta a la del contenido. Este año están de tendencia los efectos visuales de imágenes, y tener elementos moviéndose en diferentes direcciones y a diferente velocidad. El día de hoy ya puedes hallar plantillas sin costo que incluyen la funcionalidad de parallax.

Serve Seattle Website
Web de Serve Seattle

Y poco a poco más, encontramos variantes del parallax. Mirad que efectos de animación han diseñado Mint Design en su propia web:

Mint Design Company Website
Web de Mint Design

O mirad ahora otro ejemplo de animaciones visuales y efecto parallax causados por el movimiento del ratón:

HabitatWeb Website
Web de habitatweb

Botones fantasma

Los botones espectro son transparentes y tienen una forma reconocible, con fuentes ligeras sans-serif en su interior y un bordeado con un línea muy delgada. Son idóneos para los diseñadores a los que no les gusta saturar las webs. Se hallan en webs con grandes imágenes pero en las que no se quiere renunciar a suministrar una acción directa a los usuarios.

Deneen Pottery Website
Web de Deneen Pottery
The Distance Website
Web de The Distance

Menús ocultos (menús desplegables o bien deslizables)

Otra característica que se está volviendo muy popular en las webs es ocultar de entrada sus opciones de navegación, y solo mostrarlos cuando se interacciona con algún elemento:

Marketing Week Website
Web de Marketing Week

Diseño amoldable (responsive) aumentado para grandes pantallas

El diseño acomodable a cualquier género de dispositivo ya es obligatorio en cualquier web. Mas este año, ya encontramos más webs que aun tienen en cuenta la adaptabilidad para pantallas verdaderamente grandes.

Uber Brand Guide Website
Web de Uber Brand Guide

Fuentes grandes y en negrita

Está claro que la tipografia afecta en gran medida a la facilidad de uso y la estética general de cualquier web. Este año vemos más fuentes grandes con la meta de ofrecer una mejor experienca de lectura.

Gummisig Website
Web de Gummisig

2. Mira a tus contendientes y a otras webs

Con frecuencia, hallas webs que te encantan y te agradaría que la tuya tuviese un diseño similar. Las webs de otros pueden ser tu mejor fuente de inspiración. Aun muchos conocidos emplean WordPress para sus webs.

Sin embargo, lo primero que deberías comprobar cuando encuentras una web que te agrada es ver si es o bien no una web en WordPress. Para esto, hay una serie de servicios sin costo que te pueden entregar fácilmente esta información. Por ejemplo, introduce la URL de la web que deseas consultar en Built With o Is It WordPress, y allí lo tienes. Y si esta información la necesitas preguntar muy a menudo, te invito a que te instales una extensión en tu navegador, como por poner un ejemplo Wappalyzer, y así siempre verás en tu barra de direcciones si una web está o bien no hecha con WordPress.

Una vez bien sabes que la web que te gusta está en WordPress, el siguiente paso es tratar de descubrir qué plantilla usa. Si eres de los que les gusta echar un vistazo al código fuente de la página web, Brin Wilson te describe en How to Tell Which WordPress Tema a Site is Using los pasos a continuar para saber la plantilla de una web WordPress. Pero otra alternativa más sencilla es conseguir dicha información en los servicios gratuitos que puedes hallar en línea, los cuales sólo te piden que copies la URL y hagas clic en un botón. En verdad, estos servicios te dan bastante información interesante, como el nombre de la plantilla, el coste, y la versión, la tienda donde se puede comprar la plantilla, los plugins que emplea (y el costo de cada plugin, si es preciso), etc.

Scanwp.net screenshot

WPThemeDetector Screenshot

WhatWPThemeIsThat Screenshot

3. Consulta los cátalogos de distribuidores de plantillas

Otra forma simple para inspirarte es consultar directamente las páginas de demo que te dan los diferentes distribuidores de plantillas. Puedes iniciar, consultando el Directorio de Temas de WordPress o cualquiera de los distribuidores más populares de plantillas podemos ver cosas interesantes.

WordPress Theme Providers

4. Recuerda el objetivo de tu web

Hasta aquí, hemos hablado de la estética de la plantilla de tu web, mas ¿es eso todo?

[Tweet Hay varios factores que hay que tomar en consideración ya antes de elegir la plantilla de tu web de WordPress”]

Podéis hallar múltiples artículos (en español y también inglés) que comparten otros criterios que, a parte del diseño, deberías tomar en consideración ya antes de seleccionar una plantilla:

Me gustaría resaltar ciertos criterios comentados en los artículos mencionados:

a) Escoge un tema relacionado con la meta de tu web

Este punto parece obvio, pero es el más importante. Si tienes una web sobre arte, entonces no uses una plantilla que se creó para ser usada en un restaurante.

b) Precio: Gratis Vs. Premium

A pesar de que hay un eterno discute entre si es mejor una plantilla gratis o bien de pago, en resumen, la mayor parte de los temas de WordPress gratuitos son libres por una razón: (a priori) no son tan buenos como los de pago.

Podrás encontrar más información sobre el tema en:

c) Tiempo de carga: temas ligeros vs. pesados

La veloz velocidad de carga de una página no solo mejora en general la experiencia del usuario, sino asimismo mejora el posicionamiento en buscadores.

Y la velocidad de carga de una página viene condicionada en parte por la plantilla escogida. Por tanto, antes de elegir el tema de tu página web, realiza un test de velocidad del mismo. En la web Pingdom Website Speed Test, introduce la dirección URL de la demo de un tema, y ​mira cuánto tiempo tarda en cargar la página y si se hacen muchas solicitudes HTTP.

Pingdom screenshotEstá muy bien el tema de contar con de diseños muy atractivos con grandes imágenes y muchas cosas en movimiento, mas hay que tener en consideración que estas cosas pueden empeorar el rendimiento final de la página web.

d) Facilidad de personalización

Actualmente, la mayoría de los temas vienen con un panel de control propio, y por si fuera poco incluyen editores visuales (tipo Visual Composer) que hacen que la construcción de estructuras complejas sea mucho más simple sin tocar el código. Estos temas facilitan la construcción de sitios con muy poco esmero, mas pueden ser demasiado pesados en cuanto a carga de las páginas.

e) Seguridad, actualizaciones y soporte

La seguridad es la preocupación más importante de una web, mas ¿de qué manera se puede saber si un tema es seguro? Ya antes de elegir cualquier tema, lo más conveniente es leer las críticas y opiniones de los compradores sobre el tema. Por lo tanto, a menos que un tema haya sido creado por un desarrollador de confianza, trata de eludir cualquier tema sin revisiones o bien con muy pocas descargas.

Además, si escoges un tema premium, asegúrate de que incluye actualizaciones frecuentes y soporte del desarrollador. Asimismo deberías echar un vistazo a la persona o empresa que hizo el tema. Si tienen una gran reputación, es que sus temas son de una calidad superior a otros desarrolladores que no la tienen. Aunque también podemos hallar a gente menos conocida que está empezando y no es tan famosa, pero que efectúa trabajos de calidad

Conclusion

Ninguna plantilla o bien tema es perfecto, y casi siempre y en todo momento deberás hacer algunas concesiones. Mas espero que con la información de esta entrada, vas a estar mejor preparad@ para elegir tu próximo tema para WordPress.

Sin embargo, recuerda que solo a través de la realización de tests A/B de Temas vas a saber las preferencias de sus visitantes.
Imagen destacada de Timothy Brown

SIMILAR ARTICLES

NO COMMENTS

Leave a Reply