Comment Mettre En Place Un Sommaire Dans Les Articles Wordpress ? &Mdash; Codeur Tuto
Prêt à créer un sommaire cliquable? Résumons les étapes ensemble, puis lancez-vous dans la création de vos sommaires. Pour créer un sommaire cliquable et coloré, vous devez: Insérer une ancre personnalisée dans chaque titre Reporter tous vos titres en haut de l'article Insérer des liens vers les ancres correspondantes à chaque titre Insérer une ligne de codeNotamment sa largeur, ainsi que la marge laissée pour le texte. Ici, la largeur, nommée « Width » est de 50%. Cela signifie que le rectangle du sommaire prend l'équivalent de la moitié de la page web en termes d'espace. Enfin, le « padding-left: 2% » permet de décaler le texte de 2% par rapport au fond coloré, ce qui donne une petite marge et améliore la visibilité globale du sommaire. Vous l'avez compris, c'est à vous d'effectuer vos propres réglages. Ainsi, vous pourrez créer un sommaire qui vous ressemble. Sommaire site web sur. N'oubliez pas de fermer la balise après le sommaire:
Sommaire Site Web Du
Pour cela, cliquez sur la flèche de la zone Taille de la police d'en-tête et cliquez sur une des valeurs proposées. Plus la valeur choisie est petite, plus la taille des caractères est grande. Ici, cliquez sur la valeurPour ne pas faire apparaître le lien correspondant à l'index, choisissez Aucun. 6 Pour finir, précisez les actions à effectuer dans la partie Options: pour n'afficher qu'une seule fois dans le sommaire des pages vers lesquelles pointent plusieurs liens hypertextes, cochez la case Afficher chaque page une seule fois; pour inclure les pages vers lesquelles ne pointe aucun lien hypertexte, cochez la case Afficher les pages sans lien hypertexte entrant; pour mettre à jour automatiquement le sommaire quand vous modifiez le contenu d'une page, cochez la case Régénérer le sommaire lorsqu'une page est modifiée. Cliquez sur le bouton OK. Comment mettre en place un sommaire dans les articles WordPress ? — Codeur Tuto. Seule la structure du sommaire apparaît dans la page (voir l'illustration 1) et non pas la liste des pages de votre site. Sommaire basé sur les catégories 1 Affichez le contenu de la page Plan du site en effectuant un double clic sur son nom dans le volet Liste des dossiers.En outre, le Blog de Bambou regorge de données supplémentaires. Notamment sur l'optimisation des ancres de liens. Sélectionnez un de vos titres, puis placez une ancre dessus. Pour se faire, allez dans Insérer, puis Ancre. Une fenêtre s'affiche alors, comme sur l'exemple ci-dessous. Placez le nom de votre ancre. Veillez à ne pas mettre de majuscule ou d'accents. Pour ma part, je débute toujours mes ancres par le mot « ancre ». Mais vous n'êtes absolument pas obligés de faire la même chose. L'important est de choisir des noms d'ancres qui vous parlent et que vous saurez retrouver. Cliquez ensuite sur OK. Réalisation d'un design complet (HTML / CSS) en 4 étapes - Alsacreations. Vous voyez une petite icône apparaître devant votre titre. Il signifie que l'ancre est bien en place. 2# Reporter chaque titre en haut de la page Une fois que tous vos titres ont des ancres, il est temps de créer votre sommaire. Rendez-vous en haut de votre page pour reporter tous vos titres les uns en dessous des autres. Ne placez pas de balise Titre dessus cette fois-ci. Il faut en effet les laisser en « paragraphe », comme sur l'exemple ci-dessous.