Nouveautés de la version 1.8

Une version très orientée vers l'aide aux webmasters avec la généralisation des jeux d'option et la possibilité de création d'une documentation technique du site.

La compatibilité avec les éditeurs wysiwyg a été controlée pour toutes les actions. Si vous apercevez des manques, n'hésitez pas à me le signaler.

Nouveaux concepts

Prefset

Ce concept introduit avec la version 1.7 de UP bénéficie maintenant d'un mode de saisie rapide.

Imaginons que le rédacteur ait la possibilité de changer l'image de fond en accord avec son article.

Le webmaster prévoit les différents cas dans le fichier "custom/prefs.ini" de l'action bg-image

[noel]
bg-slideshow="images/bg/noel" 
bg-overlay="linear-gradient(90deg, rgba(255,0,0,0.4) 0%, rgba(255,255,0,0.7) 50%, rgba(255,0,0,0.4) 100%)" 
page-selector="#sp-main-body>.container"
page-overlay=70"
le shortcode a saisir par le rédacteur :
{up bg-slideshow=noel}

Si le rédacteur veut changer l'image, il peut toujours utiliser la méthode de base :

{up bg-slideshow=images/bg/neige.jpg | prefset=noel}

Toutes les options prévues pour le prefset "noel" seront reprises, hormis l'option bg-slideshow qui sera surchargée par la saisie du rédacteur.

Editeurs wysiwyg

Lors de l'utilisation d'un éditeur comme TinyMce ou JCE, il existait certains cas où UP interprétait mal le shortcode ou le contenu entre les shortcodes.

UP a donc été revu pour tenir compte des différents cas constatés. N'hésitez pas à me remonter des cas "non identifiés"

Lors de la modification avec un éditeur wysiwyg d'un article rédigé avec un éditeur code, tous les sauts de lignes sont supprimés.
Ne pouvant agir à ce niveau, je vous conseille de toujours rédiger ou vérifier votre article avec un éditeur wysiwyg

Le nouveau mode de saisie bbcode permet de s'assurer que l'éditeur ne va pas remplacer le code HTML saisi comme argument d'une option.

Filter

L'option "filter" a été ajoutée à toutes les actions qui le nécessitent : addclass, addcodehead, addcsshead, bg-image, bg-slideshow, bg-video, cell, corner, counter, file_download, ...

Nouvelles actions

bbcode

Pour saisir facilement et en toute sérénité du HTML avec un éditeur wysiwyg;

Ce mode de saisie est (ou sera) également disponible pour les arguments des options de UP qui acceptent du code HTML.

Gestion de la documentation technique d'un site

Pour mes besoins de création d'articles à destination des intervenants sur un site, j'ai fait 5 actions pour récupérer les données du site. Pour plus d'information, voir l'article : Créer le dossier technique du site

sql

Lors de la création des actions pour la documentation interne, je me suis dit qu'il serait pratique d'avoir une action universelle pour récupérer des le contenu de la base de données du site.

file-download

J'ai crée cette action en complément d'un script PHP que j'utilise pour comptabiliser le nombre de demandes de mise à jour de mes extensions par la fonction native de Joomla.

Pour l'instant, cette action permet uniquement de proposer le téléchargement de fichiers ZIP. Si vous avez une solution pour télécharger d'autres types de fichiers, je suis preneur !

qrcode

Un moyen simple d'ajouter un QR-Code dans un article

barcode

Pascal Leconte a créer cette action pour ajouter des code-barres à vos articles

chart

Pour ajouter des courbes, des colonnes et des camemberts dans vos articles

image-logo

ajoute une image ou du texte comme légende d'une image

image-secure

Pour protéger vos images et rendre très compliquée leur récupération

printer

Permet d'imprimer tout ou partie de la page web

Actions modifiées

  • Pascal Leconte a ajouté à l'action image-gallery une nouvelle méthode d'affichage : schuffle
  • image-magnify : une nouvelle méthode pour ajouter plus rapidement une loupe sur vos images
  • googlefont : possibilité de choisir le type de bloc sur lequel appliquer la police
  • flexAuto : compatibilité avec les éditeurs wysiwyg avec l'utilisation de {===} pour séparer les blocs
  • meteo-france : possibilité d'indiquer une ville non française

Je ne vais pas en faire la liste, mais toutes les actions ont été revues pour s'assurer le leur compatibilité avec les jeux d'options (prefset), le filtrage et le bbcode.

CSS

  • Pour personnaliser la feuille de style de UP (up.css), il suffit d'ajouter une copie du fichier _variables.scss dans le dossier assets/custom
    Il n'est pas nécessaire de reprendre toutes les variables. Ajouter uniquement vos personnalisations.
  • les noms anglais des couleurs sont également supportés. Exemple : bg-rouge ou bg-red affichent toutes les 2 le même fond rouge.