Cómo diseñar sitios web de wordpress con un diseño sensible
Un sitio web de WordPress que tiene un diseño que responde toma el tamaño de cualquier dispositivo de visualización en consideración. No importa si es el monitor de televisión más grande o más pequeño que el teléfono móvil o tableta dispositivo- el diseño de página web está preparado para manejar cualquier tamaño en cualquier dispositivo. Se llama sensible porque el diseño responde a su entorno - o con un sitio web, el diseño responde al tamaño del dispositivo de visualización.
El número de dispositivos, plataformas y sistemas de navegadores disponibles para los usuarios ver sitios web crece día a día, lo que parece. La mayoría de los propietarios de sitios web quieren asegurarse de que están prestando atención a sus lectores móviles y tabletas, así como sus visitantes tradicionales en las computadoras regulares.
Tener un diseño que responde en su lugar logra este objetivo y es un aspecto importante del diseño de su sitio web, sobre todo si la mayoría de los visitantes del sitio web están utilizando dispositivos portátiles como teléfonos inteligentes o tabletas.
Video: Programar una plantilla en WordPress #1 - Diseño y Programación Web
Aquí, se ve un ejemplo de diseño de respuesta en la práctica, ya que muestra cómo este sitio web se ve en un iPhone 5.
Aquí, se ve cómo se ve en una tableta iPad. diseños de respuesta se llevan a cabo con una mezcla de rejillas y diseños que son lo suficientemente flexibles para responder a cualquier entorno de visualización tamaño. Como visitantes del sitio web cambian sus dispositivos de visualización, o incluso voltear su vista de vertical a horizontal, el diseño cambia automáticamente para adaptarse al tamaño - y esto incluye menús de navegación, imágenes, medios de comunicación y áreas de contenido.
Puede crear un diseño que responde una serie de diferentes maneras, pero lo más importante, usted quiere asegurarse de que está utilizando técnicas y herramientas eficientes y hacer el trabajo de la manera correcta. La siguiente lista describe algunos grandes recursos para empezar para el diseño responsivo - definitivamente comprobar estos y considerarlos como posibles puntos de partida y herramientas para añadir a su caja de herramientas diseñador de páginas web:
Smashing Magazine: “Responsive Web Design: ¿Qué es y cómo usarlo”, un artículo sobre el diseño de respuesta que cubre los conceptos y técnicas.
Arrancar desde Twitter: Un marco de front-end incluyendo HTML, CSS y javascript que hace que el diseño web de respuesta más rápido y más fácil.
Responsinator: Una herramienta basada en la web útil que permite poner a prueba cómo su sitio web se ve en varios dispositivos móviles diferentes, incluyendo teléfonos inteligentes y tabletas.
Preguntas de los medios: Un sitio fantástico que muestra las técnicas de diseño que responden en la práctica de hoy - un gran lugar para la inspiración.
Si la excavación en las prácticas de diseño de respuesta es un poco intimidante o algo desea postergar por ahora, WordPress tiene un puñado de plugins que proporcionarán diseño móvil para cualquier sitio web, independientemente de si tiene un diseño que responde en su lugar.
Tenga en cuenta que estos plugins se proporcionarán con un vista- móvil / tableta sin embargo, no siempre es tan personalizar o visualmente atractivo como es posible que quiera que sea. La única forma que tiene el control total sobre cómo ve su sitio web en cualquier dispositivo es por entrar en la práctica de diseño de respuesta. Aquí hay algunos plugins de WordPress que proporcionarán una vista móvil de su sitio web:
JetPack: Un plugin con varios módulos diferentes, incluyendo un módulo móvil que le dará a sus espectadores sitio web la oportunidad de navegar por su sitio web en cualquier dispositivo móvil o tableta.
WPTouch: Un plugin popular que transforma su sitio web de WordPress para dispositivos móviles
Paquete móvil WordPress: Un conjunto de herramientas que proporciona una vista móvil de su sitio web e incluye diferentes temas, widgets y un panel de administración móvil.