En esta décima clase del curso de PSD a Theme, terminaremos el desarrollo de nuestro theme haciéndolo responsive y puliendo sus últimos detalles.
10.1 - Adaptación responsive
Hasta ahora, el theme que estamos desarrollando se visualiza perfectamente desde un ordenador. Sin embargo, es necesario que se muestre del mismo modo sea cual sea el dispositivo que utilicemos para acceder al sitio web.
Es por ello, que en este primer vídeo convertiremos el tema hijo en responsivo, de tal modo que se vea bien en ordenadores, tabletas y smartphones.
¡Listo! Ya has visto que las media queries nos ayudan mucho en esta tarea. Colocando nuestros estilos dentro de la media query correspondiente, podemos convertir cualquier theme en responsive de forma fácil y rápida.
10.2 - Puliendo el theme
El theme en sí está terminado. Sin embargo, es muy aconsejable darle un repaso final, para comprobar que todo está correcto.
Uno de los aspectos más importantes, es chequear que todo el código está comentado. De esta forma, no sólo lo entenderás tú, sinó que lo harás comprensible para otras personas que necesiten leerlo en un futuro.
¡Ya lo tenemos! Theme listo y a punto para ser entregado a nuestro cliente. Un theme que puedes descargarte a través del enlace que te hemos dejado debajo del último vídeo.
De este modo, podrás verlo, analizarlo, modificarlo y costumizarlo a tu antojo. De hecho, es un Genesis child theme 100% funcional, que puedes utilizar para lo que quieras :)
Y hasta aquí el curso de PSD a Theme. A lo largo de estas 10 lecciones hemos sido capaces de crear nuestro propio tema de WordPress totalmente desde cero a partir de un diseño en PSD.
Es muy probable que en tu trabajo como desarrollador WordPress, debas transformar diseños creados por otros profesionales en temas de WordPress. Ya has visto que siguiendo estos pasos no ha sido para nado complicado conseguirlo.
Espero que este curso te haya gustado tanto como a mi impartirlo y que te sea útil en tu carrera profesional como desarrollador WordPress.
Y si tienes alguna duda acerca de todo lo que te he contado en este curso, ya sabes que tienes a tu disposición el formulario de soporte de la intranet. Además, estaré encantado escuchar tu feedback respecto al mismo y propuestas de nuevos cursos que te interesen.
Nos vemos en la siguiente lección del siguiente curso, sea el que sea. ¡Hasta entonces!
Todos los capítulos de este curso:
- Curso de PSD a theme de WordPress #1. Introducción
- Curso de PSD a theme de WordPress #2. Creando nuestro child theme
- Curso de PSD a theme de WordPress #3. Elementos comunes
- Curso de PSD a theme de WordPress #4. Página Inicio
- Curso de PSD a theme de WordPress #5. Página Sobre mi
- Curso de PSD a theme de WordPress #6. Página de servicios
- Curso de PSD a theme de WordPress #7. Página de Blog
- Curso de PSD a theme de WordPress #8. Página de post
- Curso de PSD a theme de WordPress #9. Página Contactar
- Curso de PSD a theme de WordPress #10. Adaptación a responsive