Étape 3 - Plan > Fenêtre Blog : Page article

Le Blog est composé d’une Page Principale, qui sert de Page d’Accueil de la rubrique, et du même nombre de Pages qu’il n’y a d’Articles publiés. Grâce aux options proposées dans cette fenêtre, vous pouvez ainsi définir la structure des Pages consacrées aux Articles, décider si vous souhaitez créer une version AMP de chaque Article et activer l'affichage des boutons de partage et de commentaires.

Pour configurer la structure des Pages des Articles, il suffit d’utiliser les options disponibles dans la rubrique Affichage. En particulier, vous pouvez choisir entre :

	Titre en haut et contenus en bas
	Titre en haut, couverture et contenus en bas
	Couverture en haut, titre et contenus en bas

Se vous choisissez un type d’affichage qui prévoit une Couverture, vous pouvez intervenir également sur les options suivantes :

▪

Adapter les dimensions : si elle est active, cette option fait en sorte que l’image de Couverture occupe tout l'espace à disposition à l’intérieur de la Page, aussi bien en largeur qu’en hauteur. Dans le cas où les proportions ne correspondent pas, l’image est centrée et coupée. Si, en revanche, cette option n'est pas active, l’image de Couverture est adaptée soit à la largeur soit à la hauteur de l'espace à disposition.

▪	Hauteur maximum : définit la valeur en pixels de la hauteur maximale de l’image de Couverture à l’intérieur de la Page.

L’encadré Options présente les options nécessaires pour afficher ou non les Blocs latéraux et inviter les lecteurs à partager les Articles :

▪	Affichage Blocs latéraux : si cette option est activée, elle permet de proposer la barre avec les Blocs latéraux dans les Pages des Articles.

▪

Afficher le bouton 'AddThis' pour partager des contenus. : si vous sélectionnez cette option, le bouton "AddThis" apparaît automatiquement sous chaque article du Blog. En cliquant sur ce bouton, le lecteur affiche un sous-menu contenant une liste des Réseaux Sociaux les plus connus: s'il dispose d'un profil sur l'un de ces circuits, il pourra le sélectionner et partager le lien vers le Poste avec ses contacts.

•	Type de bouton : permet de définir l'aspect du bouton "AddThis" en choisissant parmi les propositions graphiques contenues dans la liste déroulante.

•	Compte AddThis : permet, si vous disposez d'un Compte AddThis, de le spécifier. Avoir un compte permet d'afficher certaines statistiques sur l'utilisation du service AddThis par les lecteurs.

Pour plus d'informations sur le service AddThis et pour obtenir un compte, cliquez sur le bouton et accédez au Site officiel : www.addthis.com.

L’encadré Google AMP présente en revanche les options nécessaires pour créer une version AMP des Articles :

▪

Créer des pages Google AMP en incluant le contenu du Blog : en activant cette option, une version en AMP est créée pour chaque Article du Blog, en plus de la Page utilisée sur le Site. Les versions en AMP seront utilisées par Google pour permettre aux utilisateurs navigants sur un dispositif mobile d’y accéder rapidement.

▪	Image d'en-tête pour Google AMP : définit l’image qui doit être utilisée comme en-tête (en-tête supérieur) des Pages Google AMP au lieu de l’en-tête présent dans les Pages complètes.

AMP est un projet de Google visant à améliorer la vitesse de chargement des pages sur les appareils mobiles (https://www.ampproject.org/).

Les Pages Google AMP sont très simples et incluent uniquement les éléments strictement nécessaires. Elles sont servies par le cache de Google et s’affichent avec l’ajout d’une barre qui propose le domaine et le lien vers la version complète des Pages.

AMP présente quelques limitations, notamment en ce qui concerne l’impossibilité d’utiliser JavaScript. C’est pourquoi dans les Pages Google AMP, les blocs latéraux ne peuvent pas être conservés, les éventuels Diaporamas sont recréés à l'aide d’un élément spécifique et certains types de lien sont remplacés par un lien vers la version complète de la Page.

Étant donné que les versions AMP sont chargées par Google sur ses serveurs en HTTPS, pour que tout fonctionne correctement, il est nécessaire que le Site complet et les éventuelles ressources reliées dans les Articles du Blog soient chargés sur un domaine en HTTPS.

Les commandes de la section Commentaires, enfin, permettent de gérer l'entrée des commentaires laissés par les visiteurs comme réaction aux articles publiés dans le Blog.

Tout d'abord il faut activer l'option Permettre l'entrée des commentaires pour les articles du blog pour permettre aux Visiteurs de laisser des commentaires aux Articles publiés dans le Blog.

Ensuite, il faut spécifier le Système de gestion des commentaires en choisissant entre :

	WebSite X5: est le système interne de WebSite X5 et implique l'utilisation d'un Panneau de Contrôle en lignespécifique.
	Facebook: utilise le Plug-in Social de Facebook pour gérer les discussions et les commentaires
	Disqus: est le système fourni par Disqus.

Si vous utilisez le Système de gestion des commentaires interne de WebSite X5, il est nécessaire de définir le Type de contenu que les Visiteurs du Site pourront laisser, en choisissant entre :

	Commenter et voter: les Visiteurs peuvent laisser des commentaires et, en plus, exprimer un vote.
	Commentaire: les Visiteurs peuvent laisser des commentaires mais ne peuvent pas voter.
	Voter: les Visiteurs peuvent voter mais ne peuvent pas laisser de commentaires.

Une fois le Type de contenu sélectionné, dans la section Gestion des commentaires sont présentées les options disponibles :

▪	Mode d'affichage : définit si les commentaires laissés par les visiteurs peuvent être consultés en ligne immédiatement, ou si ils doivent d'abord être approuvés à l'aide des commandes du Panneau de contrôle en ligne.

▪	Ordre d'affichage : définit dans quel ordre chronologique doivent être affichés les commentaires publiés, du plus récent au plus ancien ou vice versa.

▪	Commentaires par page : définit le nombre maximum de commentaires qui doit s'afficher par Page.

▪	Afficher le bouton 'Abus': permet de mettre à disposition des visiteurs le bouton "Abus" à l'aide duquel ils peuvent signaler tout comportement incorrect.

▪	Activer le contrôle anti-spam 'Captcha': ajoute le contrôle anti-spam du Captcha au terme du formulaire pour insérer un commentaire.

Vous pouvez choisir le système de captcha que vous souhaitez utiliser à l'aide de la fonction prévue à cet effet figurant dans la fenêtre Confidentialité et Sécurité | Sécurité.

▪	Mode de vote : définit le style de l'élément graphique (par exemple, une série de 5 étoiles) proposé aux visiteurs pour leur permettre de voter. Il s'agit de la seule option disponible si vous sélectionnez Voter comme Type de contenu.

Si pour gérer les commentaires vous utilisez le Panneau de Contrôle de WebSite X5, dans la section Enregistrement des données il est possible de spécifier comment les données récupérées au moyen du formulaire à remplir pour publier un commentaire doivent être enregistrées et envoyées au gérant du site.

Tandis que si vous travaillez avec l'édition Evo les données recueillies peuvent être sauvegardées uniquement sur Serveur, en travaillant avec l'édition Pro vous pouvez choisir de les archiver sur une base de données:

	Envoyer les données à un fichier: les données récupérées à l'aide du formulaire sont enregistrées dans un fichier créé dans le répertoire spécifié sur le serveur.
	Envoyer les données à une base de données: les données saisies dans le formulaire sont envoyées automatiquement à la base de données MySQL indiquée, à travers un script PHP déjà prédisposé.

Selon la méthode d'enregistrement sélectionnée, il faut spécifier une serie de paramètres:

Envoyer les données à un fichier:

▪

Sous-répertoire du serveur où enregistrer les données : spécifie dans quel sous-dossier, ou dans le dossier sur le serveur avec accès en écriture via PHP, les données doivent être sauvegardées. Le dossier sur le serveur principal est déjà spécifié par l'option Dossier du serveur avec l'accès en écriture présente dans la fenêtre Gestion des données. Si vous ne spécifiez pas de sous-dossier, les données sont directement enregistrées dans le dossier sur le serveur principal.

▪	Envoyer un e-mail pour notifier que le commentaire a été reçu: cette option permet d'envoyer automatiquement une notification par e-mail lorsque de nouvelles données sont reçues.

▪	Destinataire e-mail : spécifie l'adresse à laquelle envoyer la notification par e-mail de la réception des données.

Envoyer les données à une base de données:

▪	Base de données : spécifie le nom de la base de données à utiliser, choisissant dans la liste de celles qui sont liées au projet actuel.

▪	Nom du Préfixe de la table : dans ce champ, vous devez entrer le nom de la table dans la base de données dans laquelle vous voulez collecter des données. Si vous entrez le nom d'une table qui n'existe pas encore, elle sera créée automatiquement.

▪	Envoyer un e-mail pour notifier que le commentaire a été reçu: cette option permet d'envoyer automatiquement une notification par e-mail lorsque de nouvelles données sont reçues.

▪	Destinataire e-mail : spécifie l'adresse à laquelle envoyer la notification par e-mail de la réception des données.

Habituellement les fournisseurs d'accès Internet permettent l'accès en écriture pour chaque dossier du serveur: dans ce cas, il n'est pas nécessaire de renseigner un chemin pour le dossier public. Au contraire, pour connaître le chemin complet du dossier public, il est nécessaire de contacter son fournisseur d'accès Internet.

À travers la section WebSite Test du Panneau de Contrôle en ligne il est possible de vérifier si le dossier avec accès en écriture spécifié, et si les éventuels sous dossiers contenus, existent et, dans ce cas, s'ils permettent réellement l'écriture des données.

La liste des bases de données liées au projet doit d'abord être compilé en utilisant les contrôles appropriées de la fenêtre Gestion des données.

Toujours si vous utilisez le Système de gestion des commentaires interne de WebSite X5, en plus du Panneau de Contrôle en ligne, les commentaires peuvent être gérés également à l'aide de l'Appli pour iOs et Android WebSite X5 Manager. Grâce aux commandes disponibles dans la fenêtre WebSite X5 Manager, vous pouvez procéder à l'installation de l'Appli et activer l'envoi d'avis push.

En particulier, vous pouvez faire en sorte que l'Appli envoie automatiquement à l'Administrateur du Site un avis chaque fois qu'un nouveau commentaire à un post du Blog est publié.

Si comme Système de gestion des commentaires vous décidez d'utiliser Facebook, il faut définir les options suivantes :

▪	Couleur : configure des couleurs claires ou foncées pour les éléments en premier plan, afin d'obtenir un contraste correct par rapport à l'arrière-plan.

▪	Messages visibles : définit le nombre de postes qui doivent être visualisés dans le cadre des commentaires.

Pour plus d'informations sur le fonctionnement des Social Plug-in de Facebook, voir: https://developers.facebook.com/docs/plugins/

Enfin, si comme Système de gestion des commentaires vous décidez d'utiliser Disqus, vous pouvez définir les options suivantes :

▪	Disqus Short Name : c'est le nom attribué comme identifiant du Site durant le paramétrage du service sur Disqus. Tous les commentaires reçus par le biais d'un Site seront automatiquement associés au Short Name configuré afin de pouvoir être chargés et visualisés correctement.

Pour plus d'informations sur le système de gestion des discussions proposées par Disqus, voir: http://disqus.com/websites/

Bonnes pratiques :

-	Comment gérer les commentaires du Blog et du Objet Commentaires et Notes à partir du Panneau de Contrôle en ligne

Approfondissements :

-	Le Panneau de Contrôle en ligne et l'AppliWebSite X5 Manager