Grâce aux options proposées dans cette fenêtre, qui s'ouvre en sélectionnent la Page Spéciale "Blog : Page Principale" sur le Plan et en appuyant sur Modifier, 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.
 |
| Exemple de Fiche d'un Article |
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, la Date et Temps de lecture ; |
| ▪ | 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 définir la Disposition des Fiches sur la Page, en choisissant parmi les options suivantes :
|
Hauteur fixe : les Fiches sont disposées dans une grille. Étant donné que toutes les Fiches ont la même hauteur, la grille est régulière et compacte.
|
|
Hauteur variable : les Fiches sont toujours disposées en grille, mais la hauteur de chacune varie en fonction des proportions de l'image utilisée comme Couverture. Les Fiches peuvent donc ne pas occuper complètement les cellules de la grille dans lesquelles elles sont insérées : il peut donc y avoir de l'espace vide entre les Fiches. Cette disposition est particulièrement indiquée lorsqu'une seule Fiche est affichée par ligne, ou lorsque l'affichage est prévu sur une seule ligne divisée en plusieurs colonnes.
|
|
Masonry : dans ce cas également, la hauteur des Fiches varie en fonction des proportions de l'image de Couverture. La différence par rapport à la disposition précédente est que les Fiches ne sont pas rangées dans une grille régulière, mais alignées sur plusieurs lignes et colonnes sans laisser d'espaces pour compenser les dimensions plus petites de certaines d'entre elles.
|
Une fois la Disposition définie, il est nécessaire de décider comment les différents Contenus doivent être disposés à l'intérieur de la Fiche. Dans ce cas, il est possible de choisir parmi :
|
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
|
|
Couverture comme Arrière-Plan
|
Pui voius pouvez travailler avec ces options-là :
| ▪ | 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, il est ensuite possible d'utiliser les options de la section Style de la Fiche pour définir les propriétés graphiques des différents éléments qui composent les Fiches des Articles. En fonction de l'élément sélectionné via le menu approprié, différentes options sont ensuite proposées :
| ▪ | Couleur d'arrière-plan : spécifie la couleur du Arrière-plan de la Fiche et du Bouton. La fenêtre Couleur offre la possibilité d'agir également sur l'opacité et de définir ainsi dans quelle mesure la couleur choisie doit être transparente ou opaque. Pouvoir agir sur l'opacité est particulièrement utile si vous choisissez la disposition "Couverture comme arrière-plan" : dans ce cas, en effet, les contenus seront superposés à l'image de couverture et pourront être rendus plus lisibles en les insérant dans un cadre dont il est possible de déterminer, en effet, la couleur et l'opacité. |
| ▪ | Bordure : spécifie l'épaisseur, la couleur, le facteur de biseau pour les coins et l'ombre des bordures du Arrière-plan de la Fiche et du Bouton. |
| ▪ | Marges : définissent la distance en pixels entre l'image de Couverture ou le Contenu et les bords de la Fiche, ou entre le texte et le bord du Bouton. |
| ▪ | 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. |
| ▪ | Largeur (%)/Hauteur : définit l'espace occupé par les Contenus par rapport à la Fiche. Dans le cas où les Contenus sont positionnés à gauche ou à droite de la Fiche, il est possible de définir la largeur en pourcentage de la zone qui leur est dédiée. En revanche, si les Contenus sont positionnés en haut ou en bas, ou si la Couverture est utilisée comme arrière-plan, il est possible de définir la hauteur en pixels de la zone qu'ils occupent. |
| ▪ | Alignement : définit si les Contenus doivent être alignés à droite, à gauche ou au centre. |
| ▪ | Visible : fait en sorte que l’élément sélectionné soit visible ou non à l’intérieur de la Fiche. Cette option est disponible pour le Titre, la Description et le Bouton. |
| ▪ | 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, Date et Temps de lecture. |
| ▪ | Afficher Catégorie / Afficher Auteur / Afficher Date / Afficher temps de lecture : Si activées, elles permettent d'afficher à l'intérieur de la Fiche la Catégorie dans laquelle l'Article est inséré, l'Auteur, la Date de publication et le Temps estimé nécessaire à la lecture. Ce sont toutes des informations définies via la fenêtre Paramètres article | Contenu. |
| ▪ | Mode : détermine si le Bouton avec le lien vers l'Article complet doit être inséré dans la Fiche en tant que Texte ou en tant qu'Image : dans ce dernier cas, il est demandé d'importer l'image qui doit être utilisée. |
| ▪ | Position : définit si le Bouton doit être positionné à droite, à gauche ou au centre par rapport à l'espace disponible. |
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 :
