Cosas que le puedes hacer:
- Estandarizar los colores
- Homogeneizar las fuentes
- Una para el contenido
- Otra para los enlaces (y así te evitas tener que subrayarlos en reposo)
- Otra más para los menús
- Estabilizar los permalinks (enlaces permanentes, por ejemplo en wordpress) para que todo esté en su sitio y sea fácil navegar
- Diferenciar entre tema de escritorio y tema para móvil
- En el tema de escritorio:
- Algunos menús irán a la izquierda del contenido
- Mediante css media only px tal tal consigues que los paddings y margins se apliquen solo a escritorio
- El menú bonito de arriba es interactivo al pasar el ratón
- En el tema móvil:
- Todos los menús salvo el principal tienden a ir después del contenido
- Mediante css media only px (inferior a) consigues ajustar algunas cosas que el tema base
- El menú bonito de arriba (principal) es estático, generalmente (en mi caso) desplegado, de otros colores y con menos florituras como animaciones al pasar el ratón (aunque para gustos los colores)
- Siempre habrá un tema base que toquetearás en los dos supuestos anteriores.
- El punto de corte debe ser fluido (si cortas en escritorio >883px, en móvil será <884px)
- Mediante Elements (GeneratePress, es el tema que lleva la web), PageList (plugin) y modificando las opciones de visualización de cada página (Seleccionar: Dos barras literales; sí, «literales» y no «laterales»), se puede hacer que cada sección tenga una bonita barra lateral izquierda con las páginas que la componen que se muestre en todas ellas, haciendo más fácil al visitante saber dónde se encuentra y lo que hay sin intentarlo tanto clicando el menú principal
- Colocar visores PDF en cada página que tenga un enlace a uno. Pero ojo, dejando el enlace sobre el visor para que no quede como un enlace oculto.
- En cuanto a documentos del centro, emplear el mismo visor pero con las opciones de selección y copia desactivadas.
Y queda una web tan bonita como esta:
