logo_e_accessible

2 liens parlant d’accessibilité web

Un pan encore négligé au niveau du web est l’accessibilité des éléments d’une page.

Pourtant il existe pas mal de ressources traiant du sujet, mais beaucoup de webmasters trainent un peu des savates concernant cet aspect du code et de la mise en page.

Voici 2 articles avec des sources permettant de mettre en application:

Cette étude a été réalisée pour répondre aux exigences du RGAA 3 et aux besoins d’utiliser rapidement des composants d’interface riches accessibles (WAI-ARIA)

https://disic.github.io/rgaa_bibliotheques_javascript/tutoriels/index.html

Cette bibliothèque présente les implémentations des composants ARIA telles qu’ils sont définis par les motifs de conception.

Elle permet d’établir les restitutions par défaut obtenues avec les technologies d’assistance définies par la base de référence.

http://disic.github.io/rgaa_composants_javascript

 

Widgets ‹ Taste traiteur restauration Martinique — WordPress

Désactiver un widget wordpress UNIQUEMENT sur certaines pages

Les widgets permettent d’insérer très rapidement un même bloc (recherche, derniers commentaires) dans certains emplacements définis du thème comme une colonne à droite, ou encore dans le footer.

Comment faire lorsqu’on souhaite afficher un widget partout sur le site et le cacher sur une (ou plusieurs pages ) donnée ?

Une fois n’est pas coutume, via un simple petit plugin , « Display Widget« , qui permet de choisir pour chaque widget les conditions nécessaires pour qu’il soit masqué ou affiché.

Widgets ‹ Taste traiteur restauration Martinique — WordPress

PrettyPhoto - Justified Image Grid - WordPress Gallery

WordPress : utiliser PrettyPhoto ou Shadowbox avec Jetpack image mosaic grid

Vous utilisez la mosaïque d’images de WordPress mais vous voudriez qu’au clic les images s’ouvrent avec PrettyPhoto ou Shadowbox ?

Voici une technique (que vous pouvez aussi adapter pour lightbox).

La plupart de ces solutions fonctionnent en ajoutant un attribut « rel » au lien des images. Il suffit donc de rajouter du code permettant de le définir.

Donc dans functions.php

Cas PrettyPhoto :

Cas ShadowBox:

 

Agrandir la mosaique grille d’images de Jetpack

Jetpack est un plugin de wordpress qui est une véritable boite à outils, avec pleins de choses géniales pour votre wordpress.

Il intègre notamment de nouvelles options d’affichage lorsque vous créez une galerie d’image dans un post, notamment différents affichages en mosaïques.

Par exemple, avec quelques images du blog, ça donne ceci :

 

Or, la largeur max pour cette mosaïque est soit « normalement » définie par le thème avec Content Width (http://codex.wordpress.org/Content_Width)

Si ce n’est pas le cas elle est limitée par défaut à 500px, et cela peut ne pas coller à l’affichage que vous souhaitez.

Afin de changer cette valeur, vous pouvez la définir dans functions.pph de votre thème :

Si vous êtes vraiment fainéant pressé, vous pouvez même utiliser directement ce petit plugin: Custom Content Width.

 

banner-772x250

Problème de ShortCoder en wordpress 4.4

ShortCoder est un plugin permettant de créer des shortcodes dans WP.

Ceci permet par exemple de créer des éléments qui sont appelés via une balise, ce qui permet de le placer à plusieurs endroits, et lorsqu’une modification est effectuée elle se répercute sur toutes les instances.

WordPress 4.4 ne reconnait plus les shortcodes avec des caractères spéciaux dans leurs intitulés comme : « : » ou « , » ou encore « = »
En résumé, en 4.4, ‘a marche p’us !

Afin de tout refaire fonctionner, 2 petites lignes à placer dans le fichier functions.php de son thème ou encore au sein même de \plugins\shortcoder\shortcoder.php

 

complete-guide-wordpress-seo-yoast-plugin

WP seo yoast : remove_action or remove_filter de la classe externe WPSEO_Frontend

WordPress Seo est un super plugin de WordPress, permettant d’optimiser aux petits oignons le texte qu’on souhaite voir apparaître par exemple dans les métas :.

Toutefois, il peut arriver que vous ayez besoin de de supprimer une action ou un filtre exécuté par la classe WPSEO_Frontend.

Voici la bonne façon de faire les choses proprement

il faut donc rajouter dans le functions.php :

 

 

banner-772x250

Un outil surpuissant pour Importer du xml ou du csv dans wordpress

WP All Import est un plugin wordpress vous permettant d’importer des fichiers xml et CSV de façon assez bluffante.

 

Vous le trouverez ici : https://wordpress.org/plugins/wp-all-import

Et la documentation complète est là : http://www.wpallimport.com/documentation

Vous pouvez importer votre fichier soit depuis votre machine, soit depuis une url (ce dernier choix permettant de mettre à jour vos données dès que le fichier est mis à jour)

Il vous permet (entre autre) de

  • choisir les correspondances de champs par drag and drop, y compris pour des custom fields
  • importer des images
  • appliquer des fonctions php sur les éléments importés
  • d’appliquer des filtres, des expressions régulières
  • de définir un identifiant unique afin de ne pas réimporter des éléments existants
  • d’importer de nouveaux éléments ou de mettre à jour ceux qui existent déjà
  • de lancer les mises à jour par cron, et choisir si on traite tout e le fichier une seule fois (ex 1 fois en 24h) ou en plusieurs fois (fichier traité petit à petit)