Ajustes de visualización
Una muestra representativa de los ajustes que cambian el aspecto de los cursos y las lecciones, agrupados por la decisión a la que pertenecen en lugar de por la sección en la que se encuentran.
Decisión 1 — qué aparece en la página
El grupo Visibility, presente de forma idéntica en Course → Course single y Lesson → Lesson single.
WordPress asume que cada entrada quiere una fecha, un autor, categorías, etiquetas, comentarios y una valoración. Los cursos no quieren casi nada de eso.
Un punto de partida defendible:
| Elemento | Curso | Lección |
|---|---|---|
| Imagen destacada | Activada | Desactivada |
| Título | Siempre visible | Desactivado si la subcabecera lo muestra |
| Fecha de la entrada | Desactivada | Desactivada |
| Enlace al autor | Desactivado | Desactivado |
| Caja del autor | Activada si un instructor con nombre vende el curso | Desactivada |
| Categorías | Desactivadas | Desactivadas |
| Etiquetas | Desactivadas | Desactivadas |
| Valoración | Desactivada | Desactivada |
| Comentarios | Tú decides | Tú decides |
Activa elementos porque se ganan su lugar, no porque estén disponibles.
Decisión 2 — el banner
Ambos grupos de subcabecera comienzan con Override default subheader settings?. Hasta que no está activado, nada más del grupo se aplica y los cursos siguen el tema.
Después, para cursos y lecciones por separado:
- Enable subheader for this page?
- Display title — Post title o None
- Subheader size — Small, Medium, Large, Extra large, Full
- Default or custom background — Featured image o Custom
Un banner grande en la página de un curso es un escaparate. El mismo banner en cada lección es un obstáculo con el que los estudiantes se topan decenas de veces. Configúralos de forma distinta: más grandes en los cursos, más pequeños en las lecciones.
Decisión 3 — legibilidad por encima de la imagen
Add overlay? y sus campos de color, estilo, degradado y Overlay alpha.
Los títulos se asientan sobre fotografías de cursos, y las fotografías varían. Una superposición es lo que hace que una imagen arbitraria sea segura para escribir sobre ella. Prueba el alpha con tu imagen más clara y recargada, no con una que te venga bien.
Add parallax effect? y Add opacity reduction effect when scrolling? son decoración. Razonables en el banner de un curso; cuestionables en las páginas de lección, donde los estudiantes se desplazan constantemente.
Consulta Fondo, superposición y paralaje.
Decisión 4 — progreso
Display progress bar, Progress bar position y Progress bar color, de nuevo en ambos lados.
El esquema de la barra lateral siempre muestra el progreso, así que estos ajustes deciden si también se enfatiza en el diseño de la página. Las páginas de lección son las que más se benefician: la barra avanza mientras el estudiante trabaja.
Decisión 5 — navegación
Display posts nav y sus tres compañeros.
| Página | Recomendación |
|---|---|
| Curso | Desactivada, salvo que tu catálogo sea una serie ordenada |
| Lección | Activada — es como los estudiantes avanzan por el material |
Decisión 6 — el momento de carga
Overlay background color y Overlay spinner, bajo Course → Course single → Course overlay.
Las lecciones cargan sin una recarga completa de la página, y esto es lo que cubre ese intervalo. Haz coincidir el color con el fondo de tu página.
Todo es global
Ningún curso ni lección puede anular nada de esto. Si dos partes de tu catálogo necesitan tratamientos distintos, eso es un trabajo de plantillas del tema.
Comprueba
Cambia una decisión a la vez y revisa el front-end después de cada una:
- Una página de curso, en una ventana privada.
- Una página de lección.
- Ambas en un teléfono.
Comprobar después de cada cambio es lo que te dice qué cambio causó la sorpresa.