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).
- Tout type d’informations devant être utilisées pour GROUPER (emploi/secteur/ville etc.) :
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)