En esta novena clase del curso de PSD a Theme, creamos la página de contacto, que contará con un formulario a disposición de los usuarios
La página de contacto es fundamental en cualquier sitio web. Y más en uno de corte corporativo, dónde el objetivo principal es que los leads se pongan en contacto con nuestro cliente.
Así pues, en esta penúltima lección nos encargaremos de dejarla en perfecto estado de revista. Lo primero que haremos será maquetar el layout tal y como aparece en nuestro diseño. ¡Empecemos!
¡Ya lo tenemos! ¿Has visto que simple resulta crear un nuevo template de página? De este modo, el usuario lo tiene muy fácil para escoger con qué template quiere trabajar directamente desde su backend, sin meterse en código.
Y para ello, hemos usado una aproximación distinta de la clase 5. En este caso, hemos creado un template de página y asignado una nueva clase al body de la misma al que, posteriormente, hemos dado estilo. De este modo, nuestro cliente puede seleccionar directamente desde su backend, con qué tipo de página quiere trabajar: una del estilo de Quien soy u otra del tipo Contactar
Además, hemos insertado un formulario de contacto muy simple, el cual también hemos maquetado convenientemente para ajustarlo a nuestras necesidades. Para nosotros, crear una nueva clase y asignársela al body es muy cómodo. A partir de ahí, podemos maquetar cualquier página individual tal y como queramos, sin restricción alguna.
En la siguiente lección, la última del curso, haremos que nuestro theme sea responsivo. Esto es, que se vea perfectamente en cualquier tipo de dispositivo. ¡Nos vemos!
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