Module Projets

Le module projet de Flexo CMS offre la possibilité de publier des exemples de projets sur votre site internet ainsi que d’en formater le style. Un exemple typique de liste de projets d’un site web est donné à la Figure 7.1.

Pour ajouter un projet, utilisez le navigateur de Flexo CMS et rendez-vous dans l’onglet Projets ⇒ Projets. Cliquez ensuite sur le bouton d’ajout situé en haut à droite de l’écran. Cette action ouvrira alors le formulaire de création montré à la Figure 7.2.

Au sein de Flexo CMS, un projet est définie au minimum par les champs obligatoires suivants : 

• Nom : traduit dans chaque langue proposée par l’outil de traduction ;

Au sein de l’onglet Général du formulaire de création de projet se trouvent également bon nombre de champs facultatifs, les voici parcourus ci-après :

• Photo d’aperçu : La photo qui se trouvera sur la miniature ainsi que lors de la lecture du projet (cf. Figure 7.3 - Figure 7.4) ;
• Catégories : la catégorie à laquelle le projet appartient. Les catégories de projets sont étudiées au point “Catégorie” du “Module Projet” ;
• Nom : Le nom du projet qui se retrouvera sur la miniature lorsqu’on clique sur une catégorie (cf. Figure 7.4). On le retrouvera aussi lorsqu’on appuie sur un projet, comme montré sur la Figure 7.3 ;
• Description courte : La description courte se trouvera sur la miniature ainsi que lors de la lecture du projet (cf. Figure 7.3 - Figure 7.4) ;
• Description : cliquez sur un des projets résumé dans la liste de la Figure 7.2 en ouvrira l’intégralité comme montré à la Figure 7.3. Le contenu des projets est rédigé depuis la zone d’édition de ce champ. Des balises HTML peuvent également être insérées directement dans le corps du projet, en utilisant l’onglet HTML de l’outil d’édition de contenu ;
• Tags : permet d’entrer des mots-clés aidant à regrouper les projets de mêmes tags.

Une fois les informations générales du projet complétées, il est intéressant de parcourir l’entièreté des onglets du navigateur du formulaire de création de projets (cf. Figure 7.2). Au sein de l’onglet information, se trouvent également bon nombre de champs facultatifs, les voici parcourus ci-après :

• Mettre en avant : si cette case est cochée, elle affichera le projet créé en haut de liste sur la page internet ;
• Lien : permet d’ajouter un lien de redirection dans un call-to-action, comme montré à la Figure 7.6 ;
• Nom du lien : permet de renommer le lien présent dans le call-to-action afin d’éviter d’avoir une URL ;
• Date de réalisation : date à laquelle a été réalisé le projet ;
• Affiché à partir du : date à partir de laquelle le projet apparaîtra sur votre site internet ;
• Caché à partir du : programme le jour à partir duquel le projet n’apparaîtra plus sur votre site internet ;
• Est caché ? : une fois la case cochée, le projet n’apparaîtra plus sur le site internet ;
• Classe CSS : permet de référencer une fiche de style à appliquer au projet.

L’onglet photos vous permettra d’ajouter une galerie respectivement d’images à votre projet.

Pour ajouter des photos à votre projet, utilisez un des boutons d’ajout de l’onglet photos du formulaire de création, montré à la Figure 7.4. Pour supprimer un des médias, affichez son menu d’actions rapides en effectuant un clic droit sur celui-ci et sélectionnez supprimer. Pour supprimer l’entièreté des médias de la section photos ou fichiers attachés, utilisez le bouton supprimer tous les éléments.

L’onglet meta du navigateur du formulaire de création d’une nouvelle vous permet de gérer les métadonnées de votre news. Sur Flexo CMS, les métadonnées fournissent des informations aux moteurs de recherche. Elles vont ici permettre de formater l’affichage de la news à l’aide des champs de l’onglet meta au sein des browsers mais également sur les réseaux sociaux. Un exemple de métadonnée sur un moteur de recherche est donné à la Figure 5.24 et un exemple de métadonnée sur les réseaux sociaux est donné à la Figure 5.26. Au sein de l’onglet meta du formulaire de création de news, vous trouvez les champs (cf. Figure 5.25) repris après ces deux captures :

• Titre : le titre de la métadonnée, comme illustré à la Figure 5.24. Notez que ce champ ne peut pas dépasser 70 caractères ;
• Description : un résumé du contenu de la donnée, comme montré à la Figure 5.24 ;
• Mots-clés : utilisés par le moteur de recherche, permettant d’y faire apparaître la nouvelle ;
• Titre : le titre de la méta réseau social associée à la news, en d’autres mots, le titre affiché lors du partage de la news sur les réseaux sociaux ;
• Description : la description de la métadonnée de réseau social associée à la news, i.e. la description apparaissant lorsque la news est partagée sur les réseaux sociaux ;
• OG Image : L’OG Image est l’illustration qui sera affichée sur les réseaux sociaux lorsque vous partagerez le lien de votre news, comme montré en Figure 5.26.

?? Lors de la rédaction du Titre et de la Description de votre news, pensez à effectuer une recherche de mots-clés en lien avec les sujets sur lesquels vous désirez vous positionner. Un Titre et une Description bien rédigés vous permettra d’améliorer votre référencement naturel (SEO) et donc de vous rendre plus visible sur le moteur de recherche.

L’onglet Champs personnalisés vous permettra d’ajouter des champs à vos nouvelles. Contactez-nous pour en faire la demande, nous serons ravis de vous aider.

?? Le déploiement de vos news est automatique si vous avez sélectionné une catégorie principale lors de leur création. Si vous éprouvez des difficultés pour créer une catégorie de news, consultez l’onglet “Catégorie” du “Module Projets”.

Les projets sont classées par catégorie dans Flexo CMS. Ces catégories sont définies pour faciliter l’affichage des bons projets aux bons utilisateurs. Les catégories de projets sont arrangées sous forme d’arborescence, une catégorie peut donc être une sous-catégorie d’une autre. Dans l’exemple de la Figure 7.7, Réalisations est la catégorie générale du projet, elle contient 2 catégories étant Immeubles et Maisons. La catégorie Maisons contient quant à elle encore 2 sous-catégories de projets, qui sont : Mitoyennes et Villas. Chaque niveau de dépendance dans la hiérarchie est symbolisé par |--.

Pour ajouter une catégorie de projet, utilisez le navigateur de Flexo CMS et rendez-vous dans l’onglet Projets ⇒ Catégories. Cliquez ensuite sur le bouton d’ajout situé en haut à droite de l’écran. Cette action ouvrira alors le formulaire de création de catégories de projets montré à la Figure 7.8.

Une catégorie de projet est définie au minimum par son champ obligatoire, qui est :

• Son nom : traduit dans chaque langue proposée par l’outil de traduction ;

Á ceci peuvent s’ajouter des champs facultatifs, permettant de tirer parti de toutes les fonctionnalités des catégories de projets, à savoir, pour les informations générales : 

• Description : cliquez sur une des catégories de projets résumée ouvrira l’intégralité. Le contenu des catégories de projets est rédigé depuis la zone d’édition de ce champ. Des balises HTML peuvent également être insérées directement dans le corps du projet, en utilisant l’onglet HTML de l’outil d’édition de contenu ;
• Description courte : la description courte se trouvera sur la miniature ainsi que lors de la lecture de la catégorie de projet ;
• Ordre : les projets sont affichés sur le site géré sous la forme d'une liste. Ces listes contiennent des projets appartenant aux mêmes catégories et ces catégories peuvent être sélectionnées depuis un menu déroulant. L’ordre stipule simplement la place de la catégorie créée dans ce menu ;
• Catégorie parent : comme expliqué précédemment, les catégories sont organisées sous forme d’arborescence. La catégorie parente désigne la catégorie de projet à laquelle la catégorie créée appartiendra. Si elle n’appartient à aucune autre, ce champ sera laissé vide.

Les onglets meta et champs personnalisés du navigateur du formulaire de création de catégories de projets sont similaires à ceux de mêmes noms étudiés à la section News. Gardez simplement en tête qu’ici, les configurations portent sur une catégorie complète et non plus sur une des données de celle-ci.