-
Utiliser les "Ancres"
qu'est-ce que c'est ?
Les ancres permettent de créer des liens à une section précise d'une page ou d'un article.
Par exemple, sur Animées Online dans la rubrique Animes, en haut, vous avez les lettres de l'alphabet alignées et lorsque vous cliquez sur l'une d'elle, elle vous amène directement à la lettre demandée.comment faire ?
Et bien pour une fois, on ne va toucher ni au CSS du blog ni au HTML de l'article. Enfin, si, sauf que Eklablog nous a deja maché tout le travail. Elle est pas belle la vie ?
L'interface d'édition d'article en mode Expert d'Eklablog nous propose très gentillement cette fonction qu'est l'ancre.
Donc supposons, vous avec fait un looooooooooong article avec plusieurs gros titres.
Pour le tuto on va prendre cet exemple que vous allez copier/coller dans un article.Maintenant que vous avez copiez tout ça dans un article (Si ce n'est pas fait, faites le rapidement.) on va commencer par mettre une ancre a chaque gros titre. Pour ça, vous séléctionnez le titre avec votre souris et vous cliquez sur l'icône en forme d'ancre dans l'interface mode expert. là, vous avez un cadre à remplir avec le Nom de l'ancre, on va juste écrire A car il n'accepte pas les chiffres. Vous validez et vous repetez la meme operation pour les 3 autres titres en leurs mettant dans l'ordre les ancres B, C et D. Maintenant que c'est fait, vous enregistrez votre article, vous fermez la fenêtre, vous retournez sur l'accueil de la catégorie qui contient l'article puis vous cliquez sur le Editer de l'en-tête de la catégorie.
Maintenant écrivez ça
A. Lorem impsum dolor sit amet, consectetuer adipscing elit.
B. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
C. Cras ultricies mi eu turpis henderit fringilla.
D. Phasellus nec sem in justo pellentesque facilisis.
Et c'est puis maintenant liez à chaque phrase le lien de votre catégorie que vous avez en haut dans votre barre url en rajoutant à la fin de CHAQUE lien un # suivit de la lettre utilisée comme ancre.
Par exemple pour
A. Lorem impsum dolor sit amet, consectetuer adipscing elit.
Le lien ressemblera à ça
http://nomdevotreblog.eklablog.com/nom-de-votre-categorie-a534XXXX#A
Et selon le nom de l'ancre vous remplacerez A par B, par C ou par D.
Vous pouvez bien évidemment tout écrire dans un seul et même article au lieu de mettre le
sommaire dans l'en-tête de catégorie et le texte dans un article. C'etait juste un exemple.
Vous avez compris le principe ? Eh bien maintenant, vous pouvez faire autant d'ancres que vous voulez. Si vous avez des questions, n'hésitez pas à m'en faire part dans un commentaire !
Tags : article, ancre, eget, ultrices, imperdiet
-
Commentaires
Non le principe n'est pas le meme.
Pour faire quelque chose de semblable au Spoiler il faut utiliser du Javascript, c'est totalement different. Ce n'est pas le sujet de ce tuto. :)3Liloumimi9414Samedi 17 Septembre 2011 à 15:282Xx-Lou-xXSamedi 10 Septembre 2011 à 19:05Vous devez être connecté pour commenter
Hé ! Merci ! Juste ce matin je me demandais à quoi ça pouvait bien servir ! Merci beaucoup du partage :) !