Module News

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

Pour ajouter une nouvelle, utilisez le navigateur de Flexo CMS et rendez-vous dans l’onglet News ⇒ News. 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 5.20.

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

• Titre : le titre de la zone news ;
• Description : le contenu textuel de la nouvelle ;

Au sein de l’onglet Général du formulaire de création de news se trouvent également bon nombre de champs facultatifs, parcourus ci-dessous :

• Langue : la langue dans laquelle est rédigée la nouvelle. Une news ne sera affichée qu’au sein d’une page de même langue ;
• Catégorie principale : la catégorie à laquelle la news appartient. Les catégories de news sont étudiées au point “Catégorie” du “Module News” ;
• Date de publication : la date à laquelle la nouvelle apparaîtra sur le site géré par Flexo CMS. Ceci permet de préparer une news à l’avance et d’automatiser son déploiement ;
• Date d’archivage : la date à laquelle la nouvelle ne sera plus affichée sur le site web géré. Ce champ permet l’automatisation de l’expiration des nouvelles ;
• Statuts : une news peut se trouver sous 2 statuts :
  • Publié : une news visible depuis le site ou qui le sera une fois la date de publication atteinte
  • Brouillon : une news n’étant pas encore visible depuis le site web et qui doit encore être éditée
• Est un événement : une case à cocher si la news est un événement. Les particularités des événements sont étudiées au point Évènements ;
• Cette news est importante : si cette case est cochée, elle affichera la news créée en haut de liste sur la page internet ;
• Classe CSS : permet de référencer une fiche de style à appliquer à la nouvelle ;
• Résumé : sur le site web géré, les news peuvent s’afficher sous forme de listes comme montré à la Figure 5.19. Chaque élément de la liste est en réalité un résumé de la news, contenant une image, une date et un résumé texte de son contenu (la plupart du temps). Les champs de résumé du formulaire de la Figure 5.20 vous permettent donc de télécharger une image et d’ajouter un aperçu textuel afin de créer un résumé de la news comme montré à la Figure 5.19;
• Description : cliquez sur une des news résumée de la liste de la Figure 5.19 en ouvrira l’intégralité comme montré à la Figure 5.21. Le contenu des nouvelles est rédigé depuis la zone d’édition de ce champ. Des balises HTML peuvent également être insérées directement dans le corps de la nouvelle, en utilisant l’onglet HTML de l’outil d’édition de contenu ;
• Copyright : les champs de copyright et de sites web permettent de citer les sources ayant servi à la rédaction du contenu de la news ;
• Tags : les tags sont des mots-clés, s’affichant au-dessous de la news et permettant de regrouper des news de catégories différentes entre elles. Si l’utilisateur clique sur le tag, toutes les news le contenant lui seront affichées ;

Une fois les informations générales de la news complétées, il est intéressant de parcourir l’entièreté des onglets du navigateur du formulaire de création de nouvelles (cf. Figure 5.20). Les onglets photos et fichiers attachés vous permettront d’ajouter une galerie respectivement d’images et des pièces jointes à votre news.

Pour ajouter des photos (resp. des fichiers) à votre news, utilisez un des boutons d’ajout de l’onglet photos (resp. fichiers attachés) du formulaire de création, montrés à la Figure 5.22. 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.

Ne confondez pas les boutons de suppression de média d’une nouvelle de la Figure 5.22 avec le bouton de suppression de la nouvelle complète. Le premier supprimera uniquement un élément précis de la news alors que le second en supprimera l’entièreté.

Remarque : Les illustrations des news ne doivent pas être ajoutées via la zone de bannières. Il s’agit de deux modules indépendants.

L’onglet droits d’accès du navigateur du formulaire de création de news (cf. Figure 5.20) vous permet de gérer les utilisateurs ayant accès au contenu de la nouvelle créée. Ainsi, si par exemple vous désirez qu’uniquement les utilisateurs connectés aient accès à ce contenu, il vous suffit d’en supprimer l’accès aux utilisateurs invités. Dans l’exemple de la Figure 5.23, la news est configurée de manière à ne pas être visible si le visiteur n’est pas connecté. Pour donner l’accès à une catégorie de rôle, sélectionnez allow depuis le menu déroulant de type d’accès, pour le refuser sélectionnez deny.

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)

• 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 : utilisez 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é 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 lesquelles vous désirer vous positionner. Un Titre et une Description bien rédigés vous permettront d’améliorer votre référencement naturel (SEO) et donc 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.

Si le champ "est un événement" est coché dans le formulaire de création d’une news, un onglet de nom événement fera son apparition dans le navigateur de ce formulaire (cf. Figure 5.20-Figure 5.27). Un événement est en réalité une news à quelques différences près, à savoir : 

• La date affichée dans le résumé d’un événement ( Figure 5.19) sera la date de l’événement et non plus la date de sa publication ;
• Un lieu est ajouté au résumé de l’événement ;
• Un formulaire d’inscription peut être configuré au sein de son contenu.

Depuis l’onglet événement du navigateur du formulaire de création, diverses informations sur celui-ci peuvent être renseignées, notamment :

• La date de début de l’événement : à partir de laquelle il sera publié ;
• La date de fin de l’événement : à partir de laquelle il sera archivé ;
• La date de l’événement : affichée dans son résumé ;
• Le nom du lieu : également affiché dans le résumé de l’événement ;
• L’adresse du lieu : l’adresse exacte affichée sur une carte Google dans le corps de la news.

Une fois les informations sur l’événement configurées, vous pouvez également offrir aux utilisateurs la possibilité de s’y inscrire via un formulaire en ligne, placé dans le contenu de l’événement ou via une plateforme externe. Pour ce faire, activez le champ inscription à l’événement et configurez les différents paramètres d’inscription, à savoir :

• Le nombre d’inscription maximales : uniquement utilisé pour l’affichage. Ce nombre n’interdira pas les inscriptions une fois la valeur maximale atteinte et ne sera pas mis à jour en fonction des inscrits ;
• Le nombre d’inscrits : le nombre de participants actuels confirmés ;
• La date de début de l’inscription ;
• La date de fin de l’inscription ;
• Le prix de l’inscription ;
• Le moyen d’inscription : soit par un formulaire directement proposé depuis le site géré, soit via un organisme externe dont le lien doit être référencé.

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

Les news sont classées par catégories dans Flexo CMS. Ces catégories sont définies pour faciliter l’affichage des bonnes news aux bons utilisateurs. Les catégories de news 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 5.28, news est la catégorie générale de nouvelles, elle contient 2 catégories qui sont : concerts et ateliers. La catégorie concerts contient quant à elle encore 2 sous-catégories de nouvelles : concerts payants et concerts gratuits. Chaque niveau de dépendance dans la hiérarchie est symbolisé par |--.

Pour ajouter une catégorie de news, utilisez le navigateur de Flexo CMS et rendez-vous dans l’onglet News ⇒ 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 news montré à la Figure 5.29.

Une catégorie de news est définie au minimum par le champ obligatoire suivant :

• 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 news, à savoir, pour les informations générales :

• Ordre : les news sont affichées sur le site géré sous forme de liste. Ces listes contiennent des news 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 dit précédemment, les catégories sont organisées sous forme d’arborescence. La catégorie parent désigne la catégorie de news à laquelle la catégorie créée appartiendra. Si elle n’appartient à aucune autre, ce champ sera laissé vide ;
• Afficher les news des sous-catégories : si cette option est cochée pour la catégorie créée, les news des catégories pour lesquelles celle créée est la parente seront incluses à la liste affichée ;
• Cacher la catégorie : permet de masquer une catégorie, par exemple de manière temporaire pour rédiger l’entièreté de son contenu avant de la déployer sur le site ;
• Est un événement : si cette case est cochée alors chaque news de la catégorie sera par défaut un événement ;
• Classe CSS : permet de référencer une fiche de style à appliquer à la nouvelle ;
• Taille de l’image : permet de stipuler les dimensions de l’image du résumé (Figure 5.19) des news appartenant à la catégorie créée. Le premier champ saisi est la largeur et le second la longueur, toutes deux en pixel ;
• DisplayMode: permet de définir le mode d’affichage des news de la catégorie. Il sera sous forme d’une liste, au format d’un blog ou sous forme de vignettes.

Les onglets meta, droits d’accès et champs personnalisés du navigateur du formulaire de création de catégories de news 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.