Radiographies : 8. le content de post.html
Voici la page la plus complexe du blog : celle qui affiche le billet seul ainsi que ses pièces jointes, accompagné de ses commentaires et rétroliens et du formulaire de saisie des commentaires.
Le fichier du thème correspondant à cette page est le fichier post.html. Le body de cette page est doté de la class="dc-post" qui lui est spécifique.
Voici le content de cette page :
On retrouve le paragraphe "navlinks" et ses deux liens "prev" et "next" déjà croisés pour la page des archives mois par mois, les class "next" et "prev" sont également communes à la pagination des pages présentant des listes de billets, comme à l'accueil par exemple.
Les pièces jointes sont présentées dans une liste non ordonnée (<ul>). A savoir : chaque lien vers une pièce jointe dont le format est « reconnu » par Dotclear possède une class en fonction de son type. Ainsi pour un fichier mp3 en pièce jointe le lien sera de class="audio".
Les commentaires, leur prévisualisation et les rétroliens sont affichés sous forme de listes de définition (<dl>). Voici un exemple pour deux commentaires :
<dl> <dt>Infos du premier commentateur</dt> <dd><p>Contenu du premier commentaire.</p></dd> <dt>Infos du deuxième commentateur</dt> <dd><p>Contenu du deuxième commentaire.</p></dd> </dl>
Notez également que si le commentateur est le rédacteur du billet, ses commentaires portent alors la class="me" :
<dt class="me">Infos du commentateur</dt> <dd class="me"><p>Contenu du commentaire.</p></dd>
Pour être identifié comme auteur du billet il faut que les renseignements fournis dans les champ « Nom », « email », « site » soient strictement identiques à ceux fournis dans les Préférences Utilisateur.
Le bloc de prévisualisation s'affiche avant la validation, lorsque le commentateur a cliqué sur le bouton « Prévisualiser ». Bien que figurant dans une liste de définition, ce bloc ne présente qu'un seul item dd :
<dl> <dd><p>Contenu du commentaire.</p></dd> </dl>
Il s'agit ici du formulaire de dépôt de commentaire. Pour ne pas alourdir cette page, celui-ci sera détaillé dans un autre billet. Retenez toutefois la structure générale : le bloc <form id="comment-form"> contient l'ensemble du formulaire avec son titre h3, ses deux formulaires proprement dits (fieldset) et le paragraphe d'aide à la saisie.
Ce fieldset contient la case à cocher Se souvenir de moi sur ce blog et les deux boutons de prévisualisation et de validation. Il sera détaillé dans le même billet que le fieldset précédent.