Passer au contenu principal

Personnaliser Varsity

Varsity s'intègre au Customizer WordPress (**Apparence → Personnaliser**) pour la configuration des couleurs, de la mise en page, de l'en-tête et du logo. Les modifications du Customizer se mettent à jour en direct dans le panneau d'aperçu et s'appl…

Mis à jour aujourd’hui

Personnaliser Varsity

Varsity s'intègre au Customizer WordPress (Apparence → Personnaliser) pour la configuration des couleurs, de la mise en page, de l'en-tête et du logo. Les modifications du Customizer se mettent à jour en direct dans le panneau d'aperçu et s'appliquent à l'ensemble du site une fois publiées.

Logo et identité

Dans la section Identité du site :

  • Téléversez une image de logo. La prise en charge custom-header du thème est déclarée à 1000×150 px (flexible).

  • Définissez le titre du site et le slogan.

Le logo est rendu dans la section identité de l'en-tête.

Couleurs

La section Couleurs expose :

Réglage

Par défaut

Texte du contenu

#001116

Arrière-plan du contenu

#f7f7f7

Primary

#7c4d95

Link

#f32c5b

Text

#001116

Background

#f7f7f7

Heading

#001116

La couleur Primary anime les boutons, les accents et l'interface mise en évidence. La couleur Link s'applique aux balises d'ancrage en ligne. Les couleurs des titres et du texte s'appliquent à l'ensemble du contenu du corps.

Si vous changez la couleur primaire ou de lien, le changement se répercute sur les tableaux de ligue, les calendriers et les pages de profil de joueur SportsPress, car les remplacements de modèles SportsPress héritent des variables de couleur du thème.

Mise en page

La section Layout expose :

  • Largeur du contenu — curseur entre 1000 px et 2000 px (par défaut 1000 px). Ajuste la largeur maximale de la zone de contenu sur l'ensemble du site, y compris les sections SportsPress.

En-tête

La configuration de l'en-tête est répartie entre les réglages du Customizer et le code du thème :

  • La section Header du Customizer (lorsque présente) vous permet de choisir la couleur de l'en-tête, la visibilité de l'icône de recherche, et autres.

  • Les sections de la zone d'en-tête — ce qui apparaît dans l'en-tête (menu, identité, bannière, widgets) — sont configurées via le filtre header_area_sections dans functions.php.

Pour Varsity, les sections d'en-tête par défaut sont celles du framework Rookie.

Widgets et barres latérales

Les zones de widgets sont enregistrées dans framework.php (ou functions.php) et exposées dans Apparence → Widgets. Chaque thème enregistre entre 3 et 12 barres latérales couvrant la barre latérale principale du contenu, les colonnes de pied de page et les barres latérales spécifiques à SportsPress (par exemple, pour les pages d'équipe).

Personnaliser le CSS sans modifier le thème

La manière la plus propre d'ajouter du CSS personnalisé est via Apparence → Personnaliser → CSS additionnel. Cela stocke le CSS dans la base de données et survit aux mises à jour du thème. Pour des modifications CSS ou PHP plus importantes, utilisez un thème enfant.

Thèmes enfants

Pour effectuer des modifications de niveau code en toute sécurité :

  1. Créez un répertoire de thème enfant sous wp-content/themes/varsity-child/.

  2. Ajoutez un style.css avec Template: varsity dans l'en-tête.

  3. Activez le thème enfant.

Les modèles personnalisés et les remplacements functions.php vont dans le thème enfant. Les fichiers du thème parent sont chargés automatiquement comme solutions de repli.

Avez-vous trouvé la réponse à votre question ?