Ir al contenido principal

Personalización de Emblem

Emblem se integra con el Personalizador de WordPress (**Apariencia → Personalizar**) para configurar colores, diseño, cabecera y logo. Los cambios del Personalizador se actualizan en vivo en el panel de vista previa y se aplican en todo el sitio una…

Actualizado hoy

Personalización de Emblem

Emblem se integra con el Personalizador de WordPress (Apariencia → Personalizar) para configurar colores, diseño, cabecera y logo. Los cambios del Personalizador se actualizan en vivo en el panel de vista previa y se aplican en todo el sitio una vez publicados.

Logo y branding

En la sección Identidad del sitio:

  • Sube una imagen de logo. El soporte custom-header del tema está declarado en 1000×150px (flexible).

  • Establece el título y la descripción corta del sitio.

El logo se renderiza en la sección de branding de la cabecera.

Colores

La sección Colores expone:

Ajuste

Predeterminado

Texto del contenido

#ffffff

Fondo del contenido

#0e4d15

Primario

#41a62a

Enlace

#57ec11

Texto

#ffffff

Fondo

#0e4d15

Titular

#ffffff

El color Primario dirige los botones, acentos y la UI destacada. El color Enlace se aplica a las etiquetas ancla en línea. Los colores de titular y texto se aplican a todo el contenido del cuerpo.

Si cambias el color primario o de enlace, el cambio se propaga por las tablas de liga, calendarios y páginas de perfil de jugador de SportsPress porque las sobreescrituras de plantillas de SportsPress heredan las variables de color del tema.

Diseño

La sección Diseño expone:

  • Ancho del contenido — control deslizante entre 1000px y 2000px (predeterminado 1000px). Ajusta el ancho máximo del área de contenido en todo el sitio, incluidas las secciones de SportsPress.

Cabecera

La configuración de la cabecera se divide entre los ajustes del Personalizador y el código del tema:

  • La sección Cabecera del Personalizador (donde esté presente) te permite elegir el color de la cabecera, la visibilidad del icono de búsqueda y similares.

  • Las secciones del área de cabecera — qué aparece en la cabecera (menú, branding, banner, widgets) — se configuran a través del filtro header_area_sections en functions.php.

Para Emblem, las secciones predeterminadas de la cabecera son: (utiliza las secciones predeterminadas del framework Rookie)..

Widgets y barras laterales

Las áreas de widgets se registran en framework.php (o functions.php) y se exponen en Apariencia → Widgets. Cada tema registra entre 3 y 12 barras laterales que cubren la barra lateral de contenido principal, las columnas del pie de página y barras laterales específicas de SportsPress (por ejemplo, para páginas de equipo).

Personalizar CSS sin editar el tema

La forma más limpia de añadir CSS personalizado es a través de Apariencia → Personalizar → CSS adicional. Esto almacena el CSS en la base de datos y sobrevive a las actualizaciones del tema. Para cambios mayores de CSS o PHP, utiliza un tema hijo.

Temas hijo

Para realizar cambios a nivel de código de forma segura:

  1. Crea un directorio de tema hijo en wp-content/themes/emblem-child/.

  2. Añade un style.css con Template: emblem en la cabecera.

  3. Activa el tema hijo.

Las plantillas personalizadas y las sobreescrituras de functions.php van en el tema hijo. Los archivos del tema padre se cargan automáticamente como fallbacks.

¿Ha quedado contestada tu pregunta?