Grâce aux options proposées dans cette fenêtre, vous pouvez définir l'aspect graphique de la Page Principale, c’est-à-dire de la page qui sert de Page d’Accueil du Blog et qui présente un sommaire des derniers Articles publiés, dont chacun est résumé dans une Fiche prévue à cet effet.
La Fiche d’un Article est composé des éléments suivants, qui sont presque tous définis dans les champs prévus à cet effet de la section Contenu :
| ▪ | Description : la Brève description est reprise et, si elle n'est pas disponible, le Contenu est tronqué ; |
| ▪ | Détails : comprend la Catégorie, l’Auteur et la Date ; |
| ▪ | Bouton : présent le lien actif vers la page de l’Article complet. |
Bien entendu, si des éléments tels que la Couverture, l’Auteur ou la Date ne sont pas précisés, ces informations ne figureront pas dans la Fiche.
Grâce aux options disponibles dans la section Paramètres des Fiches, vous pouvez donc définir leur composition et leur mise en page. Tout d’abord, il est nécessaire de configurer le type d’affichage en choisissant entre :
|
Couverture à gauche, titre et contenus à droite
|
|
Titre et contenus à gauche, couverture à droite
|
|
Couverture en haut, titre et contenus en bas
|
|
Titre et contenus en haut, couverture en bas
|
Une fois le type d’affichage configuré, vous pouvez intervenir sur les options suivantes :
| ▪ | Fiches par ligne : définit le nombre de Fiches qui peuvent être associées pour chaque ligne, depuis un minimum de 1 jusqu’à un maximum de 6. |
| ▪ | Lignes par page : définit le nombre maximum de lignes à afficher dans la Page Principale du Blog. |
| ▪ | Hauteur des fiches : définit la valeur en pixels de la hauteur de chaque Fiche. |
| ▪ | Marge des Fiches : configure la valeur en pixels de la distance à conserver entre les Fiches. |
De plus, vous pouvez définir le Style de la Fiche en intervenant sur les options suivantes :
| ▪ | Dimension de la couverture (%) : configure la largeur de l’image de Couverture par rapport aux contenus, si elle est placée à droite ou à gauche, ou par rapport à la hauteur de la Fiche, si elle est placée en haut, au-dessus ou en dessous du Titre, |
| ▪ | Marge de la couverture / Marge des contenus : configurent respectivement la valeur en pixel de la distance entre l’image de Couverture ou le contenu (Titre et Description) et les bords de la Fiche. |
Une fois ces paramètres définis, vous pouvez ensuite configurer les propriétés graphiques des différents éléments qui composent les Fiches des Articles. Une fois sélectionné l’élément sur lequel vous souhaitez intervenir, les options disponibles sont proposées dans la section Éléments :
| ▪ | Visible : fait en sorte que l’élément sélectionné soit visible ou non à l’intérieur de la Fiche. Cette option n’est pas disponible pour le Arrière-plan ni la Couverture. |
| ▪ | Police : précise le type de caractère, les dimensions et le Style du texte pour le Titre, la Description, les Détails et le Bouton. La liste déroulante propose toutes les polices présentes sur l'ordinateur, la commande pour appliquer la Police par défaut (définie par le Style de l’élément Texte de la page dans la fenêtre Style du texte) ; la liste des Polices sécurisées, c'est-à-dire des polices présentes sur tous les dispositifs et qui ne requièrent aucune publication, tous les Google Fonts et les Polices Web ajoutés à l’aide de la fenêtre Ajouter des polices web rappelée par la commande Autres types de caractère. |
| ▪ | Couleur de texte : précise la couleur du texte pour le Titre, la Description, les Détails et le Bouton. En sélectionnant l’élément Détails, la couleur définir pour le Texte est également utilisée pour la ligne entre Description et Catégorie, Auteur et Date. |
| ▪ | Couleur d'arrière-plan : précise la couleur du Arrière-plan de la Fiche et du Bouton. |
| ▪ | Épaisseur : précise l’épaisseur des bords du Arrière-plan de la Fiche et du Bouton. |
| ▪ | Couleur : précise la couleur des bords du Arrière-plan de la Fiche et du Bouton. |
| ▪ | Facteur d'arrondissement : définit le facteur d'arrondissement des angles du Arrière-plan de la Fiche et du Bouton. |
| ▪ | Ombre : applique une ombre au Arrière-plan de la Fiche, en définissant sa couleur, sa position, sa diffusion et ses dimensions. |
| ▪ | 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 Fiche, 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. |
| ▪ | Effet passage : applique à l’image de Couverture un effet au passage de la souris. |
| ▪ | Afficher Catégorie / Afficher Auteur / Afficher Date : font en sorte qu’à l’intérieur d’une Fiche figure la Catégorie de l’Article, son Auteur et la Date de publication, ces informations étant configurées dans la fenêtre Paramètres article | Contenu. |
| ▪ | Marges : configure la valeur en pixels de la marge entre le texte et le bord du Bouton. |
Dans la Page Principale du Blog, vous pouvez décider d'afficher ou non des blocs latéraux avec les outils de navigation et de séparer ou non les derniers Articles publiés par rapport aux articles moins récents. Pour ce faire, il suffit d’utiliser les options disponibles dans la rubrique Options :
| ▪ | Affichage Blocs latéraux : si cette option est activée, elle permet de proposer la barre avec les Blocs latéraux dans la Page d’accueil du Blog. |
| ▪ | Affichage : définit l’éventuelle manière de valoriser les derniers Articles publiés par rapport aux articles moins récents. Vous pouvez choisir parmi les champs suivants : |
| • | Aucun article mis en valeur |
| • | Premiers articles mis en valeur avec une fiche : les Fiches des derniers Articles publiés, contrairement aux autres, sont aussi larges que la Page entière. |
| • | Premiers articles mis en valeur avec un diaporama : les images de Couverture des derniers Articles publiés composent un Diaporama au début de la Page d’Accueil du Blog, de la même largeur que la Page. Sur chaque image du Diaporama figure le Titre et est inséré un lien qui redirige vers la Page de l’Article complet. Outre leur présence dans le Diaporama, chaque Article mis en valeur est également accompagné d’une Fiche de présentation. |
| ▪ | Articles mis en valeur : précise le nombre des derniers Articles publiés qui doivent être mis en valeur. |
| ▪ | Hauteur des fiches : définit la hauteur en pixels des Fiches des Articles mis en évidence (pour l’option Premiers articles mis en valeur avec une fiche) ou du Diaporama (pour l’option Premiers articles mis en valeur avec un diaporama). |
Bonnes pratiques :
Approfondissements :
