jcontent-by-categories ~ (jnews) les nouveautés sur votre site

Seule ou associée à d'autres, cette action vous permet de disposer d'une solution visuelle et animée pour présenter vos nouveautés.
Cette action, très souple, dispose des fonctions de base pour récupérer vos articles selon plusieurs critères et les présenter dans la forme que vous souhaitez.

UP propose des personnalisations d'actions pour gagner du temps et éviter les saisies répétitives.

{up jcontent_by_categories=8 | maxi=4}##title-link##{/up jcontent_by_categories}

Avec ce simple shortcode, on obtient les titres des 4 derniers articles de la catégorie actions d'ID 8. Comme cet article fait partie de cette catégorie, j'aurais pû ne pas l'indiquer.

Par défaut, ils sont classés par date décroissante de publication. Le contenu entre les shortcodes contient uniquement le tag ##title-link## pour indiquer que l'on veut le titre et un lien vers l'article.

{up tab
 | content-style=min-height:370px
 | espace-vertical=1}
   {up jcontent_by_categories=8  | maxi=3
    | prefset=article-pour-tab}
{/up tab}

{up tab | side=left | auto=3000
 | content-style=min-height:370px
 | espace-vertical=1}
   {up jcontent_by_categories=8  | maxi=5
    | prefset=article-pour-tab}
{/up tab}

Le résultat

Le shortcode

{up tab=accordion | auto=3000
| css-head=#id h3[margin-top:0]}
  {up jcontent_by_categories=8  | maxi=3
   | prefset=article-pour-tab}
{/up tab}

Les explications

Pas de grands changements:

tab=accordion pour changer de mode

css-head est spécifique à ce site, il sert à supprimer une margin-top sur les titres H3.

Le résultat

Le shortcode

{up scroller=5
 | style=border:2px solid #369
 | css-head=#id .treadmill-unit[outline:1px solid #369;padding-left:5px]}
  {up jcontent_by_categories=8 | maxi=8 | main-tag=0}
    <b>##title##</b> ##subtitle##<br><small>##date-crea## par ##author##</small>
  {/up jcontent_by_categories}
{/up scroller}

Les explications

Nous utilisons l'action jcontent_by_categories pour récupérer les 8 derniers articles. La seule subtilité est de récupérer chaque élément séparément. Pour cela nous utilisons main-tag=0

Au niveau des options scroller, juste des ajouts de CSS pour soigner la présentation.

Le résultat

Le shortcode

{up scroller=230px
 | css-head=#id .treadmill-unit:nth-of-type(even)[opacity:0.2]}

  {up jcontent_by_categories | maxi=5 | main-tag=0
   | prefset=article-avec-image}

{/up scroller}	

Les explications

Pour cet exemple, hormis l'utilisation d'un template défini dans le prefs.ini de l'action jcontent_by_categories, nous utilisons les mêmes options.

La difficulté est de ne pas maitriser la hauteur des différents éléments. L'action utilise la hauteur du premier pour tous les éléments. Comme cela peut poser des problèmes, j'utilise une hauteur en pixels scroller=230px et une astuce CSS qui diminue l'opacité du 2ème élément (qui est pair).