1 – Read Me

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)