Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Comment insérer les boutons "précédent" et "suivant"

169 appréciations
Hors-ligne


Je me suis lancé dans l'exploration de certains articles de mon blog aujourd'hui, question d'en cerner l'idée générale comme tout visiteur lambda.

Pendant que je le faisais, je me suis rendu compte que le processus était pénible:
- Aller dans la liste des articles
- Ouvrir l'article
- Rentrer dans la liste
- Ouvrir le suivant

Plusieurs de mes articles se suivent et se complètent. S'il faut tous (et il y en a !) les lire en suivant le même processus, ça devient lourd.

Alors j'ai pensé à deux boutons sur lesquels on cliquerait simplement et qui ouvriraient l'article suivant ou le précédent.
Les boutons seraient automatiquement présents dans tous les articles.
On pourrait les voir en haut et en bas

Puis-je installer de tels boutons sur mon blog?
Comment procéder?


233 appréciations
Hors-ligne
Bonjour Kiamgo

Ne suffit-il pas d'insérer là ou tu veux dans un article un lien vers l'article que tu souhaites, ces liens étant insérés dans les mots "précédent" et "suivant" par exemple ?

Dernière modification le lundi 16 Septembre 2019 à 20:45:45

169 appréciations
Hors-ligne
@ Réseau BP

C'est une bonne idée. Je n'y avais pas pensé.

Le seul hic, si je comprends bien le procédé, c'est que pour mettre cela en oeuvre il faudrait que je réédite les plus de 400 articles. Pas facile.

Mais là je suis satisfait, car je commence à avoir une certaine visibilité de la chose. C'est ce que je ferai s'il n'y a rien de plus automatique.

N'hésite pas si tu as des précisions

 bcp

233 appréciations
Hors-ligne
Oui, c'est certainement fastidieux à faire !

Mais je ne vois pas comment on pourrait "automatiser" la construction de ces liens puisque tu es le seul à savoir quel article précède ou suit un article donné !

Une autre possibilité mais j'ignore si la structure de tes articles le permet :

1) Dans Word (par exemple), tu copies/colles à la suite une dizaine/douzaine d'articles dans le bon ordre et tu imprimes le résultat en pdf.

2) Puis tu places la quarantaine de pdf ainsi obtenus dans ta boite à fichiers.

3) Il ne te reste plus qu'à construire quelques articles (au lieu de 400) contenant des liens pour appeler, dans l'ordre, les fichiers pdf.

Dernière modification le lundi 16 Septembre 2019 à 21:58:24

169 appréciations
Hors-ligne
 pour la nouvelle suggestion. Merci
Je verrai quelle option prendre le moment venu. Ne t'en fais pas pour le côté fastidieux. Je m'y mettrai sans hésiter si pas de choix. Ce ne serait d'ailleurs pas la première fois.

Par rapport au choix des articles, en réalité il s'agit de l'ordre dans lequel ils sont publiés. Il n'y a pas de tri particulier à faire. Si le premier article que j'ai publié en 2007 contient un bouton "suivant" vers le deuxième, et que le deuxième contienne les boutons "précédant" et "suivant", et ainsi de suite pour tous les articles jusqu'au plus récent, ça me va.

 encore

Je reste à l'écoute 

169 appréciations
Hors-ligne
Je viens de faire un test d'insertion de lien. C'est bien.

Cette technique est largement facilitée, car le Composeur 2019 donne la possibilité d'insérer des liens sous forme de bouton éditable.



Dernière modification le lundi 16 Septembre 2019 à 23:03:35

1343 appréciations
Hors-ligne
Hello,

Une autre approche est possible en paramétrant comme ça dans ARTICLES > Paramètres :
- Mode d'affichage des articles : "Affichage direct du contenu des articles"
- Nombre d'articles par page : 1

Démo : https://test-precedent-suivant.blog4ever.com/articles

Mais cela implique d'avoir ça pour tous les articles du blog, je ne sais pas si c'est ce que tu souhaites.

Sinon les autres idées sont bonnes aussi, plus fastidieuses mais au moins c'est très flexible.

A+
Pascal/Kinglouis - Fondateur de Blog4ever

169 appréciations
Hors-ligne


En suivant la première suggestion de Réseau BP, j'ai fait quelques recherches qui m'ont amené à ceci:

1. J'ai inséré ce code dans mon CSS (il permet de gérer globalement et de personnaliser au maximum les paramètres des boutons)

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 15px;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
  margin-bottom: 30px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px;
    border-radius: 15px;
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
    box-shadow:0 0 10px rgba(0,0,0,0.8);
}

2. Ensuite je colle ce code dans le fichier HTML des articles dans lesquels les boutons "Précédant" et "Suivant" doivent apparaître:

<ul class="pager">
<li class="previous"><a href="#">Précédent</a></li>
<li class="next"><a href="#">Suivant</a></li>
</ul>


3. Je fais un clic droit sur les boutons pour indiquer le lien approprié

Et voilà.

Je suis à 12 articles liés ainsi qu'une catégorie complète. C'est plutôt satisfaisant.

Pour ceux qui souhaitent voir à quoi ça ressemble, suivez le tout premier article du blog, il vous conduira facilement aux suivants:

Pour commencer...




Dernière modification le mercredi 18 Septembre 2019 à 16:52:55

169 appréciations
Hors-ligne
@Kinglouis@

Nous avons écrit au même moment 

Merci pour ta suggestion. Elle est très directe et englobe effectivement tous les articles. Mais je la garde en mémoire.

Comme tu vois j'ai déjà lancé l'autre procédure.


1343 appréciations
Hors-ligne
Ça marche !

Au passage : il me semble qu'on écrit en général "Précédent", je préfère te le signaler avant que tu n'aies fait tous tes articles.

A+
Pascal/Kinglouis - Fondateur de Blog4ever

169 appréciations
Hors-ligne
Effectivement Kinglouis! 

Je ne sais pas ce qui s'est passé. Tu me sauves la mise. Merci

En passant. Si toi ou quelqu'un d'autre pouvait m'aider avec les codes ci-dessus, je n'arrive pas à les empêcher de s'exécuter.




1343 appréciations
Hors-ligne
Re,

En passant. Si toi ou quelqu'un d'autre pouvait m'aider avec les codes ci-dessus, je n'arrive pas à les empêcher de s'exécuter.

=> quel est le souci exactement ? De quel code parles-tu ?
Pascal/Kinglouis - Fondateur de Blog4ever

169 appréciations
Hors-ligne
quel est le souci exactement ? De quel code parles-tu ?


Dans mon message un peu plus haut, j'ai écrit deux codes

Le premier s'affiche bien, mais le deuxième s'est exécuté. Je souhaitais montrer le code et non son résultat:




1343 appréciations
Hors-ligne
Hello,

Ah oui je n'avais pas remarqué que c'était anormal !

Je viens de rajouter un traitement qui corrige cela.

A+
Pascal/Kinglouis - Fondateur de Blog4ever

169 appréciations
Hors-ligne


C'est 


1795 appréciations
Hors-ligne
 à tous
Y a t il un code pour mettre dans le CSS qui ferait apparaître les boutons automatiquement à la fin des articles ???
Sans passer par le HTML

Voir exemple ci dessous bidouiller avec mon logiciel photofiltre :



Bonne journée
 
Mon autre blog : LIEN

1343 appréciations
Hors-ligne
Salut @Soleilvie@,

En CSS pur ce n'est pas possible d'avoir exactement comme Kiamgo, il faut forcément utiliser du HTML pour indiquer quel est l'article suivant ou précédent.

Ou alors utiliser la configuration dans ARTICLES > Paramètres :
- Mode d'affichage des articles : "Affichage direct du contenu des articles"
- Nombre d'articles par page : 1

Et à ce moment là tu peux effectivement mettre du CSS pour travailler sur les boutons Précédent et Suivant (voir https://test-precedent-suivant.blog4ever.com/articles?page=2)
Par contre cela implique d'avoir 1 article par page pour toutes tes catégories.

A+

Pascal/Kinglouis - Fondateur de Blog4ever

1795 appréciations
Hors-ligne
 pour ta réponse.
Bon dimanche
Mon autre blog : LIEN
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5862 autres membres