Thémes graphiques

Dernière édition : Aout 2020

Le script permet de modifier entièrement le site à partir d'un nombre restreints de fichiers à modifier :

  • couleurs et taille des objects : fichier CSS
  • contenu des pages principales : fichier HTML

Le script propose un mode « par thème » qui permet de regrouper l'ensemble des fichiers clés qui constitue le théme de votre site dans un même endroit. Cela permet aussi de changer de thème rapidement. Enfin, ce mode est compatible avec la mise à jour de votre site.

Mode « par thème »

Ce mode est toujours activé par défaut avec le thème standard. Celui-ci regroupe, sous le répertoire /themes/standard, l'ensemble des fichiers de mise ne forme du site.

Choix du thème

Le théme général doit être choisi dans le menu CONFIGURATION > THEME. Ce champ liste les sous-répertoires détectés dans le répertoire theme du site.
admin-theme-choice

Fichiers du théme

Le contenu type est le suivant mais on peut par la suite ajouter des fichiers et les référencer dans la configuration du site.

admin-theme-list

Fichiers de gestion de la page d'accueil

Ces fichiers gèrent la page d'accueil uniquement (si elle est activée)

Le fichier ... ... gére le contenu de ...
_home_splash.html l'entête de la page principale (image et textes)
_home_page.html la section accueil

Fichiers génériques

Ces fichiers agissent sur la totalité du site.

Le fichier ... ... gére le contenu de ...
dashboard.php du dashboard (zone de texte en bas de la page)...
footer.php du pied de page
cust_style.css complément css spécifique au thème
cus_mobile_style.css complément css spécifique au thème lorsque que affiché sur mobile
custom.js complément de code Javascript
cust_lang_[LangISOcode].js complément de traduction
_first_login_[LangISOcode].html sous-contenu affiché au login (la première fois uniquement)
_login_[LangISOcode].html sous-contenu affiché pour chaque login (hors la première fois)
_ad_plan_[LangISOcode].html sous-contenu listant les plans d'annonces
_disclamer.html sous-contenu à accepter et affiché (si activé) lors de la première visite du site
_adult_cat_disclamer.html sous-contenu à acceper et affiché lors de la première consultation d'une annonce dans une catégorie Adulte

Modification des fichiers

Ces fichiers sont au format texte /HTML. Ils peuvent contenir des mots-clef (SHORT-CODES) qui vont être interprétés par le script au moment du chargement de la page. Le Script remplacera alors automatiquement ces SHORT-CODES par du contenu auto-généré (widgets dynamiques ou autres) à partir des données du site ou activera des actions qui permettront de connecter cette page au script. Voir la liste de tous les SHORT-CODES

Le contenu des fichiers est modifiable directement par l’interface de gestion ADMIN > GESTION FICHIERS > FICHIERS DU THEME admin-fichiers-theme-menu

Exemple de modification de la page d'accueil

  • cliquez sur ADMIN > GESTION FICHIERS > FICHIERS DU THEME
  • choisir le fichier _home_page.html et cliquer sur l'icon edit

admin-fichiers-listhome

  • modifier le contenu, sauvegarder et recharger la page d'accueil > le nouveau contenu est alors affiché. admin-fichiers-edithome

On peut également retrouver et modifier les fichiers directement en accédant en FTP à l’arborescence suivante : {racine}/themes/{nomdutheme}xxxx

Le thème standard affiche une page de type «FULL-SCREEN» (sans bare latérale) avec une large image en entête. Cette image doit être assez large pour ne pas être déformées sur des écrans très larges. La taille recommandée minimale est de 1500px par 500px.

Chemin des fichers

Les fichiers doivent être liés aux différentes zones et contexte du site. Lors de la première installation, ces liaisons sont faites pour le thème standard mais vous pouvez décider de les modifier pour des raisons de test (A/B testing par exemple) ou autres.

Suivant la nature de la liaison, vous pourrez entrer le nom simple du fichier ou une url relative à la racine du site. Si vous entrer le nom simple du fichier, automatiquement le script utilisera le fichier du même nom dans le théme indiqué. Les champs qui permettent un entrée nom simple sont indiqué avec une icon en forme de dossier comme indiqué ci-dessous admin-theme-cssaddon

Créer son propre théme

Il est possible de créer son propre théme en clonant le théme standard de base dans un autre répertoire (en changeant de nom) en gardant la structure des fichiers. Aprés avoir rechargé le site (reload), ce nouveau thème apparaitra en selection et vous pourrez alors changer les fichiers.

Thème en mode sombre

Le script propose nativement une variante du thème en mode sombre. L'avantage est qu'il vous permettra de ménager vos yeux, mais également de faire des économies d'énergie sur les appareils équipés d'un écran OLED, ce dernier ne s'allumant pas pour afficher le noir.

Une icone apparait en haut de la page pour sélectionner ce mode ou revenir au mode normal à tout moment.
site-night-icon

Pour plus d’information, consulter la page mode sombre

Logos

Le logo principal du site est configuré dans le menu CONFIGURATION > METAS/SEO. Il sera affiché en entête du site . Taille recommandée : Hauteur max de 50px . site-logo-top

Le Favion est aussi configuré dans ce menu. admin-logo-top

Un logo de bas de page peut aussi être conguguré dans le menu CONFIGURATION > DETAILS. Il sera affiché en bas de pasge dans le zone appelée dashboard. site-logo-dashboard

Configuration admin-logo-dashboard

Pour les pages statiques du site ainsi que les interfaces de paiments comme PAYPAL ou aute, on peut aussi indiquer un autre logo dans le menu CONFIGURATION > DETAILS. Le chemin devra être absolut indiqué ci-dessous.

admin-logo-paypal

Pour les entête des emails oou les factures PDF,on peut aussi indiquer un autre logo dans le menu CONFIGURATION > DETAILS. Le chemin devra être absolut indiqué ci-dessous.

En entête des emails site-logo-email

En entête des factures PDF site-logo-invoice