Como Adaptar Tu Blog A Todas Las Pantallas: El Diseño Adaptativo En WordPress

por Diseño Adaptativo Blog WordPress

Hace poco mas de 1 mes que no escribía ningún articulo en mi Blog, y por supuesto, tiene un por que.

En realidad he estado adaptándome a nuevas situaciones que vendrán muy pronto.

Hace ya 3 semanas que me mude de apartamento a uno un poco mas grande. Algo fundamental para adaptarme a lo que viene.

Y es que a mediados de Octubre, sere padre nuevamente y el pequeño “Antúnez” necesitara su propio dormitorio, su propio espacio.

La mudanza trajo también algunos inconvenientes, y uno de ellos fue la demora en la instalación de la conexión a Internet, por lo que tuve algunos días de inactividad.

Aunque también tuvo sus ventajas el estar “offline” unos días para plantear nuevas metas y encarar nuevos desafíos.

Siempre tenemos que estar preparados para el cambio, preparados para adaptarnos debido a nuevas situaciones e inclusive a nuevas tendencias.

Y mi Blog, aunque no lo parezca y no lo notes, ha tenido un cambio bastante grande… se ha adaptado a las necesidades y hábitos de mis lectores y a una nueva tendencia consecuencia de los nuevos hábitos que tienen las personas para navegar en Internet.

El Blog tiene un diseño adaptativo.

¿Que Es Un Diseño Adaptativo?

Internet ya no esta solo en la pantalla de un ordenador.

A día de hoy, Internet esta en los teléfonos móviles, IPhone, Tablets, computadoras portátiles y vaya a saber en los próximos años donde mas.

Así que cuando visitas un sitio web desde cualquiera de estos dispositivos, su diseño debería de tener en cuenta todos estos dispositivos y transformarse para que coincida con el tamaño ideal y la forma de la pantalla desde la cual lo estas viendo.

En síntesis, eso es un diseño adaptativo o responsivo (en ingles “responsive design”) y en definitiva, es el diseño con el que cuenta mi blog en este momento.

Si redimensionas ahora mismo tu navegador web, cambiándole el tamaño hasta un mínimo de 240 px de ancho, el diseño se adaptara casi perfectamente.

Diseño Adaptativo WordPress

Y digo casi, porque aun debo adaptar algunas cosas.

La cabecera es una de ellas dado que no se esta adaptando correctamente cuando visualizas el blog desde un dispositivo con una pantalla muy pequeña.

En realidad dentro de pocos días veras un cambio en el diseño de ella y en la pagina “Home” del blog.

Pero también debo seguir trabajando en algunas cosas mas… los videos, por ejemplo. Anteriormente insertaba los videos mediante un plugin muy sencillo.

Con el nuevo diseño adaptativo de mi blog, los videos no se muestran correctamente, así que estoy abocado a subsanar ese tema para que también ellos puedan ser visualizados desde cualquier dispositivo.

¿Deberia tu Blog tener también un diseño adaptativo?

A día de hoy existen muchos temas para WordPress, gratuitos y premium que te permitirán que tu blog también cuente con un diseño adaptativo o responsivo.

Pero antes de decidirte por un blog con diseño adaptativo o responsivo, necesitas comprender verdaderamente lo que significa y si realmente necesitas servir a tus visitantes desde dispositivos móviles un diseño diferente basado en tu contenido actual.

Y esto dependerá pura y específicamente de las necesidades de tus visitantes.

Tu sitio, ¿necesitara una interfaz móvil o un diseño adaptativo?

Debes observar el comportamiento de tus visitantes desde teléfonos móviles y que es lo que hacen cuando están en tu sitio web. Por supuesto que también dependerá del tipo de sitio que administres.

Los usuarios con teléfonos móviles básicamente necesitan 2 cosas:

  1. Los datos que están buscando
  2. Velocidad (necesitan los datos lo mas rápido posible)

Cuando tienes un diseño adaptativo, tu sitio cargara enteramente (scripts, código, etc,) para los usuarios móviles.

Esto puede ser algo problemático dado que el diseño responsivo o adaptativo esta pensado para pantallas a partir de 240 pixeles, por lo que incrementara dramáticamente el tiempo de carga de tu sitio para esos usuarios con pantallas muy pequeñas.

Si tienes en cuenta que la velocidad es algo muy importante para la experiencia móvil, esto puede ser un problema.

Es muy importante que comprendas que los dispositivos móviles son muy diferentes a los navegadores web de escritorio, por lo que los usuarios interactuan con ellos también de forma muy diferente.

Teniendo en cuenta estos aspectos y el propósito de tu sitio web, podrás decidir si tu Blog necesita o no un diseño adaptativo.

En estos últimos días he estado trabajando en el rediseño y auditoria de algunos blogs en los cuales ya les he incorporado un diseño adaptativo:

Si quieres ver algunos temas gratuitos para tu Blog de WordPress, encontraras unas cuantas opciones en los repositorios de temas disponibles.

Todos te permitirán tener un diseño adaptativo para tu Blog para que se adapte a todas las pantallas.

Pero recuerda que también debes adaptar algunas cosas mas de tu Blog. No todo esta en el tema que elijas o el tema no dejara todo en orden.

¿Cual es tu opinión?

¿Sabias lo que era un diseño adaptativo? ¿Consideras que ya es hora de incorporarlo en tu Blog?

¿Como sirves el contenido para los visitantes de tu blog que te visitan desde dispositivos móviles?

Déjame tu comentario a continuación y participa de la discusión. Y no olvides compartir este articulo en las redes sociales con tus seguidores.

Por tu éxito.


Descarga mi eBook “7 Secretos del Marketing Online”






by Denis Antúnez

Experto en WordPress y Negocios en Internet. He ayudado a cientos de Emprendedores a iniciarse en el Network Marketing a traves de mi Curso "De Novato a Networker" y comparto mi experiencia en WordPress a traves de"Aprende WordPress" y "Seguridad WordPress". Actualmente desarrollo un gran Emprendimiento Multinivel en colaboracion con mi Equipo de Trabajo. Puedes unirte a el mediante este enlace

12 comentarios… add one

¡Aporta tu Opinión!

CommentLuv badge

Siguiente:

Anterior: