1. Definición del formato de reportaje digital
En primer lugar, antes de comenzar a trabajar en el WordPress de su reportaje digital, debes elegir entre uno de los dos formatos disponibles:
Sitio web: Tiene una portada, un menú de navegación y elementos destacados en su home. El menú cuenta con links a los distintos capítulos, cada uno en una URL (página) distinta. Ejemplo: Víctor Jara | Sequía en la Araucanía
One page o long form: Reportaje largo de una sola página. Es importante que quede de manifiesto un inicio, desarrollo y término. Tiene un menú, que al hacer clic en una de sus elementos te «arrastra» la ventana hacia el contenido. Ejemplo: Pesadilla tras las rejas | Víctimas Olvidadas
2. Implementación y personalización según formato
Revise las instrucciones de habilitación de acuerdo al formato elegido:
La implementación del reportaje en formato sitio considera el uso de una página principal (home), que es estático (es decir, no es la portada de un medio con entradas como habíamos trabajado en Digital I), por lo que deberán maquetear y construir su página home que es editable desde la taxonomía Páginas de WordPress.
Adicionalmente, cada una de las unidades o capítulos de su reportaje contarán con su propia página dentro del sitio. Tanto el home como los capítulos (páginas) deben estar vinculados desde el menú principal del sitio.
En su portada considere un mensaje de bienvenida y algún recurso que invite a seguir navegando por el reportaje. Por ejemplo, un botón que diga «Comenzar» que lleve al usuario al primer capítulo. Ver ejemplo
Revisa el video detallado con todo el proceso. Si hay algún paso que tu ya realizaste, puedes omitirlo.
Para implementar un reportaje digital con el formato de one page o long-form (ver ejemplo), deberá habilitar la plantilla Engage, elegir el demo «App One Pager». Luego, solo trabajará con una página Home. Es decir, no utilizará la taxonomía de entradas ni tendrá que crear otras páginas.
Para poder hacer su menú navegable:
- Al editar la página home, debe crear Secciones (que son filas, pero con mayor importancia) y asignarles un nombre en el ID de la sección (se explica desde el min 14:40 del video). Idealmente una o dos palabras, sin espacios, en minúsculas, sin eñes, tildes ni caracteres especiales. Ejemplo: «primeradenuncia» (sin comillas).
- En el menú principal, crea links a cada uno de los capítulos dentro de la página home. Debe añadir un «Enlaces personalizados», en URL debe indicar «#nombredelancla» (sin comillas, incluyendo signo gato, ej: #primeradenuncia) y en texto del enlace lo que debería aparecer. Esto se explica desde el min 20:20 del video.
Revisa el video detallado con todo el proceso. Si hay algún paso que ya realizaste, puedes omitirlo.
3. Uso de Theme Options
La opción Theme Options la encontrarás entre las primeras opciones del menú principal del Escritorio de WordPress. Te permitirá realizar ajustes de diseño y estructura de forma general al sitio.
Por favor, revisa el siguiente video para comprender mejor su funcionamiento (en caso de ser necesario, puedes habilitar subtítulos y configurarlos al español en la parte inferior izquierda):
Los puntos que deberás trabajar en Theme Options son:
- General: Ajustes del ambiente general del sitio, como por ejemplo el ancho de la pantalla.
- Logo: Prepara un logo pensando en tu reportaje (no estamos creando un medio ficticio). Puedes hacerlo en formato png transparente, dependiendo del color de fondo del header (encabezado) de WordPress. Hay varias herramientas en línea para crear logos. Puedes descargar íconos para tu logo de forma gratuita en Freepik o Flaticon.
- Header: Es el encabezado de la página. Desde aquí se regula lo que pasará con el diseño del menú, los espacios, cómo se debería ver el encabezado, etc.
- Page Title: Define las opciones para los encabezados de título de las páginas. Es importante que quienes están trabajando reportaje en formato de sitio realicen este tipo de ajuste.
- Footer: Opciones para el pie de página.
- Styling: Define pantón de colores principal del sitio.
- Typography: Define tipos de fuente para tu sitio. Intenta utilizar letras del tipo sans-serif (sin serifa) sobre todo para el cuerpo. Revisa el catálogo de Google Fonts para mirar opciones y vista previa.
4. Uso del maquetador visual (WPBakery Page Builder)
Todos los grupos deberán utilizar el maquetador visual (WPBakery Page Builder) para disponer el contenido en sus páginas, el cual está habilitado ya en todas las páginas.
La idea es que lo utilice, creando filas y disponiendo el contenido en ellas. El uso de columnas debe ser acotado según pertinencia, se sugiere evitar disponer párrafos completos divididos en dos columnas ya que dificultan la lectura, pero por ejemplo puede utilizar dos columnas (1/2 + 1/2) para poner una foto a la izquierda y una cita (declaración) destacada a la derecha.
Al momento de trabajar en tus páginas, si no ves el WPBakery Page Builder, haz clic en los botones celestes que dicen «Backend Editor» (para trabajar la maqueta desde el administrador de WordPress) o en «Frontend Editor» (para editar la maqueta en la vista pública, te permite ver lo que estás haciendo).
5. Temas a considerar en el diseño y contenido
Se recomienda tomar en consideración las siguientes orientaciones:
Toda personalización debe ser pertinente, desde la perspectiva periodística y del diseño.
- En las entregas los sitios no deben contener contenido de muestra.
- Su sitio no se debe parecer al Demo Site que eligió al principio, por lo tanto, deberá ajustar la personalización en Theme Options como también en la página home (si es que tuviese sus propios ajustes, que se sobreponen a los de Theme Options).
- Preocuparse de la Arquitectura de Información (AI) y Experiencia de Usuario (UX).
- No deben haber elementos distractores, links rotos y todos los elementos de hipertexto deben ser funcionales.