
Ce simple shortcode permet d'insérer une liste des articles d'une catégorie.
Avant la version 1.7, elle était connue sous le nom de article_category. Ce nom peut toujours être utilisé.
{up jcontent-list=id-catégorie(s)}Une action très pratique pour lister les articles de la catégorie en cours, il suffit de taper
{up jcontent-list}- jcontent_list (article_category): ID de la catégorie ou vide pour celle de l'article actuel
- maxi: Nombre maxi d'article dans la liste
- no-published (no_published) = 1: Liste aussi les articles non publiés
- author: filtre sur auteur: liste des id ou article, current
- sort-by = title: tri: title, ordering, created, modified, publish_up, id, hits
- sort-order = asc: ordre de tri : asc, desc
Style du bloc principal
- id: identifiant
- main-class: classe(s) pour bloc principal (obsoléte)
- main-style: classes et styles inline pour bloc principal
- class: idem main-class. Conservé pour compatibilité descendante
- style: idem main-style. Conservé pour compatibilité descendante
Titre : balise et style
- title (titre): titre HTML si article trouvé.
- title-tag = h3: niveau du titre
- title-style: classes et styles inline pour le titre
- title-class: classe(s) pour le titre (obsoléte)
Style de la liste
- list-style: classes et styles inline pour la liste
- list-class: classe(s) pour la liste (obsoléte)
Style CSS
- css-head (base-css): code CSS dans le head
Cette action, conservée pour compatibilité descendante, n'évoluera plus. Il est conseillé d'utiliser jcontent_by_categories, aussi appelé jnews 😊
Version simple
{up jcontent_list}
Ce simple shortcode sans argument affiche tous les articles de la catégorie de l'article courant. Dans notre cas, ce sont toutes les démonstrations d'actions.
- addClass ~ ajoute une classe à une balise ou son parent
- addCodeHead ~ ajoute du code libre dans le head
- addCssHead ~ ajoute du code CSS dans le head
- addfilehead ~ ajoute des fichiers dans le head
- addhtml ~ ajouter du HTML dans la page
- addScript ~ ajoute un fichier ou du code JS
- ajax-view ~ chargement différé de contenu dans une page
- anim-aos ~ des effets de blocs pour vos pages
- attr ~ ajoute des attributs à un élément enfant
- barcode ~ créer des codes-barre
- bbcode ~ saisir du HTML avec un éditeur wysiwyg
- bg-image ~ en fond de site ou d'un bloc de contenu
- bg-slideshow ~ fond de site ou de bloc
- bg-video ~ en fond de site ou d'un bloc de contenu
- box ~ mise en forme de blocs
- cache_cleaner ~efface les fichiers en cache
- cell ~ mise en page avec table-cell
- center ~ alignement vertical du contenu d'un bloc
- chart ~ graphiques statistiques
- chart-org ~ affiche un organigramme
- clocks-gmt ~ horloge mondiale
- color ~ informations sur les couleurs UP
- corner ~ badge et ruban dans un angle
- countdown ~ horloge, minuteurs et compte à rebours
- countdown-simple ~ compte à rebours
- counter ~ afficher un compteur
- csv-info ~ récupère une valeur d'un fichier csv
- csv2def ~ liste de définition
- csv2list ~ liste avec points de conduite
- csv2table ~ saisie rapide de tableaux
- data-info ~ données JSON, XML ou CSV dans une présentation personnalisée
- data2list ~ liste arborescente de données JSON, XML ou CSV
- data2table ~ tableau HTML de données JSON, XML ou CSV
- date ~ affiche la date courante ou calculée
- div ~ un bloc visible en wysiwyg
- donation ~ faire un don avec Paypal
- facebook-timeline ~ afficher la timeline Facebook
- faq ~ accordions
- field ~ affiche ou récupére un Custom Field
- file ~ ouvrir ou télécharger un fichier
- file-download ~ gestion téléchargements
- file-explorer ~ contenu dossier avec téléchargement et visualisation
- file-in-content ~ mise en forme d'un fichier texte et image
- file-office-view ~ affiche un fichier Microsoft Office
- file-view ~ afficher le contenu d'un fichier
- filter ~ afficher sous conditions
- flexAuto ~ grille responsive sur plusieurs colonnes
- flexBox ~ blocs enfants dans une grille flexbox
- folder-list ~ affiche le contenu d'un dossier sur le serveur
- form-select ~ créer une liste déroulante
- geocode ~ récupérer les coordonnées d'une adresse postale
- get ~ récupère des informations
- gmap ~ carte GoogleMap
- googlefont ~ utiliser les polices Google
- gotop ~ bouton pour retour haut de page
- grid ~ la grille CSS facile
- hr ~ ligne horizontale avec icône
- html ~ saisir du html en mode wysiwyg
- icon ~ simplifier l'utilisation des icônes
- iframe ~ contenu externe responsive
- image-Compare ~ comparaison de 2 images
- image-gallery ~ galerie d'images responsives
- image-hover ~ affichage texte avec effets lors survol
- image-logo ~ ajoute un logo ou légende à une image
- image-magnify ~ voir les détails d'une photo
- image-pannellum ~ vue panoramique
- image-random ~ affiche une image aléatoire d'un dossier
- image-rollover ~ changer l'image au survol de la souris
- image-secure ~ empécher l'enregistrement des images
- imagemap ~ image clicable responsive
- jcat-image ~ image catégorie dans l'article
- jcategories_list ~ vue compacte et arborescente
- jcategories-by-tags ~ liste des catégories avec un mot-clé
- jcontent-by-categories ~ (jnews) les nouveautés sur votre site
- jcontent-by-subcat ~articles par catégorie et sous-catégories
- jcontent-by-tags ~ liste des articles avec un mot-clé
- jcontent-image ~ argumente automatiquement les champs de l'onglet "images et liens"
- jcontent-in-content ~ pour mettre un article dans un article
- jcontent-info ~ infos sur l'article courant
- jcontent-list ~ liste des articles d'une catégorie
- jcontent-metadata ~ contrôle des metadonnées
- jextensions_list ~ résumé des extensions installées sur le site
- jmenus_list ~ les menus du site
- jmenus-metadata ~ contrôle des metadonnées
- jmodules_list ~ les modules du site
- kawa ~ prépare un café virtuel
- lang ~ texte ou image selon la langue du visiteur
- link ~ assistance saisie lien, email, téléphone, skype
- listup ~ style les listes à puces ou numérotées
- loadmodule ~ charger un module
- lorem ~ texte aléatoire
- lorem-flickr ~ image aléatoire
- lorem-place ~ image aux dimensions indiquées
- lorem-placeimg ~ image aléatoire
- lorem-serie ~ une suite de données factices
- lorem-unsplash ~ image aléatoire
- mapael ~ carte avec affichage de données
- markdown ~ afficher un fichier ou du contenu markdown
- marquee ~ du contenu défilant
- masonry ~ blocs dans une grille fluide et responsive
- media-audio ~ fichier(s) audio en HTML5
- media-plyr ~ affiche un lecteur vidéo ou audio
- media-video ~ vidéo en HTML5
- media-vimeo ~ affiche des vidéos vimeo
- media-youtube ~ affiche des vidéos youtube
- meteo-concept ~ des prévisions sur mesure
- meteo-france ~ prévision Météo France
- modal ~ du contenu dans une popup
- mq ~ les mediaqueries faciles
- note ~ commentaire non visible sur le site
- osmap ~ affiche une carte OpenStreetMap
- page-search ~ recherche dans le contenu de la page
- pdf ~ affiche un fichier PDF
- pdf-gallery ~ fichiers PDF d'un dossier avec téléchargement et visualisation
- php ~ exécuter du code PHP sur le serveur
- php-error ~ afficher ou masque les messages d'erreur PHP
- popover ~ popup lors d'un clic
- popup ~ affiche un popup après un délai ou une position dans la page
- printer ~ impression à la demande
- qrcode ~ barcode en 2 dimensions
- random ~ choix aléatoire
- readmore ~ volet déroulant "lire la suite"
- replace ~ remplace un texte par un autre
- sameheight ~ blocs à la même hauteur
- scroll-indicator ~ affcihe la position dans la page
- scroller ~ vos infos défilent verticalement
- site-stat ~ compteur de visites
- site-visit ~ compteur de visites (ancienne version)
- sitemap ~ créer un sitemap.xml
- slider-owl ~ bandeau défilant images et blocs HTML
- slider-tiny ~ bandeau défilant images et blocs HTML
- slideshow-billboard ~ diaporama d'images avec légendes
- snippet ~ créer et charger des petits fichiers texte
- snowfall ~ chute de neige
- sound-hover ~ joue un son
- span ~ un bloc inline visible en wysiwyg
- sql ~ exécuter et afficher des requêtes SQL
- tab ~ des onglets responsives
- table-fixe ~ entête et/ou première colonne fixe
- table-par-colonnes ~ empile les lignes par colonnes
- table-par-lignes ~ empile les colonnes d'une ligne
- table-permute ~ inversion lignes-colonnes
- table-sort ~ trie, filtre et pagine une table HTML
- tabslide ~ des onglets sur le bord du site
- text-blink ~ texte clignotant
- text-fit ~ taille du texte en fonction de son conteneur
- text-typewriter ~ simule la frappe de mots ou de phrases
- toc ~ un sommaire pour vos articles
- tooltip ~ info-bulle au survol
- treeview ~ affiche une liste sous forme d'un arbre
- tweeter-timeline ~ affiche la timeline X
- upactionslist ~ interne - liste et docs des actions
- upbtn-makefile ~ fichiers pour bouton éditeur
- upclass2style ~ créer le fichier référence
- upfilescleaner ~ déplace les fichiers et images inutilisés
- upprefset~ interne - informations sur les préférences webmaster
- upscsscompiler ~ compilation SCSS
- upsearch ~ recherche shortcode et contenu
- website ~ lien avec screenshot du site
- website-preview ~ affiche une vignette d'un site/url dans une popup
Shortcode avec paramètres
{up jcontent_list | maxi=5
| sort_by=modified | sort_order=desc
| style=border:tan solid 1px
| title=Les 5 derniers articles modifiés
| title-style=margin:5px 30px;border-bottom:tan 1px solid;notoc
| list-style=list-style-type:lower-roman
}
Le shortcode ci-dessus permet d'afficher les 5 derniers articles modifiés avec un style de liste en chiffres romains.
Le titre, indiqué dans le shortcode, sera affiché uniquement si la liste contient des éléments.
J'ai ajouté la classe notoc dans title-style* pour éviter sont ajout dans le sommaire de cet article.
* Ce n'est pas une erreur. UP est très tolérant, il admet une classe dans une option style et vice-versa !
Les 5 derniers articles modifiés
Filtre par auteur(s)
La version 1.4 permet un filtrage sur les auteurs des articles. Il suffit d'ajouter le paramètre author
Tous les articles des auteurs d'id 80 et 82.
{up article-category | author=80,82 }
Tous les articles de l'auteur de l'article courant
{up article-category | author=article }
Tous les articles de l'auteur connecté
{up article-category | author=current }
Test du shortcode dans un module
Les lignes ci-dessous sont affichées par {loadposition demo-up-module}.
Le module à cette position est un module personnalisé qui contient le shortcode
{up jcontent_list=10,12 | maxi=5 | sort_by=created | sort_order=desc | list-style=list-style-type:square;t-vert}
En dehors du fait d'être utilisée dans un module, met en avant la possibilité d'indiquer la ou les catégories des articles à afficher.
Les options comparées
La table ci-dessous est un comparatif des options proposées par les différentes actions Jxxx
A: jcontent-in-content, AL: jcontent-list, AC: jcontent-by-categorie (jnews), AS: jcontent-by-subcat, AT: jcontent-by-tags, CT: jcategories-by-tags, CM: jcontent-metadata
Si vous avez appelé ce tableau à partir de la démo d'une action, la colonne la concernant est sur fond jaune.
| Option | A | AL | AC | AS | AT | CT | CM | Description |
|---|---|---|---|---|---|---|---|---|
| principale | ID(s) catégorie(s) séparé avec virgule, vide pour celui de l'article actuel ou 0 pour tout les IDs | |||||||
| maxi | nombre maxi d'articles dans la liste. non précisé (par défaut) = tous | |||||||
| exclude | toutes les catégories seront sélectionnées sauf celles indiquées dans l'option principale | |||||||
| current | 0 pour exclure l'article en cours | |||||||
| no-published | liste aussi les articles non publiés. Vrai par défaut | |||||||
| content-plugin | prise en compte des plugins de contenu pour mots-clé content et intro. Peut échouer en cas d'appels récursifs | |||||||
| sort-by | ordre de tri: title, ordering,created,modified,publish_up (par défaut),id,hits | |||||||
| sort-order | ordre de tri : asc, desc (par défaut) | |||||||
| author | filtre sur auteur: aucun (par défaut) OU id1,id2 OU article auteur de l'article en cours OU current utilisateur connecté. | |||||||
| template | modèle de mise en page. Si vide le modèle est le contenu | |||||||
| main-tag | balise pour le bloc englobant tous les articles. div par défaut, 0 pour aucun | |||||||
| main-style | classes et styles inline pour bloc principal (inactif si main-tag=0) | |||||||
| main-class | classe(s) pour bloc principal (inactif si main-tag=0) | |||||||
| item-tag | balise pour le bloc d'un article. div par défaut, 0 pour aucun. | |||||||
| item-style | classes et styles inline pour un article (inactif si art-tag=0) | |||||||
| item-class | classe(s) pour un article (obsoléte) (inactif si art-tag=0) | |||||||
| date-format | format pour les dates. '%e %B %Y' par défaut. (1) | |||||||
| date-locale | localisation pour les dates au format 'fr_FR'. Celui du client par défaut. | |||||||
| featured-html | code HTML pour article en vedette. Défaut: ⭐ ⭐ | |||||||
| new-days | 30 par défaut. nombre de jours depuis sa création pour considérer un article comme nouveau | |||||||
| new-html | Code HTML pour le badge NEW. nouveau par défaut | |||||||
| image-src | image utilisée si aucune image n'est trouvée dans l'article. Défaut: '//lorempixel.com/300/300' | |||||||
| image-alt | texte alternatif si aucune image n'est trouvé dans l'article | |||||||
| tags-list-separator | séparateur entre les mots-cles | |||||||
| tags-list-prefix | texte avant les autres clés éventuelles si tag {tag-list} | |||||||
| tags-list-style | classe ou style pour les autres mots-clés | |||||||
| no-content-html | texte si aucun contenu | |||||||
| css-head | code CSS dans le head | |||||||
| spécifique jcontent-list (ex article-category) | ||||||||
| title | titre HTML si article trouvé. | |||||||
| title-tag | niveau du titre | |||||||
| title-style | classes et styles inline pour le titre | |||||||
| title-class | classe(s) pour le titre | |||||||
| list-style | classes et styles inline pour la liste | |||||||
| list-class | classe(s) pour la liste | |||||||
| class | idem main-class (conservé pour compatibilité descendante) | |||||||
| style | idem main-style (conservé pour compatibilité descendante) | |||||||
| spécifique jcontent-by-subcat | ||||||||
| cat-level | 0 a 99 - niveau maxi des sous-catégories explorées | |||||||
| cat-tag | Balise pour les lignes catégories. LI pour passer en mode list arborescente | |||||||
| cat-class | classes et styles inline pour les catégories | |||||||
| cat-style | classes et styles inline pour les catégories | |||||||
| cat-template | modèle pour les lignes de categories | |||||||
| cat-root-view | affiche l'unique catégorie racine. si root=jamais, si plusieurs=toujours | |||||||
| cat-separator | pour séparer l'arborescence des catégories | |||||||
| spécifique jcontent-metadata | ||||||||
| meta-title-min | alerte coloré si le titre contient moins de lettres | |||||||
| meta-title-max | alerte coloré si le titre contient plus de lettres | |||||||
| meta-desc-min | alerte coloré si la description contient moins de lettres | |||||||
| meta-desc-max | alerte coloré si la description contient plus de lettres | |||||||
(1) - Le format d'affichage est défini par l'option date-format. Sa valeur par défaut est : %e %B %Y qui affiche la date sous la forme 1 mai 2019.
Il s'agit de la codification PHP pour la fonction strftime. Les codes usuels sont %y année sur 2 chiffres, %Y année sur 4 chiffres, %m mois sur 2 chiffres, %b nom mois abrégé en 3 lettres, %B nom mois complet, %e jour (1-31), %d jour sur 2 chiffres (01-31), %A nom jour complet, %a nom jour abrégé, %H heure (00-23), %M minutes (00-59)
Les mots-clés
Cette action n'utilise pas le système des mots-clés
upactionslist (1) icon (1) tabslide (1) toc (1) jcontent_list (2) addcsshead (1) jcontent_in_content (1) jcontent-info (1)
