1 – Read Me

Bienvenue dans ce nouveau projet personnalisé par THRIVE !

Retrouvez ici toutes les explications pour bien démarrer votre projet ;)

Suivez d’abord les instructions d’installation ci-dessous
de votre thème personnalisé Thrive :

1 – Prérequis
  • Clonez le projet GitLab dans votre répertoire de travail.
  • clone de git https://gitlab.com/AgenceThrive/project-name/.git
2 – Configurer Prepros
  • Ouvrez le projet dans Prepros et configurez les paramètres suivants :
    • Cliquez avec le bouton droit sur « Readme.md » et décochez « Inclure le fichier lors du téléchargement »
  • Dans le dossier « styles », sélectionnez « main.scss » et cochez les cases :
    • « Traiter automatiquement »
    • « Préfixe automatique »
    • « Minify »
    • « Source Map »
  • Dans les paramètres du projet, configurez le téléchargement :
    • SFTP
    • Hôte : serveur partagé
    • Utilisateur : identifiant FTP
    • Password : mot de passe FTP
    • Port :22
    • Chemin distant : /var/www/vhosts//httpdocs/wp-content/themes/thrive-custom-theme
    • Cochez la case : « Télécharger automatiquement »
3 – Construction
  • Avant de commencer la construction du site, vous devez vous poser les bonnes questions sur l’information et son type d’attribution :
    • Tout type d’informations devant être utilisées pour GROUPER (emploi/secteur/ville etc.) :
      doit être considéré comme une TAXONOMIE. Une taxonomie est une information PARTAGÉE.
    • Tout type d’information destinée à être PUBLIÉE sur le site (article / annonce / formation etc.) :
      doit être considérée comme une PUBLICATION (CPT), pouvant recevoir des champs personnalisés (ACF).
4 – Développement
  • Tous les styles du projet sont dans le dossier « styles ».
  • Le fichier style.css est un fichier nécessaire pour WordPress, il ne doit pas être modifié.
  • Tous les scripts Javascript du projet sont dans le dossier « scripts ».
5 – Structure des « styles
  • « main.scss » : fichier principal qui importe tous les autres fichiers
  • « main.css » : fichier généré par Prepros, minifié et préfixé automatiquement –> c’est celui qui est téléchargé et utilisé par le site
  • « main.css.map » : Fichier généré par Prepros, permettant de retrouver les fichiers sources dans le navigateur
  • _0_ressources : Copiez toutes les bibliothèques scss externes nécessaires (swiper.scss, nice-select.scss, etc…)
  • _1_parameters » : Définit les paramètres globaux du thème (polices, couleurs, points d’arrêt, dispositions des sections, autres variables…)
  • _2_components : Définit les composants du thème (fil d’Ariane, boutons, menus…)
  • _3_cards : Définit les cartes thématiques
  • _4_blocks : définit l’en-tête et le pied de page, variantes de disposition des sections, apartés
  • _5_templates : Définit des styles spécifiques à certains modèles mutualisés
  • _5_pages : Définit les styles spécifiques à certaines pages uniques
6 – Structure des scripts
  • « libs » : Copiez toutes les bibliothèques js externes nécessaires (device-detect.js, jquery.nice-select.js, etc…)
  • « main-script.js » : fichier principal qui importera tous les autres fichiers lors du chargement de la page.
  • « managers » : Contient les « managers » d’actions, sous forme de classes JS
7 – Structure des fichiers PHP
  • « functions.php » : Fichier principal qui importe tous les autres fichiers de configuration présents dans le dossier « config »
  • « index.php » : Fichier requis par défaut pour WordPress
  • « header.php » : Fichier contenant l’entête du site
  • « footer.php » : Fichier contenant le pied de page du site
  • « front-page.php » : Fichier contenant la page d’accueil du site
  • « page.php » : Fichier contenant la page de base
  • « single.php » : Fichier contenant l’article de base
8 – Structure du dossier « config »
  • « config.php » : Fichier principal qui configure les fonctionnalités de WordPress
  • « _0_init.php » : Fichier d’installation du thème
  • « _1_libraries.php » : Fichier des déclarations des librairies javascript externes
  • « _2_shortcodes.php » : Fichier des déclarations de shortcodes pouvant être appelés dans le projet (uniquement les CTA’s de base)
  • « _3_theme.php » : Fichier des fonctions globales du thème (Customization de l’interface Admin, Détection de device, Adaptations sur les extensions, etc…)
  • « _4_datas.php » : Fichier des fonctions « Modèles » retournant les datas selon les besoins spécifiques au projet
Développé par :

[Prospérer](https://www.agencethrive.com)