Web
¬ŅC√≥mo elegir una plantilla responsive para tu web?
19 Mayo, 2016
0
, , , , , ,

plantilla responsive

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.

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

¬ŅTe ha sido √ļtil este post?


1 Star2 Stars3 Stars4 Stars5 Stars (2 Votos. Media: 5,00 de 5)


Cargando…

About author

Max Camu√Īas

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

status_http

Los tipos de Código de Estado HTTP que debes conocer

Leer m√°s
curso wordpress

15 Cursos de Dise√Īo Web en WordPress Gratis y online

Leer m√°s
bancos de videos gratis - destacada

Los mejores Bancos de Videos Libres de derechos y Gratis

Leer m√°s

There are 0 comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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

Send this to friend