Actividad 10: Creación y edición de archivos de plantilla para nuestro tema
- Bootstrap
- CSS
- HTML
- WordPress
Descripción de la actividad
1. Crea archivos de plantilla para diferentes tipos de publicaciones. Usaremos el contenido de la actividad anterior (galería de arte)
- Archivo de plantilla por defecto (index.php). Características:
Estructura segons index-wireframe.png
Menú principal lateral visible per pantalles grans
Menú lateral ocult per pantalles petites
Contingut secundari a la dreta del contingut principal - Archivo de plantilla para la página de inicio (front-page.php) – Con diferentes sidebars
- Archivo de plantilla para las publicaciones páginas (page.php) – Con barra lateral izquierda (sidebar)
- Archivo de plantilla para las publicaciones entradas (single.php)
- Archivo de plantilla para las listas de entradas (category.php) – Con barra lateral derecha (sidebar)
1. Crear wireframe si es necesario
2. Desarrollar el html del archivo a partir del prototipo
3. Añadir las etiquetas de plantilla php necesarias para recuperar el contenido de la base de datos
4. Añadir las reglas de estilo css necesarias
Características para nuestros archivos
- Deben disponer de barra de navegación del sitio
- Deben cargar el contenido dinámicamente desde la base de datos
- El nombre del sitio debe cambiar dinámicamente en el header del theme, así como el el title de head.
- Necesitaremos enlaces a la entrada desde los títulos de cada entrada en la lista de entradas de category.php.
- Necesitaremos navegación para ir a la siguiente y anterior entrada (pagination)
- Podemos declarar clases en el body de los archivos de plantilla (body class)
- Podemos cargar diferentes cabeceras (header) del sitio según el tipo de contenido desplegado (page templates)
2. Crea archivos de plantilla personalizados.
- Crearemos un archivo de plantilla personalizado, sin ninguna barra lateral, con anchura del contenido al 100%. Lo podremos escoger cuando editamos el contenido de una página (page templates)
- Crearemos un archivo de plantilla para la página de inicio, con diferentes sidebars que se irán cargando si añadimos contenido desde Apariencia/Widgets