📎 F4HXN Carrousel Pages – Plugin WordPress

F4HXN Carrousel Pages – Plugin WordPress

Version actuelle : 1.7.0

Plugin WordPress pour afficher un carrousel des dernières pages ou articles publiés, avec filtre par catégories et configuration complète depuis l’admin.

Fonctionnalités

✅ Carrousel responsive avec navigation complète (flèches, points, clavier, swipe mobile)
✅ Pages ou Articles au choix
✅ Filtre par catégories (pour les articles)
✅ Configuration admin complète (nombre, vitesse, autoplay, etc.)
✅ Personnalisation shortcode pour chaque utilisation
✅ Images miniatures (Image à la une) affichées en grand (700px)
✅ Design F4HXN (couleurs #0076a5 et #298ad4)
✅ Responsive sur tous les écrans
✅ Cache busting intégré

Installation

Méthode 1 : Via l’admin WordPress (recommandée)

Télécharge le fichier f4hxn-carousel-pages.zip
Va dans Extensions → Ajouter
Clique sur « Téléverser une extension »
Sélectionne le fichier ZIP
Clique sur « Installer maintenant »
Active le plugin

Méthode 2 : Via FTP

Dézippe le fichier f4hxn-carousel-pages.zip
Upload le dossier f4hxn-carousel-pages dans /wp-content/plugins/
Active le plugin dans WordPress

Configuration

Paramètres admin

Réglages → Carrousel F4HXN

Paramètre	Description	Valeur par défaut
Type de contenu	Pages ou Articles	Pages
Catégories	Sélection multiple (Articles uniquement)	Toutes
Nombre d’éléments	Nombre à afficher (1-20)	6
Autoplay	Défilement automatique	Activé
Vitesse	Temps d’affichage en ms (1000-10000)	5000
Afficher l’extrait	Montrer l’extrait du contenu	Activé
Afficher la date	Montrer la date de publication	Activé

Utilisation

Shortcode de base

Utilise les paramètres configurés dans l’admin :

[f4hxn_carousel]

Shortcodes avec paramètres personnalisés

Pages

[f4hxn_carousel]

[f4hxn_carousel number="8"]

[f4hxn_carousel number="10" autoplay="0"]

Articles

Tous les articles :

[f4hxn_carousel post_type="post"]

Articles d’une catégorie :

[f4hxn_carousel post_type="post" categories="5"]

Articles de plusieurs catégories :

[f4hxn_carousel post_type="post" categories="5,8,12"]

10 derniers articles :

[f4hxn_carousel post_type="post" number="10"]

Combinaisons avancées

[f4hxn_carousel post_type="post" categories="5,8" number="10" autoplay="1" speed="3000"]

[f4hxn_carousel post_type="page" number="4" autoplay="0"]

Paramètres disponibles

Paramètre	Type	Valeurs	Description
`number`	Entier	1-20	Nombre d’éléments à afficher
`autoplay`	Booléen	0 ou 1	Défilement automatique
`speed`	Entier	1000-10000	Vitesse en millisecondes
`post_type`	Texte	page ou post	Type de contenu
`categories`	Texte	IDs séparés par virgules	Catégories (articles uniquement)

Exemples d’utilisation

Exemple 1 : Blog radioamateur

Carrousel d’actualités sur la page d’accueil :

[f4hxn_carousel post_type="post" categories="3" number="5"]

Carrousel technique dans la section tutoriels :

[f4hxn_carousel post_type="post" categories="7,12" number="8"]

Exemple 2 : Site vitrine

Dernières pages sur l’accueil :

[f4hxn_carousel number="6"]

Pages spécifiques avec défilement lent :

[f4hxn_carousel number="4" speed="7000"]

Exemple 3 : Mix pages et articles

Page d’accueil (pages) :

[f4hxn_carousel post_type="page" number="4"]

Section blog (articles) :

[f4hxn_carousel post_type="post" number="8"]

Trouver l’ID d’une catégorie

Méthode 1 : Dans l’admin

Va dans Articles → Catégories
Survole le nom d’une catégorie
Regarde en bas à gauche du navigateur
L’URL affiche tag_ID=5 → L’ID est 5

Méthode 2 : En modifiant

Clique sur une catégorie pour la modifier
Regarde l’URL dans la barre d’adresse
Tu verras tag_ID=5 → L’ID est 5

Design et style

Couleurs par défaut

Couleur principale : #0076a5
Couleur secondaire : #298ad4
Fond : Blanc
Texte : #333

Dimensions

Desktop : 1200px max × 700px hauteur image
Tablette : 100% largeur × 300px hauteur image
Mobile : 100% largeur × 250px hauteur image

Personnalisation CSS

Si tu veux modifier le style, édite le fichier :

/wp-content/plugins/f4hxn-carousel-pages/assets/carousel.css

Exemples de modifications :

Changer la hauteur de l’image :

.slide-image {
    height: 800px; /* Au lieu de 700px */
}

Changer la marge en haut :

.slide-image {
    padding-top: 30px; /* Au lieu de 20px */
}

Changer les couleurs :

.slide-title a {
    color: #ff0000; /* Au lieu de #0076a5 */
}

Dépannage

Le carrousel ne s’affiche pas

Vérifie que le plugin est activé
Vérifie que tu as des pages ou articles publiés
Vérifie que le shortcode est correct
Vide le cache (navigateur et WordPress)

Les images ne s’affichent pas

Les pages/articles doivent avoir une « Image à la une » définie
Va dans l’édition de la page → Section « Image à la une » (colonne de droite)

Les changements CSS ne s’appliquent pas

Vide le cache du navigateur : Ctrl+Shift+Delete
Vide le cache WordPress si tu utilises un plugin de cache
Force le rechargement : Ctrl+F5

Les catégories ne fonctionnent pas

Les catégories sont uniquement pour les articles
Les pages WordPress n’ont pas de catégories
Utilise post_type="post" avec categories

Fonctionnalités avancées

Navigation

Flèches gauche/droite : Naviguer entre les slides
Points de navigation : Cliquer pour aller à une slide spécifique
Clavier : ← et → pour naviguer
Swipe : Glisser sur mobile/tablette
Pause au survol : L’autoplay se met en pause

Responsive

Le carrousel s’adapte automatiquement à tous les écrans :

Desktop : Affichage complet
Tablette : Dimensions réduites, navigation optimisée
Mobile : Layout adapté, swipe activé

Changelog

Version 1.6.0

Date : Décembre 2024

Nouveautés :

✅ Marge de 20px ajoutée en haut de l’image
✅ Hauteur d’image augmentée à 700px (desktop)
✅ Hauteurs responsive ajustées (300px tablette, 250px mobile)

Améliorations :

Meilleur rendu visuel avec espacement
Images plus grandes pour meilleure visibilité

Version 1.5.0

Date : Décembre 2024

Nouveautés :

✅ Choix du type de contenu (Pages ou Articles)
✅ Filtre par catégories pour les articles
✅ Sélection multiple de catégories dans l’admin
✅ Paramètre post_type dans le shortcode
✅ Paramètre categories dans le shortcode

Améliorations :

Interface admin enrichie
Documentation shortcodes mise à jour
Gestion dynamique des catégories (JavaScript)

Version 1.4.0

Date : Décembre 2024

Nouveautés :

✅ Affichage du haut de l’image prioritaire
✅ object-position: top center
✅ align-items: flex-start

Améliorations :

Le haut de l’image est toujours visible
Meilleur contrôle de l’affichage des miniatures

Version 1.3.0

Date : Décembre 2024

Correctifs :

✅ Restauration des dimensions d’origine (1200px × 450px)
✅ Annulation de la réduction de largeur (v1.2.0)

Version 1.2.0

Date : Décembre 2024

Tentative (annulée) :

❌ Réduction de la largeur à 900px (annulée en v1.3.0)

Version 1.1.0

Date : Décembre 2024

Nouveautés :

✅ object-fit: contain pour afficher les images entières
✅ Cache busting avec timestamp
✅ Styles inline avec !important

Améliorations :

Meilleure gestion du cache
Images non rognées

Version 1.0.0

Date : Décembre 2024

Version initiale :

✅ Carrousel de pages WordPress
✅ Configuration admin
✅ Paramètres : nombre, autoplay, vitesse
✅ Affichage extrait et date
✅ Navigation complète (flèches, dots, clavier)
✅ Design responsive
✅ Couleurs F4HXN

📋Feuille de route

Prochaines versions (suggestions)

v1.7.0 :

[ ] Support des Custom Post Types
[ ] Ordre personnalisé (aléatoire, alphabétique, etc.)
[ ] Transition effects personnalisables

v1.8.0 :

[ ] Widget Gutenberg dédié
[ ] Prévisualisations dans l’admin
[ ] Templates personnalisables

v2.0.0 :

[ ] Constructeur visuel de carrousels
[ ] Animations avancées
[ ] Support des galeries d’images

Support et contribution

Support

Auteur : Jean-Paul Mansouri (F4HXN)
Locator : JN33KW
Site web : https://www.f4hxn.fr
Localisation : Puget-Théniers, Alpes-Maritimes

Bugs et suggestions

Si tu trouves un bug ou as une suggestion :

Vérifie que tu as la dernière version
Vide tous les caches
Contacte-moi avec :
- Version du plugin
- Version de WordPress
- Description du problème
- Capture d’écran si possible

Licence

GPL v2 ou ultérieure

Crédits

Développé par Jean-Paul Mansouri (F4HXN) pour la communauté radioamateur.

73 de F4HXN ! 📻

Ressources

Fichiers du plugin

f4hxn-carousel-pages/
├── f4hxn-carousel-pages.php    # Fichier principal
├── assets/
│   ├── carousel.css            # Styles
│   └── carousel.js             # JavaScript
└── README.md                   # Ce fichier

Liens utiles

Documentation WordPress : https://developer.wordpress.org/
Shortcodes WordPress : https://codex.wordpress.org/Shortcode_API
F4HXN.fr : https://www.f4hxn.fr

Dernière mise à jour : Décembre 2025
Version : 1.6.0

VERSION 1.7.0 – PAGES + ARTICLES MÉLANGÉS

NOUVELLE FONCTIONNALITÉ MAJEURE

Tu peux maintenant afficher Pages ET Articles dans le MÊME carrousel ! 🎉

NOUVEAUTÉS VERSION 1.7.0

✅ Support de post types multiples

Pages uniquement : post_type="page"
Articles uniquement : post_type="post"
Pages + Articles mélangés : post_type="page,post" ← NOUVEAU !

✅ Tri chronologique unifié

Tous les contenus (pages et articles) sont triés par date de publication, du plus récent au plus ancien.

✅ Option dans l’admin

Nouveau choix dans Réglages → Carrousel F4HXN :

Pages uniquement
Articles uniquement
Pages + Articles (mélangés) ← NOUVEAU !

UTILISATION

Shortcode de base avec pages + articles

Dans l’admin, sélectionne « Pages + Articles (mélangés) », puis utilise :

[f4hxn_carousel]

Ou directement dans le shortcode :

[f4hxn_carousel post_type="page,post"]

Exemples d’utilisation

Exemple 1 : Les 10 derniers contenus (pages + articles)

[f4hxn_carousel post_type="page,post" number="10"]

Exemple 2 : Pages + Articles avec autoplay rapide

[f4hxn_carousel post_type="page,post" number="8" speed="3000"]

Exemple 3 : Pages + Articles d’une catégorie spécifique

[f4hxn_carousel post_type="page,post" categories="5"]

Note : Les catégories ne s’appliquent qu’aux articles. Les pages seront affichées sans filtre.

Exemple 4 : Articles de plusieurs catégories + toutes les pages

[f4hxn_carousel post_type="page,post" categories="5,8,12" number="15"]

CONFIGURATION ADMIN

Accès aux paramètres

Réglages → Carrousel F4HXN

Nouveau champ « Type de contenu »

Option	Description
Pages uniquement	Affiche seulement les pages
Articles uniquement	Affiche seulement les articles
Pages + Articles (mélangés)	Affiche pages et articles ensemble ✨

Gestion des catégories

Quand tu sélectionnes « Pages + Articles (mélangés) » :

Le champ Catégories reste visible
Les catégories s’appliquent uniquement aux articles
Les pages sont toujours affichées (sans filtre de catégorie)

CAS D’USAGE

Cas 1 : Site vitrine avec blog intégré

Page d’accueil – Tous les contenus récents :

[f4hxn_carousel post_type="page,post" number="8"]

Affichera un mix des dernières pages créées et des derniers articles publiés.

Cas 2 : Blog radioamateur avec pages importantes

Section principale – Mix contenus :

[f4hxn_carousel post_type="page,post" number="12"]

Avantage : Les pages importantes (QSL, Matériel, etc.) apparaissent avec les articles récents.

Cas 3 : Contenus techniques filtrés

Articles techniques + Pages :

[f4hxn_carousel post_type="page,post" categories="7,12" number="10"]

Affichera :

Les articles des catégories 7 et 12 (ex: Antennes, Propagation)
PLUS toutes les pages récentes

Cas 4 : Plusieurs carrousels différents

Sur la même page, tu peux avoir :

<h2>📰 Dernières actualités</h2>

[f4hxn_carousel post_type= »post » categories= »3″ number= »5″]

<h2>📄 Contenus importants</h2>

[f4hxn_carousel post_type= »page » number= »4″]

<h2>🔥 Tout le contenu récent</h2> [f4hxn_carousel post_type= »page,post » number= »10″]

ORDRE D’AFFICHAGE

Comment sont triés les contenus ?

Tri par date de publication (du plus récent au plus ancien)

Exemple avec number="6" :

1. Article "DX Contest 2024" - 10 déc. 2024
2. Page "Nouveau matériel" - 9 déc. 2024
3. Article "Propagation" - 8 déc. 2024
4. Article "QSO du mois" - 7 déc. 2024
5. Page "Tarifs 2025" - 6 déc. 2024
6. Article "Tutoriel FT8" - 5 déc. 2024

→ Pages et articles mélangés par ordre chronologique ✅

APPARENCE

Différenciation visuelle

Les pages et articles s’affichent de la même manière dans le carrousel :

✅ Image miniature (Image à la une)
✅ Titre
✅ Date
✅ Extrait
✅ Bouton « Lire la suite »

Pas de différenciation visuelle entre pages et articles (design uniforme).

PARAMÈTRES TECHNIQUES

Syntaxe du post_type

Tu peux écrire dans n’importe quel ordre :

post_type="page,post"   ✅ Fonctionne
post_type="post,page"   ✅ Fonctionne aussi

Espaces acceptés

post_type="page, post"  ✅ Les espaces sont automatiquement supprimés
post_type="page,  post" ✅ Fonctionne

MIGRATION DEPUIS v1.6.0

Pas de changement requis !

Si tu utilisais déjà le plugin :

Tes shortcodes existants fonctionnent toujours
Tes configurations admin sont conservées
Rien à reconfigurer

Pour utiliser la nouvelle fonctionnalité :

Option 1 – Via l’admin :

Va dans Réglages → Carrousel F4HXN
Change le type de contenu vers « Pages + Articles (mélangés) »
Enregistre
C’est tout ! ✅

Option 2 – Via le shortcode :
Modifie ton shortcode existant :

[f4hxn_carousel post_type="page,post"]

INSTALLATION VERSION 1.7.0

Procédure complète :

Désinstalle l’ancienne version

WordPress → Extensions
Désactive « F4HXN Carrousel Pages »
Supprime le plugin

Vide le cache

Cache navigateur : Ctrl+Shift+Delete
Cache WordPress : Vide-le si plugin de cache

Installe la nouvelle version

Télécharge le ZIP (version 1.7.0)
Extensions → Ajouter → Téléverser
Sélectionne le ZIP et installe
Active le plugin
Vérifie : Version 1.7.0 dans Extensions

Configure (optionnel)

Réglages → Carrousel F4HXN
Choisis « Pages + Articles (mélangés) » si tu veux cette option
Enregistre

Teste

Va sur ta page avec le carrousel
Ctrl+F5 pour forcer le rechargement

TOUS LES PARAMÈTRES DISPONIBLES

Paramètre	Valeurs possibles	Exemple
`post_type`	`page`, `post`, `page,post`	`post_type="page,post"`
`number`	1-20	`number="10"`
`categories`	IDs séparés par virgules	`categories="5,8,12"`
`autoplay`	0 ou 1	`autoplay="1"`
`speed`	1000-10000 (ms)	`speed="3000"`

FAQ

Q : Puis-je filtrer les pages par catégorie ?
R : Non, les pages WordPress n’ont pas de catégories. Le filtre catégorie s’applique uniquement aux articles.

Q : Si je filtre par catégorie, les pages sont-elles toujours affichées ?
R : Oui ! Avec post_type="page,post" categories="5", tu verras :

Les articles de la catégorie 5
PLUS toutes les pages récentes (sans filtre)

Q : Comment afficher UNIQUEMENT les pages ET UNIQUEMENT les articles d’une catégorie ?
R : Ce n’est pas possible avec un seul carrousel. Utilise deux carrousels :

[f4hxn_carousel post_type="page" number="5"]
[f4hxn_carousel post_type="post" categories="5" number="5"]

Q : L’ordre est-il vraiment chronologique ?
R : Oui ! Pages et articles sont triés ensemble par date de publication, du plus récent au plus ancien.

Q : Combien de contenus maximum ?
R : Le paramètre number va de 1 à 20. Par défaut : 6.

Q : Les contenus mélangés s’affichent-ils différemment ?
R : Non, le design est uniforme. Tu ne peux pas distinguer visuellement une page d’un article dans le carrousel.

TOUTES LES FONCTIONNALITÉS CONSERVÉES

La version 1.7.0 conserve toutes les fonctionnalités précédentes :

✅ Marge en haut de l’image (20px)
✅ Hauteur de 700px (desktop)
✅ Affichage du haut de l’image
✅ Filtre par catégories (articles)
✅ Configuration admin complète
✅ Navigation complète (flèches, dots, clavier, swipe)
✅ Responsive sur tous les écrans
✅ Design F4HXN (#0076a5, #298ad4)
✅ Cache busting
✅ Pas de border-left

+ Nouveau : Pages + Articles mélangés ! 🎉

📊 HISTORIQUE DES VERSIONS

Version	Fonctionnalité principale
1.0.0	Version initiale – Pages uniquement
1.1.0	Images entières (object-fit: contain)
1.2.0	Largeur réduite (annulée)
1.3.0	Dimensions restaurées
1.4.0	Affichage haut de l’image
1.5.0	Choix Pages/Articles + Filtre catégories
1.6.0	Marge en haut + Hauteur 700px
1.7.0	✅ Pages + Articles mélangés

EXEMPLES CONCRETS

Exemple 1 : Site d’association radioamateur

Page d’accueil :

[f4hxn_carousel post_type="page,post" number="8"]

→ Mix des dernières infos et pages importantes

Section technique :

[f4hxn_carousel post_type="page,post" categories="7,12" number="10"]

→ Articles techniques + pages ressources

Exemple 2 : Blog personnel

Sidebar :

[f4hxn_carousel post_type="page,post" number="4" autoplay="0"]

→ 4 contenus récents (mix pages/articles)

Exemple 3 : Site club

Accueil :

[f4hxn_carousel post_type="page,post" number="12" speed="4000"]

→ Tout le contenu récent en rotation

73 de F4HXN ! 📻

Version actuelle : 1.7.0

📎 Carrousel de liens

Carrousel Sites Pro

Version: 1.0.0
Auteur: Jean-Paul Mansouri (F4HXN)
Site web: https://www.f4hxn.fr – https://www.mansouri.fr
Licence: GPL v2 or later

Description

Carrousel Sites Pro est un plugin WordPress élégant et professionnel qui permet d’afficher vos différents sites web dans un carrousel interactif avec prévisualisation et ouverture au clic.

Fonctionnalités

✅ Carrousel interactif avec navigation fluide
✅ Défilement automatique paramétrable
✅ Navigation multiple : boutons, indicateurs, clavier, tactile
✅ Responsive et optimisé mobile
✅ Interface d’administration intuitive
✅ Shortcode simple à utiliser
✅ Personnalisation complète des sites affichés
✅ Accessibilité optimisée (ARIA, navigation clavier)
✅ Aucune dépendance (pas de jQuery dans le frontend)

Installation

Méthode 1 : Upload manuel

Téléchargez le fichier carrousel-sites-pro.zip
Décomprez le fichier
Uploadez-le repertoire dans /wp-content/plugins/
Activez le plugin depuis le menu « Extensions » de WordPress

Méthode 2 : Upload ZIP

Télécharger le fichier carrousel-sites-pro.zip
Dans WordPress : Extensions > Ajouter > Téléverser une extension
Sélectionnez le fichier ZIP
Cliquez sur « Installer maintenant » puis « Activer »

Utilisation

Shortcode de base

[carrousel_sites]

Shortcode avec options

[carrousel_sites title="Découvrez mes projets" autoplay="true" delay="5000"]

Paramètres disponibles

Paramètre	Type	Défaut	Description
`title`	string	« Mes Sites Web »	Titre affiché au-dessus du carrousel
`autoplay`	boolean	true	Active/désactive le défilement automatique
`delay`	integer	5000	Délai en millisecondes entre chaque slide

Exemples d’utilisation

[carrousel_sites]

[carrousel_sites title="Mes Projets"]

[carrousel_sites autoplay="false"]

[carrousel_sites delay="3000"]

[carrousel_sites title="Portfolio" autoplay="true" delay="4000"]

Configuration

Allez dans Carrousel Sites dans le menu WordPress
Ajoutez ou modifiez vos sites :

URL : L’adresse complète du site (https://…)
Titre : Le nom à afficher
Icône : Un emoji représentatif (📻 💻 🌐 etc.)
Description : Une courte description (optionnel)

Cliquez sur « Enregistrer les modifications »

Émojis recommandés pour les icônes

🌐 Site web général
💻 Site technique / développement
📱 Application mobile
🎨 Portfolio créatif
📊 Site d’analyse / statistiques
🛒 Site e-commerce
📧 Site de contact
📻 Radio / podcast
🎵 Site musical
📷 Photographie
🎓 Site éducatif
🏢 Site d’entreprise

Personnalisation

Couleurs du thème

Le plugin utilise les couleurs :

Primaire : #0076a5
Secondaire : #298ad4
Fond : blanc

Pour personnaliser les couleurs, modifiez le fichier :
/assets/css/carrousel-sites-pro.css

Hauteur du carrousel

Par défaut : 500px sur desktop, 400px sur tablette, 300px sur mobile

Pour modifier, changez dans le CSS :

.site-preview {
    height: 500px; /* Votre hauteur */
}

Compatibilité

✅ WordPress 5.0+
✅ PHP 7.0+
✅ Tous les navigateurs modernes
✅ Responsive (mobile, tablette, desktop)
✅ Compatible avec tous les thèmes WordPress

Structure du plugin

carrousel-sites-pro/
│
├── carrousel-sites-pro.php    # Fichier principal du plugin
├── README.md                   # Ce fichier
│
├── assets/
│   ├── css/
│   │   └── carrousel-sites-pro.css    # Styles
│   └── js/
│       └── carrousel-sites-pro.js     # JavaScript
│
└── admin/
    └── admin-page.php          # Interface d'administration

Fonctionnalités détaillées

Navigation

Boutons : Précédent / Suivant
Indicateurs : Clic direct sur un site
Clavier : Flèches gauche/droite
Tactile : Swipe gauche/droite sur mobile
Auto-play : Défilement automatique avec pause au survol

Accessibilité

Labels ARIA pour les lecteurs d’écran
Navigation clavier complète
Focus visible sur les éléments interactifs
Rôles ARIA appropriés

Performance

CSS et JS minifiés
Pas de dépendances externes
Chargement optimisé
Code léger et performant

Support

Pour toute question ou problème :

Site web : https://www.f4hxn.fr – https://www.mansouri.fr
Email : contact via le site
GitHub : Issues sur le repository

Licence

Ce plugin est distribué sous licence GPL v2 or later.

Auteur

Jean-Paul Mansouri (F4HXN)

Site web : https://www.f4hxn.fr – https://www.mansouri.fr
Radio amateur : F4HXN
Locator : JN33KW

Remerciements

Merci d’utiliser Carrousel Sites Pro !

Si vous appréciez ce plugin, n’hésitez pas à laisser un avis ou à le partager.

Demo

[carrousel_sites]

Mes sites Web

F4HXN.fr

https://www.f4hxn.fr

Jerko.fr

https://www.jerko.fr

Pechez.com

https://www.pechez.com

Frimousse.net

https://www.frimousse.net

Changelog – Carrousel Sites Pro

Toutes les modifications notables de ce projet seront documentées dans ce fichier.

Version 1.6.1 (04 Décembre 2025)

Correction

Ombres renforcées – Intensité des ombres augmentée pour une meilleure visibilité
Ombre titre : text-shadow: 3px 3px 8px rgba(0,0,0,0.4) (opacité 20% → 40%)
Ombre carrousel : box-shadow: 0 10px 40px rgba(0,0,0,0.25) (opacité 10% → 25%)
Rayon de flou augmenté pour un effet plus marqué
Effet de profondeur prononcé et bien visible

Version 1.6.0 (03 Décembre 2025)

Nouveautés

Ombres activables/désactivables – Contrôle des effets d’ombre
☑️ Case à cocher pour activer/désactiver l’ombre sur le titre
☑️ Case à cocher pour activer/désactiver l’ombre sur le carrousel
Options sauvegardées dans WordPress (csp_title_shadow, csp_carousel_shadow)
Ombre carrousel activée par défaut

Design

Choix entre design plat ou avec profondeur
Styles prédéfinis : minimaliste, moderne, relief complet
Application dynamique via CSS inline

Version 1.5.0 (02 Décembre 2025)

Nouveautés majeures

Couleurs personnalisables – Personnalisation complète des couleurs
🎨 Sélecteur de couleur pour le fond du carrousel
🎨 Sélecteur de couleur pour le titre
Interface visuelle intuitive avec <input type="color">
Prévisualisation du code couleur hex en temps réel
Synchronisation automatique sélecteur ↔ champ texte

Options ajoutées

csp_carousel_bg_color – Couleur de fond (défaut: #ffffff)
csp_carousel_title_color – Couleur du titre (défaut: #0076a5)
Sauvegarde sécurisée avec sanitize_hex_color()
CSS inline généré dynamiquement avec !important

Version 1.4.1 (01 Décembre 2025)

Correction majeure

Suppression barre bleue – Élimination complète des bordures indésirables
Règles CSS renforcées avec !important sur tous les éléments
Suppression forcée de tous les pseudo-éléments (::after, ::before)
Compatible avec tous les thèmes WordPress
Règles appliquées sur : wrapper, container, h2, carousel

Modifications CSS

border: none !important sur tous les niveaux
text-decoration: none !important sur le titre
box-shadow: none !important sur les éléments sans ombre
Protection contre les styles des thèmes

Version 1.4.0 (01 Décembre 2025)

Nouveautés

Titre personnalisable – Configuration du titre dans l’interface admin
Nouveau champ « Titre du carrousel » dans « Paramètres généraux »
Titre configurable en un seul endroit
S’applique automatiquement à tous les carrousels
Surcharge possible via attribut shortcode title="..."

Fonctionnement

Option WordPress : csp_carousel_title
Valeur par défaut : « Mes Sites Web »
Priorité : attribut shortcode > config admin > défaut

Version 1.3.0 (01 Décembre 2025)

Fonctionnalité majeure

Upload d’images – Intégration de la médiathèque WordPress
📷 Bouton « Choisir une image » pour chaque site
Prévisualisation en temps réel (200px)
Bouton « Supprimer l’image »
Fallback automatique sur émojis si pas d’image

Affichage

Images avec object-fit: cover
Effet zoom au survol (scale 1.05)
Recommandations : 1200×500px, <300KB, JPG/PNG
Champ optionnel – pas d’obligation d’image

Technique

wp_enqueue_media() – Chargement médiathèque WordPress
admin.js – Gestion upload/suppression
Sauvegarde URL image avec esc_url_raw()
Rendu conditionnel : <img> si image, sinon emoji

Version 1.2.0 (01 Décembre 2025)

Corrections importantes

Fix ajout de sites – Résolution bug sauvegarde
Réécriture du code de sauvegarde avec boucle for()
Validation avec isset() pour chaque champ
Sites exemple par défaut changés : exemple1.fr, exemple2.fr (au lieu de sites réels)

Améliorations

🔄 Bouton « Réinitialiser aux valeurs par défaut »
Scroll automatique vers le nouveau site ajouté
Confirmations intelligentes avant suppression
Alerte si modifications non enregistrées
Messages de confirmation améliorés

Version 1.1.0 (01 Décembre 2025)

Amélioration UX

Instruction cliquable – Bouton « 👆 Cliquez pour visiter » interactif
Bouton entièrement cliquable (pas juste décoratif)
Effets visuels au survol :
Changement de couleur (blanc → bleu #0076a5)
Texte change (blanc)
Animation scale (1.05)
Box-shadow renforcée
Animation pulse pour attirer l’attention

Version 1.0.0 (01 Décembre 2025)

Version initiale

✅ Carrousel interactif – Défilement automatique et manuel
✅ Interface d’administration – Gestion facile des sites
✅ Shortcode avec options – carrousel_sites personnalisable
✅ Responsive design – Adapté mobile, tablette, desktop
✅ Accessibilité optimisée – ARIA labels, navigation clavier

Fonctionnalités principales

Ajout/suppression de sites illimités
URL, titre, icône emoji, description pour chaque site
Navigation : boutons prev/next, indicateurs, clavier, touch
Auto-play configurable avec pause au survol
Shortcode :

[carrousel_sites autoplay="true" delay="5000"]

Design

Couleurs : #0076a5 (bleu principal), #298ad4 (bleu clair)
Fond blanc par défaut
Animations fluides (transitions CSS)
Overlay avec gradient sur les sites
Responsive breakpoints : 768px, 480px

Technique

Aucune dépendance externe
JavaScript vanilla (pas de jQuery frontend)
Compatible WordPress 5.0+
Compatible PHP 7.0+
Licence GPL v2

Notes de version

Compatibilité

WordPress 5.0+
PHP 7.0+
Tous navigateurs modernes
Mobile, tablette, desktop

Installation

Télécharger carrousel-sites-pro.zip
WordPress → Extensions → Ajouter → Téléverser
Activer le plugin
Menu → Carrousel Sites → Configurer

Support

Site web : https://www.f4hxn.fr
Auteur : Jean-Paul Mansouri (F4HXN)
Licence : GPL v2

Développé avec ❤️ par F4HXN

📎 Meta Tags Custom

Meta Tags Custom

Extension WordPress qui injecte les métadonnées SEO, Open Graph, Twitter et JSON-LD tout en haut du <head> pour une visibilité maximale.

Ce qui est ajouté

meta description keywords rel=canonical homepage (custom) Open Graph Twitter Card

JSON-LD Organization JSON-LD WebSite + SearchAction JSON-LD Person JSON-LD Article JSON-LD BreadcrumbList Tags & Catégories (WP)

Le type OG est website sur l’accueil et article ailleurs. Les dates de publication/modification sont incluses si disponibles.

Installation

Dans l’admin WordPress, allez à Extensions → Ajouter.
Cliquez Téléverser une extension et sélectionnez le ZIP.
Cliquez Installer, puis Activer.
Si vous utilisez un cache (plugin/CDN), videz-le après activation.

Comment sont décidées les valeurs

Titre / URL : titre & permalien du contenu ou nom & URL du site.
Description : extrait de l’article/page si présent, sinon slogan du site, sinon un fallback global.
Image : image mise en avant, sinon l’icône du site (Apparence → Personnaliser → Identité du site).
Tags/Catégories : depuis les taxonomies WordPress sur les contenus singuliers.
Fil d’Ariane : Accueil → catégorie principale (articles) ou ancêtres (pages) → élément courant.

Exemple de rendu

<!-- MTC Meta Start -->
<link rel="canonical" href="https://example.com/post/" />
<meta name="homepage" content="https://example.com/" />
<meta name="description" content="Extrait ou description du site." />
<meta name="keywords" content="radio, SDR, Docker, Linux, ..." />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Mon Site" />
<meta property="og:title" content="Titre de l'article" />
<meta property="og:description" content="Extrait..." />
<meta property="og:url" content="https://example.com/post/" />
<meta property="og:image" content="https://example.com/uploads/cover.jpg" />
<meta property="og:locale" content="fr_FR" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Titre de l'article" />
<meta name="twitter:description" content="Extrait..." />
<meta name="twitter:image" content="https://example.com/uploads/cover.jpg" />
<!-- MTC Meta End -->

<script type="application/ld+json">{
  "@context":"https://schema.org",
  "@type":"Organization",
  "url":"https://example.com/",
  "name":"Mon Site",
  "logo":{"@type":"ImageObject","url":"https://example.com/icon-512.png"}
}</script>
<script type="application/ld+json">{
  "@context":"https://schema.org",
  "@type":"Article",
  "headline":"Titre de l'article",
  "description":"Extrait ou description du site",
  "datePublished":"2025-09-30T10:00:00+02:00",
  "dateModified":"2025-10-01T09:12:00+02:00",
  "mainEntityOfPage":"https://example.com/post/",
  "author":{"@type":"Person","name":"Auteur"},
  "publisher":{"@type":"Organization","name":"Mon Site"},
  "image":{"@type":"ImageObject","url":"https://example.com/uploads/cover.jpg"}
}</script>
<script type="application/ld+json">{
  "@context":"https://schema.org",
  "@type":"BreadcrumbList",
  "itemListElement":[
    {"@type":"ListItem","position":1,"name":"Accueil","item":"https://example.com/"},
    {"@type":"ListItem","position":2,"name":"Catégorie","item":"https://example.com/categorie/"},
    {"@type":"ListItem","position":3,"name":"Titre de l'article","item":"https://example.com/post/"}
  ]
}</script>

Meta Tags Custom — par Jean-Paul Mansouri (F4HXN) — mansouri.fr

Télécharger

📎 Pages Cards by Taxonomy

Pages Cards by Taxonomy

Liste tes pages par catégorie/tag avec image, texte tronqué, couleurs et taille du titre personnalisables.

Auteur : F4HXN (Mansouri Jean-Paul) • Version : 1.0.5

Images mises en avant Texte (caractères réglables) Couleurs des liens Titre dimensionnable Avec / sans image

Télécharger v1.0.5

Liste des pages par catégorie ou tag (via le plugin Post Tags and Categories for Pages), avec image mise en avant, texte tronqué, et personnalisation des titres, images et couleurs des liens.

Installation

Télécharge l’archive ZIP du plugin : pages-cards-by-taxonomy_v1.0.5.zip.
Dans WordPress → Extensions → Ajouter → Téléverser → sélectionne le fichier ZIP.
Active Pages Cards by Taxonomy.
Assure-toi que le plugin Post Tags and Categories for Pages est actif (pour activer Catégories/Étiquettes sur les Pages).

Shortcode

[pages_cards category="slug-categorie" tag="" columns="3" image_size="medium" text_chars="140" 
 show_title="true" show_text="true" show_image="true" read_more="false" read_more_text="Lire la suite" 
 title_size="1.35rem" count="-1" orderby="title" order="ASC" placeholder="" class="" 
 link_color="#0076a5" link_hover="#a5002d"]

Paramètres disponibles

category : slug de la catégorie (optionnel).
tag : slug du tag (optionnel).
columns : nombre de colonnes dans la grille (1–6, défaut 3).
image_size : thumbnail | medium | large | full | taille_custom.
text_chars : nombre de caractères du texte (défaut 140 ; 0 pour masquer).
show_title : true | false → afficher le titre.
title_size : taille du titre (ex. 1.5rem, 22px, clamp(1.2rem,2vw,2rem)).
show_text : true | false → afficher le texte.
show_image : true | false → afficher ou masquer l’image.
read_more : true | false → affiche un lien « Lire la suite ».
read_more_text : texte du lien de lecture.
count : nombre d’éléments affichés (-1 = toutes).
orderby : title | date | menu_order | modified | rand.
order : ASC | DESC.
placeholder : URL d’une image de secours si pas de vignette.
class : classe(s) CSS supplémentaires.
link_color : couleur des liens/titres (défaut #0076a5).
link_hover : couleur au survol (défaut #a5002d).

Exemples

Liste par catégorie avec image et texte

[pages_cards category="ressources" columns="3" image_size="large" text_chars="180" read_more="true" read_more_text="Voir la page"]

Sans image

[pages_cards category="ressources" show_image="false"]

Par tag + titre plus gros

[pages_cards tag="a-la-une" columns="2" title_size="1.8rem"]

Couleurs de liens personnalisées

[pages_cards category="docs" link_color="#0076a5" link_hover="#a5002d"]

Tri manuel (ordre défini dans l’onglet “Attributs” de la page)

[pages_cards category="portfolio" orderby="menu_order" order="ASC"]

Sans texte, seulement titres + images

[pages_cards category="portfolio" show_text="false" text_chars="0"]

Avec image de secours

[pages_cards tag="vedettes" placeholder="https://exemple.com/fallback.jpg"]

Notes

Les images mises en avant sont utilisées si disponibles.
Le texte est basé sur get_the_excerpt() puis tronqué.
Le plugin force le support des thumbnails pour les pages.
CSS embarqué minimal, tu peux surcharger via ta feuille de style.

Dépannage

Aucune page affichée ? Vérifie que tes Pages ont bien une Catégorie/Étiquette.
Pas d’image ? Ajoute une image mise en avant ou définis placeholder.
Taille du titre : si non appliquée, vide le cache (plugin/CDN) → le plugin applique aussi un inline style.
CSS du thème trop fort ? Ajoute !important dans ton CSS personnalisé si besoin.

Auteur

F4HXN (Mansouri Jean-Paul)

Bouton de Téléchargement Télécharger

Exemple

📎 Carrousel de liens

Carrousel Sites Pro Version: 1.0.0Auteur: Jean-Paul Mansouri (F4HXN)Site web: https://www.f4hxn.fr – https://www.mansouri.frLicence: GPL v2 or later Description Carrousel Sit…

Voir la page

📎 Extention wordpress – WP Sitemap – Pages by Category

WP Sitemap – Pages by Category (Custom Shortcodes) Contributeurs : f4hxn Tags : sitemap, pages, categories, shortcode Requis : WordPress 5.0+ Testé jusqu&rsquo…

Voir la page

📎 F4HXN Carrousel Pages – Plugin WordPress

F4HXN Carrousel Pages – Plugin WordPress Version actuelle : 1.7.0 Plugin WordPress pour afficher un carrousel des dernières pages ou articles publiés, avec filtre par catégories et…

Voir la page

📎 Meta Tags Custom

Meta Tags Custom Extension WordPress qui injecte les métadonnées SEO, Open Graph, Twitter et JSON-LD tout en haut du <head> pour une visibilité maximale. Ce qui est ajouté me…

Voir la page

📎 Pages Cards by Taxonomy

📦 Pages Cards by Taxonomy Liste tes pages par catégorie/tag avec image, texte tronqué, couleurs et taille du titre personnalisables. Auteur : F4HXN (Mansouri Jean-Paul) • Version…

Voir la page

📎 Extention wordpress – WP Sitemap – Pages by Category

WP Sitemap – Pages by Category

(Custom Shortcodes)

Contributeurs : f4hxn

Tags : sitemap, pages, categories, shortcode

Requis : WordPress 5.0+

Testé jusqu’à : 6.6

Version stable : 1.3.0

Licence : GPLv2 ou ultérieure

Description

Deux shortcodes pour lister les pages par catégorie ou sans catégorie, avec détails, hiérarchie et cache.

Compatible les extentions de type « Add Categories to Pages ».

Ce plugin ajoute deux shortcodes permettant de générer un plan du site des pages (ou une liste) classées par catégorie ou sans catégorie. Il suppose que la taxonomie category est liée au post type page (via l’extension « Add Categories to Pages » ou équivalent).

Fonctionnalités principales

Organisez vos pages par catégories avec titres automatiques, compteurs et descriptions.
Affichez les pages importantes qui n’ont pas de catégorie assignée.
Performances optimisées avec système de cache configurable intégré.
Plus de 15 attributs pour adapter l’affichage à vos besoins précis.

Utilisation

Exemples de shortcodes :

[sitemap_pages_by_category hide_empty="yes" details="date,excerpt" excerpt_length="25"]

[sitemap_pages_by_category hierarchical="yes" depth="0" details="author"]

[sitemap_pages_uncategorized orderby="menu_order" order="ASC" details="excerpt" excerpt_length="30"]

masquer les catégories vides :

[sitemap_pages_by_category hide_empty="yes"]

Attributs disponibles

Attributs clés :

include / exclude : IDs des catégories à inclure/exclure

include_pages / exclude_pages : IDs des pages à inclure/exclure

orderby : title | date | menu_order

order : ASC | DESC

details : date, modified, author, excerpt (combinables avec virgules)

date_format : Format de date personnalisé

excerpt_length : Longueur de l’extrait

hierarchical : yes | no

depth : Profondeur de hiérarchie

heading_tag : Balise pour les titres de catégories

show_category_count : Afficher le nombre de pages

show_category_description : Afficher la description des catégories

list_class / item_class : Classes CSS personnalisées

cache : Durée du cache en minutes

CSS par défaut

<style>
  .wspbc-category { 
      margin: 1rem 0; 
  }
  .wspbc-category-title { 
      margin: .25rem 0 .5rem; 
      font-weight: 600; 
  }
  .wspbc-list { 
      list-style: disc; 
      margin-left: 1.25rem; 
  }
  .wspbc-list .wspbc-list { 
      list-style: circle; 
      margin-top: .25rem; 
  }
  .wspbc-item { 
      margin: .25rem 0; 
  }
  .wspbc-meta { 
      opacity: .8; 
      font-size: .9em; 
      margin-left: .35em; 
  }
  .wspbc-excerpt { 
      opacity: .9; 
      font-size: .95em; 
      margin-top: .15rem; 
  }
  .wspbc-cat-count { 
      font-weight: 400; 
      opacity: .8; 
  }
  .wspbc-category-desc { 
      opacity: .95; 
      margin: .25rem 0 .5rem; 
  }
  </style>

Changelog

Version 1.3.0

Page d’admin « Documentation ». Lien direct depuis la liste des extensions. Améliorations i18n.

Version 1.2.0

Détails (date, auteur, extrait), hiérarchie, options CSS et cache.

Version 1.0.0

Version initiale avec deux shortcodes.

Licence

Ce plugin est distribué sous licence GPLv2 ou ultérieure.

Bouton de Téléchargement

Télécharger

📌 Shortcodes Sitemap – Documentation

Fonction : Affiche les pages regroupées par catégorie.

Attributs disponibles

[sitemap_pages_by_category]

🎯 Filtrage des catégories

Attribut	Valeurs	Description
`include=""`	IDs séparés par virgules	IDs de catégories à inclure
`exclude=""`	IDs séparés par virgules	IDs de catégories à exclure
`hide_empty=""`	`yes` \| `no`	Masquer les catégories vides (défaut: no)

🎯 Filtrage des pages

Attribut	Valeurs	Description
`include_pages=""`	IDs séparés par virgules	IDs de pages à inclure
`exclude_pages=""`	IDs séparés par virgules	IDs de pages à exclure

📊 Tri et organisation

Attribut	Valeurs	Description
`orderby=""`	`title` \| `date` \| `menu_order`	Critère de tri des pages
`order=""`	`ASC` \| `DESC`	Ordre du tri
`hierarchical=""`	`yes` \| `no`	Affiche la hiérarchie parent/enfant
`depth=""`	`0` \| `1` \| `2`…	Profondeur hiérarchique (0 = illimité)

📝 Métadonnées et contenu

Attribut	Valeurs	Description
`details=""`	`date,modified,author,excerpt`	Métadonnées à afficher
`date_format=""`	Format PHP	Format de date (défaut: réglage WordPress)
`excerpt_length=""`	Nombre	Longueur de l’extrait en mots (défaut: 20)
`strip_shortcodes=""`	`yes` \| `no`	Supprime les shortcodes dans l’extrait (défaut: yes)

🎨 Présentation

Attribut	Valeurs	Description
`heading_tag=""`	`h2` \| `h3` \| `h4` \| `h5` \| `h6`	Balise HTML pour les titres de catégories
`show_category_count=""`	`yes` \| `no`	Afficher le nombre de pages par catégorie
`show_category_description=""`	`yes` \| `no`	Afficher la description de la catégorie
`list_class=""`	Classe CSS	Classe appliquée aux `<ul>`
`item_class=""`	Classe CSS	Classe appliquée aux `<li>`

⚡ Performance

Attribut	Valeurs	Description
`cache=""`	Nombre en minutes	Durée du cache (0 = pas de cache, défaut: 60)

 [sitemap_pages_uncategorized]

Fonction : Affiche les pages sans catégorie.

Attributs disponibles

🎯 Filtrage des pages

Attribut	Valeurs	Description
`include=""`	IDs séparés par virgules	IDs de pages à inclure
`exclude=""`	IDs séparés par virgules	IDs de pages à exclure
`number=""`	Nombre	Nombre maximum de pages (défaut: -1 = illimité)

📊 Tri et organisation

Attribut	Valeurs	Description
`orderby=""`	`title` \| `date` \| `menu_order`	Critère de tri des pages
`order=""`	`ASC` \| `DESC`	Ordre du tri
`hierarchical=""`	`yes` \| `no`	Affiche la hiérarchie parent/enfant
`depth=""`	`0` \| `1` \| `2`…	Profondeur hiérarchique (0 = illimité)

📝 Métadonnées et contenu

Attribut	Valeurs	Description
`details=""`	`date,modified,author,excerpt`	Métadonnées à afficher
`date_format=""`	Format PHP	Format de date (défaut: réglage WordPress)
`excerpt_length=""`	Nombre	Longueur de l’extrait en mots (défaut: 20)
`strip_shortcodes=""`	`yes` \| `no`	Supprime les shortcodes dans l’extrait (défaut: yes)

🎨 Présentation

Attribut	Valeurs	Description
`list_class=""`	Classe CSS	Classe appliquée aux `<ul>`
`item_class=""`	Classe CSS	Classe appliquée aux `<li>`

⚡ Performance

Attribut	Valeurs	Description
`cache=""`	Nombre en minutes	Durée du cache (0 = pas de cache, défaut: 60)

💡 Exemples d’utilisation

Sitemap complète avec métadonnées

[sitemap_pages_by_category details="date,author" heading_tag="h3" show_category_count="yes"]

Pages récentes seulement

[sitemap_pages_by_category orderby="date" order="DESC" cache="30"]

Pages non catégorisées avec extraits

[sitemap_pages_uncategorized details="excerpt" excerpt_length="15" hierarchical="yes"]

Sitemap personnalisée avec CSS

[sitemap_pages_by_category list_class="custom-sitemap" item_class="sitemap-item" hide_empty="yes"]

Version : 1.3.2 | Compatibilité : WordPress 5.0+ | Licence : GPL v2+

Développé par F4HXN