Logo WordPress Channel

Design > Développement Web > Tutoriels WordPress

Des tutoriels / guides WordPress pour utilisateurs confirmés ou novices, souvent accompagnés de podcasts vidéos haute définition téléchargeable gratuitement.

infinite-loop

Masonry et Infinite Scroll sous WordPress sans plugin

Masonry et Infinite Scroll sont 2 scripts jQuery qui permettent respectivement de gérer des hauteurs de contenus différentes –  pour une disposition en colonnes de vos articles, et d’afficher les pages suivantes sans rechargement de page – au clic sur un bouton ou par simple défilement à la manière de Facebook ou encore Twitter. Face à l’absence de tutoriel complet sur l’intégration de ces 2 scripts jQuery sous WordPress, je vous ai concocté un tutoriel complet – ou presque, sur le sujet.

wordpress-inifinite-scroll

Activer l’Infinite Scroll de Jetpack dans les pages de recherche

Jetpack est un plugin WordPress très puissant incluant de nombreux modules dont le Défilement Infini ou Infinite Scroll. En place sur WordPress Channel, ce module permet d’afficher les contenus suivants dès lors que le visiteur atteint le bas de page. La pagination disparaît au profit d’une ergonomie améliorée. Seulement voilà, ce défilement continu ne fonctionne pas sur les pages de résultats de recherche par défaut.

woocommerce-american-card

Désactiver les styles CSS sous WooCommerce 2.1

L’arrivée de WooCommerce en version 2.1 marque la séparation des styles CSS en plusieurs feuilles distinctes. Que l’on soit partisan ou non de ce type de pratique, cela n’est pas sans poser des soucis d’affichage notamment si votre thème dispose de son propre fichier woocommerce.css. Une technique consiste à désactiver toutes les CSS en une seule ligne de code.

avatar-wordpress

Changer la taille par défaut des gravatars sous WordPress

Les gravatars donnent un côté humain à votre blog WordPress en affichant l’avatar de celui ou celle qui commente vos articles. Le principe est simple : associer une adresse e-mail à un utilisateur pour afficher son image partout sur la toile. Pour autant, ces derniers sont bien souvent affichés dans une taille inférieure à 64 pixels ce qui n’est guère la tendance actuelle ou qui ne conviendra pas en fonction de votre besoin. Une petite modification dans le code va nous permettra de la modifier.

link-zelda-wordpress

Afficher un lien pour modifier l’article dans un thème WordPress

En tant qu’administrateur de votre site WordPress, il n’est pas rare d’avoir besoin de modifier rapidement un contenu. Avec la barre d’outils, la tâche est facile mais si comme moi vous ne l’affichez pas alors un bouton d’accès rapide à l’éditeur du back-office nous simplifiera la tâche. Bien entendu, le lien sera visible des seuls utilisateurs autorisés par leur rôle.