renvoi de l'article de blog "déployé" vers la page d'affichage du blog

[Ivanhoé&Co]

Bonjour,

J'ai créé un site dont le menu de navigation a été supprimé via le head.

Je pensais avoir recréé la navigation par divers subterfuges. Par exemple, sur la page d'affichage du blog un bouton renvoyant vers l'accueil - du fait de l'élément colonne contenant un faux menu gauche, impossible de faire cohabiter ce dernier et l'élément d'affichage du blog-.

J'avais oublié que sur chacune des pages des articles de blog ce bouton , n'apparaîtrait plus.  Du coup j'ai mis dans chaque article un discret lien "Retour au blog" pas très logique car il apparaît aussi quand on est sur ladite page blog.

Y a-t-il un autre moyen pour que ces articles ne soient pas des impasses? Un code du genre "si on est dans la page de l'article de blog, alors générer un bouton avec le texte "retour au blog"? je ne demande pas le code - s'il existe - mais je voudrais savoir si programmer ce genre de chose est concevable avant de passer à nouveau des heures dans l'inspecteur....

Par avance merci

[FilmsdeLover]

C'est concevable. Les pages de blog ont leur propre id dédiée donc en théorie, vous pourriez ajouter dans le code HTML de votre design personnalisé (qui sera nécessaire selon moi) un code HTML pour créer un bouton avec lien "Retour au blog" qui serait caché par défaut sur toutes les pages mais apparaitrait uniquement sur les pages Blog grâce à un autre code, CSS celui-ci.

[FredVig]

Oui, et on peut cibler aussi avec une des class qui frappent seulement les pages de blog. (voir dans les class de la body)

[Ivanhoé&Co]

Merci, merci,

Il n'y a plus qu'à... lol. J'ai surtout du pain sur la planche Mais au moins je sais que le graal est accessible.

Bonne soirée

[FilmsdeLover]

Oui, et on peut cibler aussi avec une des class qui frappent seulement les pages de blog. (voir dans les class de la body)

Oui, c'est ce que je voulais dire quand je disais "id" de façon erronée. Les pages de blog ont leur propre class donc ça facilite les choses.

[Ivanhoé&Co]

Alors là, je ne suis pas fière. J'ai utilisé :
#page-2679891596 .j-calltoaction-align-3 > a:nth-child(1) {display: none;}
et ça marche.
Je pensais que comme il y avait interaction entre ce bouton et celui de chaque nouvel article de blog, il faudrait indiquer qu'à chaque nouvelle apparition d'un article de blog, ce bouton ne devrait pas apparaître dans l'affichage de blog.
Est-ce dû au fait que chaque article est une copie du premier que j'utilise comme matrice ?
Parfois quand ça fonctionne, c'est presque aussi perturbant....

PS l'adresse du site :
www.danieldekensphotographies.fr

[FredVig]

#page-2679891596 .j-calltoaction-align-3 > a:nth-child(1) {display: none;}
ça fonctionne, mais seulement sur 'un des boutons' :

à partir du moment où vous ciblez à l'aide d'un identifiant (ici : #page-2679891596), la propriété ne touchera que cet élément,  sur une page précise, ou certains enfants de cet éléments, décrit ici par
.j-calltoaction-align-3 > a:nth-child(1)  (ce qui signifie il me semble, le premier élément contenu dans les éléments de la page 26 etc. qui sont de classe .j-calltoaction-align-3)

Votre problématique est :
"si on est dans la page de l'article de blog, alors générer un bouton avec le texte "retour au blog"
Pour faire cela :
1- Vous créez le bouton de façon à ce qu'il apparaisse sur toutes les pages
2- Vous l'effacez dans le css (display : none ou opacity)
3- Vous le faites apparaitre sur les articles de blog
4- Vous concaténez éventuellement le ciblage en un seul code à l'aide d'une balise d'exclusion :not

Vous avez 2 heures…  

Indices :
Vous ne pouvez pas  déposer le bouton sur le content de la page de blog, car il ne sera que sur cette page

réponse:

Votre page blog n'est pas distinguée d'une autre par une class particulière, vous ne pouvez pas utiliser ce type de ciblage.
Il faut donc cibler à partir de l'id de page, comme vous avez fait : #page-2679891596
Par contre, toutes les pages article de blog…

réponse:

Mettons que je veuille effacer la signature du photographe dans la sidebar seulement sur la page blog et les articles
Le code devrait ressembler à :

Soluce:

Après, vous allez dire que le bouton est trop bas sur la page, dans la sidebar,
Mais n'est-il pas possible de le déplacer su la page ?

en modifiant…:

[Ivanhoé&Co]

Merci pour toutes ces infos.
Elles m'ouvrent en plus de nouveau horizons - notamment comment débarrasser toutes les pages de la classe blog de la barre de navigation. Encore heureux car j'ai proposé à l'utilisateur de dupliquer le modèle d'article de blog pour les uniformiser.
Je rends le site demain mais il y a encore des modifs en perspective concernant justement la sidebar donc, pour l'instant, je laisse le bouton au même endroit.

[Contenu sponsorisé]