Logo WordPress Channel

Développement Web

Des tutoriels pour apprendre à développer en PHP sur WordPress.

podcast-dog

Créer une page d’archive d’un format d’article sous WordPress

À la différence d’un type de contenu ou d’une taxonomie, un format d’article ne dispose pas d’une page d’archives qui permettrait de lister tous les contenus disposant d’une mise en page en particulier. Techniquement, c’est logique car rappelons une nouvelle fois que cette fonctionnalité est conçue dans un but de mise en forme. Pour autant, il peut être utile de retrouver sur une page l’ensemble des articles au format vidéo comme c’est le cas sur ma page de podcasts vidéos.

post-it notes

Les post formats sous WordPress

Les formats d’articles ou post formats sont une fonctionnalité propre aux thèmes WordPress, introduite depuis la version 3.1. Peu usité malgré un potentiel intéressant pour de nombreux blogueurs, le format d’article offre un moyen simple de personnaliser l’affichage d’un billet. Les formats sont standardisés pour garantir une certaine homogénéité entre les thèmes et ce guide aura pour objectif de faire le tour de la question afin d’en bénéficier à votre tour sur votre site WordPress.

infinite-loop-apple

Jetpack Infinite Scroll, comment l’intégrer dans votre thème WordPress

Le défilement infini est un module proposé dans le plugin Jetpack pour WordPress. Il fonctionne sur le principe du fameux Infinite Scroll, un script jQuery qui permet d’afficher vos contenus suivants au clic ou au défilement sans rechargement de page. Pour en profiter avec le thème de votre choix, suivez quelques consignes indispensables que j’ai pu expérimenté de longs mois sur ce site avant un passage en mode manuel sans Jetpack.

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.

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.

monopoly-e-commerce

Proposer l’inscription à la newsletter Wysija (MailPoet) sur la page de commande de WooCommerce

Si vous utilisez une boutique en ligne WooCommerce sur votre WordPress, et que vous souhaitez envoyer une newsletter à vos clients via MailPoet (anciennement Wysija), il peut être intéressant de pouvoir demander directement à l’internaute depuis la page de commande, s’il souhaite s’inscrire ou non à votre newsletter.

wordress-loop

Exclure les post_formats (formats d’articles) de la boucle de WordPress

Les formats d’articles de WordPress permettent de formater un contenu selon qu’il s’agisse d’une image, d’une brève, d’un lien ou même d’une vidéo à la manière du service Tumblr. Il peut être intéressant de ne pas les intégrer dans la boucle principale de votre page d’accueil afin de ne pas perturber la lecture. Un exemple consistera notamment à les insérer dans une requête type WP_Query dans une colonne latérale ou un modèle de page.

wpchannel-isotope-portfolio-1

Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress

Un thème premium qui se respecte comporte des modèles de pages de type portfolio, très utile pour mettre en valeur vos créations artistiques notamment. La plupart d’entre eux sont dotés d’un système de filtre basé sur les termes d’une taxonomie spécialement créée pour l’occasion et le redimensionnement de la fenêtre réajuste automatiquement les éléments avec une transition en CSS3. Ce tutoriel va vous apprendre comment mettre en place un tel système sous WordPress et sans avoir recours à un plugin.