Discussion :

[laurentSc]

Bonsoir,

j'ai créé une page (https://vercorshandisport.org/vhs/presentation-club/) qui, après un texte introductif, affiche 4 articles. Pour ce faire, j'utilise le plugin "Post Grid" qui affiche pour chaque article, l'image mise en avant, le titre et les premières phrases de l'article. Mon idée serait de n'afficher que le titre de l'article puis si on clique dessus, on voit l'article intégralement ; donc pas d'image mise en avant (et encore mieux, pas de phrases non plus) uniquement le titre. Est-ce possible ? Ai-je raison d'utiliser le plugin post grid ou faut-il faire autrement ?

[Invité]

Laurent,

• ARRETE de "bricoler" sans arrêt ton site !
• ARRETE de triturer du code qui fonctionne pour en faire de la bouillie
• ARRETE d'ajouter des plugins que tu ne maîtrises pas (et que tu ne mets pas à jour...)

Je rappelle que le site est destiné (entre autres) à des non/mal-voyants :

• ARRETE de leur compliquer la vie !!

Sinon............. (sauf erreur) il est possible, avec Post Grid :

• de créer plusieurs modèles d'affichage
• de cocher une case pour afficher/masquer l'image "par défaut"

[rawsrc]

ou plus simplement :

Laurent : ARRÊTE !

[laurentSc]

Je rappelle que le site est destiné (entre autres) à des non/mal-voyants :

• ARRETE de leur compliquer la vie !!

..

C'est justement une mal-voyante qui m'a demandé l'évolution que j'essaye de faire...

[Invité]

OK.

Je vois TROIS problèmes ici :

1- Que tu sois passé "Membre expert" ??

2- Que tu veuilles ajouter une page "Présentation" du Club", alors qu'il EXISTE déjà :

• une page "Le Club" !
• un article "Présentation du Club VHS" !

C'est RIDICULE de vouloir multiplier le nombre de pages / articles INUTILEMENT...

3- Le 3ème problème est que beaucoup (trop) de développeurs (en général et de plugins WP en particulier) ne prennent pas en compte (voire se foutent royalement de) l'accessibilité dans leurs codes !

Si on regarde le code HTML généré par Post Grid :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<div class="item item-.... skin flat odd">
	<div class="layer-wrapper">
 
	<div class="layer-media"><a href="......"><img alt="" src="....."></a></div>
	<div class="layer-content">
		<a target="_self" class="element element_0 title_link " href="........">...[TITRE ARTICLE]...</a>
		<div class="element element_1 excerpt ">...[contenu article]...</div>
		<a target="_self" class="element element_2 read_more " href="........">Lire la suite</a>
	</div>
 
	</div>
</div>

• -> AUCUNE balise de TITRE <h1>-<h6> !!

C'est donc NORMAL que les mal/non-voyants ne s'y retrouvent pas.
Les logiciels de lecture (Jaws,...) permettent de "sauter" d'un <h...> à un autre : ce qui facilite la lecture des titres / menus / ...
Ici (une simple balise <a> !), ce n'est pas possible.

[laurentSc]

L'idée n'est pas de multiplier les sources d'information mais de modifier et déplacer l'existante. Déplacer pour la rendre encore plus visible (page d'accueil).

Vu ta remarque sur post grid, j'abandonne l'idée de l'utiliser. Je te mets ce que la mal-voyante m'avait écrit :

Quand on clique sur le lien en page d’accueil : le club :

Arriver sur une page sur laquelle sont écrites les 2 phrases d’accroche au début du doc peut-être avec 1 ou 2 photos où on voit un DV guidé au micro + une luge nordique.

Puis créer des onglets sur lesquels on peut cliquer ensuite :

- Présentation de VHS

- Historique de VHS (prendre le document sur l’historique donné par Michel)

- Les objectifs de VHS

- Les activités de VHS



Toutes ces rubriques sont dans le doc.

En gros, des onglets qui permettent d'accéder à du texte. Comment faire ça ? Car si je met un lien html, je vais dupliquer le contexte de l'article (une 2e fois l'en-tête, le menu, etc)

[Invité]

1-

• Tout ça n'a RIEN à faire sur la page d'Accueil
• Il existe DEJA à lien DANS LE MENU -> "Le Club"

La page d'accueil est faite pour afficher les articles RÉCENTS.

2- Pour afficher les ARTICLES "A LA UNE" sur la page d'accueil (automatiquement), il suffit de les mettre (en Admin) dans la catégorie "Accueil - A la Une" !

3- SI tu veux ajouter sur la page d'Accueil un ENCART "LE CLUB" (comme l'encart "A LA UNE") :

• Crée une catégorie d'articles : "Accueil - Le Club" (Catégorie parente : "actualités")
• Crée un PostGrid, dans lequel tu mets les articles de la catégorie "Accueil - Le Club" -> note son ID
• Modifie la page "Accueil", et ajoute : <h1 class="entry-title">Le Club</h1>

  Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  [post_grid id='xxx'] <!-- METTRE ICI l'ID du PostGrid "Accueil - Le Club" -->
  ...

4- Au lieu de "te passer de" PostGrid, il suffit d'en modifier le code, dans le fichier plugins/post-grid/grid-items/layer-content.php.
Remplacer la ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

		$item['title_link'] = '<a target="...">'.apply_filters(...).'</a>';

par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

		$item['title_link'] = '<a target="..."><h4>'.apply_filters(...).'</h4></a>';

Il faudra rajouter un bout de code CSS dans le fichier style.css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#main .grid-items .item .element.title h4, #main .grid-items .item .element.title_link h4 {
    text-align: center;
    font-size: 100%;
}

Par contre, il faudra re-modifier ce fichier à chaque mise à jour du plug-in.