Skip to main content
Web

¿Cómo elegir una plantilla responsive para tu web?

By 19 mayo, 2016septiembre 23rd, 2018No Comments

Hace un tiempo, tener una web con diseño responsive era un hecho opcional, hoy en día, es algo obligatorio. Si tienes una web o un blog, debe estar adaptada sí o sí. Por eso, en este post te voy a hablar de los beneficios de tener una plantilla responsive, los mejores templates para WordPress y Blogger, y cómo elegirlas.

 

Te puede interesar: Cómo reducir el tamaño de las imágenes en WordPress y por qué es importante.

¿Qué significa responsive?

“Responsive” es un término que se utiliza en desarrollo web para hacer referencia a un tipo de diseño. En concreto, aquel que está adaptado y preparado para ser visualizado correctamente desde cualquier tipo de pantalla. Es decir, una web responsive es aquella desde la que se puede navegar independientemente del dispositivo utilizado par visitarla, ya sea un teléfono móvil, una tablet o un ordenador.

¿Por qué necesitas una web responsive?

Principalmente por dos motivos:

  • Hoy en día, vivimos en el boom de los smarphones. Prácticamente todo el mundo tiene un móvil o una tablet a través de los que navegar, buscar información, hacer compras o simplemente entretenerse. Por lo tanto, necesitas que tu sitio web esté correctamente adaptado para que los usuarios puedan acceder sin ningún problema. Es decir, el teléfono se ha convertido en una extensión de nuestro cuerpo, por lo tanto, tienes que estar en la mano del usuario.

¿No odias esas páginas que, a día de hoy, todavía no están adaptadas y, cuando entras desde el móvil, tienes que hacer auténticas virguerías para poder navegar?

  • Evitar las penalizaciones de Google. Desde hace un tiempo, Google se ha puesto serio en este tema. Al principio, el gigante de los buscadores nos sugería que nuestra web estuviera adaptada a cualquier pantalla y dispositivo. Ahora va mucho más allá, quiere que todas las páginas que indexa sean responsive y, en el caso de no ser así, te expones a ser penalizado y que no aparezcas en los resultados de búsqueda.

Cuáles son mejores plantillas responsive

En el mercado de las plantillas, existe un montón de variedad en base a sus características, funcionalidades o tipos de diseño.

En los CMS habituales, como WordPress y Blogger, existen dos tipos. Por una parte, las plantillas gratuitas y, por otra parte, las plantillas premium o de pago (las que se compran en algún banco de recursos).

En función del proyecto que estés diseñando y del presupuesto del que dispongas, elegirás una y otra.

Las mejores plantillas para WordPress

Como acabo de mencionar, plantillas hay muchas y, en realidad, no hay unas mejores que otras.

A continuación, te voy a hablar de las que más suelo utilizar en mis diseños y las que mejores resultados me ofrecen:

  • Divi. Muchos expertos y diseñadores han dicho de ella que es la mejor plantilla que existe para WordPress. Es el tema más inteligente y flexible en la cartera de Elegant Themes. Su editor transforma los distintos elementos en bloques de construcción visual, permitiendo que cualquiera pueda comprender y editar la estructura de su página sin tocar una sola línea de código.

plantilla diseño responsive

 

  • Simple Mag. Esta plantilla de Theme Forest está inspirada en una revista y se caracteriza por ser limpia y minimalista. Su puesta en marcha y manejo son sencillos, ya que incluye un editor de páginas muy fácil de usar que permite arrastrar y soltar elementos de forma muy cómoda.

qué es responsive

 

  • Kami. También pertenece a Theme Forest y simula una revista o blog con un diseño limpio y aspecto moderno. Es una plantilla muy adecuada para revistas, blogs de noticias, contenido editorial o fotografías. Es muy flexible y muy fácil de usar.

ejemplo diseño responsive

Las mejores plantillas para Blogger

Para blogs alojados en la plataforma de Google, también existen múltiples plantillas. Las que más me gustan son:

  • Blogstar. Es una plantilla limpia que ofrece un diseño basado en una gran cuadrícula. Es muy rápida a la hora de cargar y tiene un aspecto moderno y minimalista, lo cual la hace ideal para blog o una revista.

diseño para móviles adaptado

 

  • Bastro. Es un tema minimalista con un toque clásico, que incluye un montón de widgets con un diseño único. Bastro tiene un estilo limpio y fresco, y es muy fácil de configurar.

diseño web responsive

 

  • Pasco. Es un tema clásico con diseño de revista. Al igual que el anterior, incluye un montón de widgets con un diseño único, listo para pulir tu blog. Se puede utilizar tanto en un blog personal como en una revista.

diseño adaptativo

5 Motivos para tener una web responsive

  • Tener un sitio web accesible desde todo tipo de dispositivos.
  • Posicionar e indexar tus contenidos en Google.
  • Evitar las penalizaciones del buscador.
  • Facilitar la navegación de cara al usuario y ofrecerle una mejor experiencia.
  • Disminuir tu porcentaje de rebote para conseguir que tus visitas se mueven por los diferentes apartados de tu web.

[vc_button title=»Te interesa: Plantillas de newsletter gratis, ¿dónde conseguirlas?» target=»_blank» color=»btn-warning» icon=»none» size=»btn-large» href=»https://alexserrano.es/plantillas-newsletter-gratis-lugares-descargar/»]
[vc_button title=»TUTORIAL: Cómo poner una tabla de contenidos como la de este post en tu blog» target=»_blank» color=»btn-danger» icon=»none» size=»btn-large» href=»https://alexserrano.es/como-poner-tabla-de-contenidos-wordpress/»]

Cómo elegir una plantilla para tu sitio web

Los motivos para elegir una plantilla responsive dependen de varios factores:

  • El tipo de web o blog que quieras diseñar. Depende del proyecto para el que necesites la plantilla: ecommerce, galería de fotos, blog de tecnología, etc.
  • Sencillez. Qué sea fácil de manejar y configurar, sin necesidad de grandes conocimientos.
  • Funcionalidad. Que sea funcional y accesible.
  • Soporte. Que incluya un departamento de soporte al que puedas dirigirte si necesitas ayuda.

En el caso de no tener una plantilla responsive, te recomiendo seguir estos consejos:

  • En WordPress puedes instalar WPtouch mobile, un plugin que te permite adaptar tu plantilla, además de configurarla para que tenga los aspectos de tu marca: logo, colores, imágenes, etc.

responsive wordpress

 

  • En Blogger puedes habilitar la opción de plantilla móvil en la sección Plantilla > Móvil.

responsive wordpress

 

Espero que tengas tu web adaptada con una plantilla responsive que se ajuste a las necesidades de tu proyecto, ya has visto que hay una gran variedad.

[mc4wp_form]

Guardar

Diseñador Web especializado WordPress. Responsable de Marketing y Comunicación en agencia Hoyreka. Social Media Strategist. Creatividad. Mi lema: Haz realidad tu idea.

Leave a Reply

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies