• Accueil
  • CSS
  • jQuery
  • wordpress
  • Ressources
  • Php

Copier coller

Créer une carte personnalisée avec Leaflet et markerCluster js

Voici un CodePen d’une carte sur mesure utilisant leaflet, le plugin markerCluster.js  awesome-marker.js ainsi que des données GeoJSON. See the Pen Leaflet Interactive Map with custom Cluster Click action by yuyazz (@yuyazz) on CodePen. Dans cet exemple, j’exploite deux cartes, rangées dans deux tabs. Elle dispose d’un système de filtres personnalisés, d’un panneau latéral dynamique […]

Comment consolider le comportement du menu pour vos CPT

Cet article fait suite au précédent, dans lequel je donne un exemple de contournement pour créer une page d’archive de custom post type personnalisée. Lorsque vous créez un custom post type, WordPress en effet va générer automatiquement une page d’archive que vous pourrez retrouver dans l’onglet Apparence / menu. C’est une page qui n’existe pas […]

Créer des pages d’archive pour vos custom post type

Dans cet article, nous allons voir comment outrepasser le fonctionnement par défaut de wordpress concernant les custom post type. Normalement, à la création de votre custom post type, si l’on donne comme argument « has_archive » =>’true‘ à notre CPT, wordpress va automatiquement créer une page d’archive qui affichera tous nos custom post type. Le problème c’est […]

Liste déroulante multiple dynamique

Difficile de donner un titre cohérent à cet exercice !  Dans cet article je partage le code d’un champ select multiple qui en génère un autre. Le scénario est le suivant : j’ai un champ select multiple. L’utilisateur fait son choix : le résultat s’affiche, et pour chaque ligne de résultat, un nouveau champ select […]

Système de filtres avancés pour custom post type

Cet article fait suite aux deux précédents articles sur les systèmes de filtres et bouton ajax load more dans les articles et les custom post type. Ici, je poste un autre exemple avec un système de filtre un peu plus avancé, avec deux taxonomies :  la catégorie et le niveau. Mon arborescence et la structure […]

Filtrer ses custom post type et ajouter un bouton load more

Dans un précédent article, j’ai montré un exemple d’implémentation, à partir des articles classiques, d’une fonction de filtrage et de rechargement en ajax des articles. Ici on va voir comment pousser encore plus loin ce système en l’étendant aux custom post type. Voici un rendu possible : on a nos différents filtres tout en haut, […]

Créer un système de notation (rating/reviews) sur wordpress sans pugin

Dans ce tuto, on va voir comment mettre en place un système de notation simple, sans faire appel à un plugin. La plupart des plugins de notation sont de vrais systèmes intégrés, avec la création à la volée de custom post types, la possibilité pour l’utilisateur de noter ou de commenter via un formulaire, etc. […]

Affichage alterné pour site multilingue

Tout dépend du contexte, mais dans certains cas, et pour certains thèmes wordpress, il se peut qu’on ait besoin d’afficher un certain contenu en français, et un autre en anglais par exemple : Si vous utilisez WMPL : Si vous utilisez Polylang: Chaque plugin a ses petites nuances de syntaxe, mais la logique est la […]

Filtrer ses articles et ajouter un bouton « loadmore »

Aujourd’hui on va voir comment créer un système de filtre (classification) pour les articles, et ajouter une navigation ajax grâce à un bouton load more. Le code s’inspire très largement de l’excellent tuto de rudrastyh, sauf que nous on ne va pas utiliser le même système de filtres. Dans son tutoriel, rudrastyh utilise des champs […]

Créer des blocs de différentes tailles dans vos pages d’archives

Aujourd’hui on va voir ou revoir une façon de disposer ses blocs d’articles différemment. Dans un thème classique, toutes les vignettes d’articles sont réparties de manière équivalentes, faisant toutes la même taille et la même largeur. Voici ce à quoi on veut parvenir Le schéma a été fait rapidement, mais en gros on veut obtenir […]

« Précédent 1 2 3 4 5 … 42 Suivant »
© 2025 Copyrigth Copier Coller