L'éditeur en ligne des champs riches vous permet de mettre en forme votre contenu et d'y insérer un grand nombre d'objets (images, tableaux, symboles, code HTML, données fusionnées, …).
Il se décompose en deux grandes zones : "Caractère et paragraphe" et "Insertion".
Cette zone permet de présenter et mettre en forme le contenu. On y trouve les fonctionnalités permettant de gérer :
Styles
Les styles des différents éléments (paragraphes, titres, listes à puces, listes numérotées) peuvent être définis par la charte du site web.
Sélectionner le texte du contenu et choisir un style dans la liste :
|
|
Pour des raisons graphiques, d’accessibilité et de référencement, les titres doivent respecter la hiérarchie sémantique : un titre de niveau 2 ne peut être placé avant un titre de niveau 1. Si tel est le cas, une icône ainsi qu'un liseré jaune vous en informeront. Au survol de l'icône, ce message précise la raison :
Pour chaque style, une bulle d'aide explicative s'affiche lors du survol du bouton avec la souris.
Les styles de bases sont proposés :
Bouton |
Style |
Gras | |
Italique | |
Indice | |
Exposant | |
Aligner le texte à gauche | |
Centrer le texte | |
Aligner le texte à droite | |
Justifier le texte |
Pour améliorer l’accessibilité et l'ergonomie de votre site, veuillez éviter autant que possible de justifier votre texte.
De plus, quelques fonctionnalités avancées (accessibilité, glossaire etc...) sont disponibles :
Bouton |
Style |
|
Signaler une abréviation |
|
Signaler un acronyme |
|
Ajouter au glossaire |
|
Signaler une citation |
|
Signaler un changement de langue |
Le bouton Signaler un changement de langue permet de préciser une autre langue que celle par défaut sur une sélection de texte.
Dans un soucis d'accessibilité, cette fonctionnalité permet aux logiciels ou extensions qui lisent les contenus des pages web de changer de langue au moment de la lecture de la sélection de texte.
Pour signaler un changement de langue, après sélection du texte, vous cliquez sur le bouton et une fenêtre pop-up s'ouvre, permettant de définir le code de la langue, par exemple: "en" pour l'anglais
Consulter cette page http://xml.coverpages.org/iso639a.html pour voir la liste des codes des différentes langues.
Sélectionner le contenu et cliquer sur le style de liste pour l'appliquer :
Il est possible d'augmenter et de diminuer le retrait en utilisant les boutons à droite des styles.
Les différents styles de listes disponibles peuvent varier car des styles personnalisés peuvent être définis par la charte graphique.
Cette zone permet d'insérer une multitude de composants du plus basique (un symbole) jusqu'aux plus complexes (formulaire, données fusionnées), sans oublier les fondamentaux : Tableau, Image, Lien etc...
La processus de création de tableau propose une interface intuitive à travers laquelle on renseigne le nombre de lignes et de colonnes désirées.
La copie d'écran à gauche illustre le cas de création d'un tableau à 3 lignes et 7 colonnes.
Pour insérer un grand tableau (dont la taille dépasse 8 lignes ou 10 colonnes), il suffit de cliquer sur la mention Insérer un tableau.. (mise en évidence dans le rectangle rouge) où il vous sera demandé de spécifier le nombre de lignes et de colonnes à afficher.
Après avoir créé un tableau ou lors de l'édition de celui-ci, un nouvel onglet contextuel Outils de tableau s'affiche dans la partie supérieure du ribbon (bandeau du haut).
Deux nouveaux sous-onglets sont alors disponibles :
L'onglet Tableau onglet permet :
Les styles sont dans l'onglet Tableau. Cliquez sur le bouton Styles et sélectionnez le style de votre choix. Ici le style Foncé est sélectionné.
Les différents styles de tableaux disponibles peuvent varier car des styles personnalisés peuvent être définis par la charte graphique.
Les paramètres du tableau (taille, cellules, fusion et séparation des cellules, alignement) sont gérés dans l'onglet Avancé :
Cet onglet permet de :
Les formats d'images autorisés sont : jpeg, gif, png, ...
Deux types d'images peuvent être insérés dans un contenu.
Sélectionner votre image et valider.
Insérer une image partagée
En cliquant sur l'image, l'onglet Image apparaît dans la barre du haut; il est donc possible d'éditer différents paramètres :
Plus d'informations sur l'insertion et le paramétrage des images sur la page Insérer une photo ou une image rubrique Insertion d'une photo.
Les différents styles d'images disponibles peuvent varier car des styles personnalisés peuvent être définis par la charte graphique.
Ametys retaille l'image à insérer. Il n'est pas gênant d'envoyer de grosses images.
Un gif animé perdra son animation si il est redimensionné. Il est bon de noter que de toute façon un gif animé n'est pas accessible.
Il suffit de sélectionner la page à travers la vue du Plan du site
Le lien vers la page apparaîtra sans style.
Les liens de ce type sont robustes c'est-à-dire qu'ils seront automatiquement mis à jour lorsque la page pointée est déplacée ou renommée.
Seule la suppression de la page pointée laissera un lien référençant une page non existante. Dans ce cas, il conviendra de mettre à jour votre contenu en supprimant ce lien.
Pensez donc à utiliser l'outil des Liens cassés, notamment en étant attentif au rapport automatique des liens cassés.
Il faut renseigner l'adresse web de la page cible.
Le style par défaut de ce lien est une flèche qui part d'une fenêtre.
Il faut renseigner l'adresse e-mail cible.
Le style par défaut de ce lien est un enveloppe blanche.
Il faut renseigner le numéro de téléphone cible.
Le style par défaut de ce lien est un téléphone.
Cela permet de faire un lien vers un fichier appartenant au contenu en cours et ne pourra pas être utilisé ailleurs sur le site. Ce fichier est indexé avec le contenu.
Pour réaliser cette opération, sélectionner un fichier dans les pièces jointes du contenu. Il est possible d'ajouter un ou plusieurs nouveaux fichiers en cliquant sur "Cliquez ici pour insérer un ou plusieurs nouveaux fichiers dans le répertoire sélectionné".
Le style par défaut de ce lien est une flèche bleue pointant vers le bas.
Il est possible d'ajouter un lien vers un fichier de l'explorateur de ressources
Il est possible d'ajouter directement un ou plusieurs fichiers dans l'explorateur de ressources en cliquant sur la mention Cliquez ici pour insérer un ou plusieurs fichiers dans le répertoire sélectionné.
Le style par défaut de ce lien est une flèche bleue pointant vers le bas.
Pour vous aider à choisir la meilleure méthode, il suffit de répondre à la question :
est-ce que le document PDF est un document général pouvant être utilisé à plusieurs endroits sur le site?
Si oui, utiliser un "lien vers un fichier partagé", sinon utiliser un "lien vers un fichier à télécharger"
Quand on sélectionne le lien, un nouvel onglet apparaît, permettant de :
|
|
Les fonctionnalités décrites dans cette section (vidéo externe) font parties du Plugin Inline Média (installé par défaut dans l'application de démonstration Ametys).
Il est possible d'insérer une vidéo locale, une vidéo partagée, ainsi que vidéo YouTube ou Dailymotion.
Plus d'informations sur la page Insérer une vidéo rubrique "Une video externe (YouTube ou Dailymotion)".
Il est possible d'ajouter un tel composant à l'aide du bouton dédié. La Table des matières sera automatiquement calculée selon les niveaux de titre du contenu.
| |
La table des matières est représentée par l'image ci-dessus lors de l'édition du contenu. |
Exemple de rendu dans une page. |
Des caractères spéciaux peuvent être ajoutés au contenu via la fenêtre Symbole.
Ce bouton permet d'insérer un formulaire web pour vos visiteurs. Le formulaire peut vous être envoyé par email ou stocké dans Ametys pour un traitement ultérieur.
Retrouver toutes les informations sur la page Edition des formulaires.
Ce bouton permet d'insérer du code HTML dans le contenu. L'utilisation de cette fonctionnalité nécessite des connaissances HTML car ce code ne sera pas traité par Ametys mais utilisé directement.
Retrouver toutes les informations dans la page dediée à HTML Expert
Cet outil se nomme ainsi car son cas d'utilisation typique est d'insérer des publications récentes lors de la rédaction d'une lettre d'information (newsletter) à envoyer aux abonnés.
Le titre est cependant trompeur car il est tout à fait possible d'ajouter n'importe quel contenu existant à l'aide de cette fonctionnalité.
Les dernières publications (ou tout autre contenu) peuvent être insérées à ce champ riche :
|
|
Rechercher parmi les différents contenus |
Sélection des contenus à insérer |
Le formulaire contient différents critères :
Ensuite une fenêtre de paramétrage vous demande de renseigner la vue et le niveau de titre (voir la précision ci-dessous) à utiliser pour l'insertion des contenus.
Les différentes vues possibles sont :
Résumé |
Affichage d'un résumé du contenu. Pour un article, le Titre puis le champ Entête sont affichés, suivis par un lien pointant vers la page du contenu. |
Lien |
Affichage d'un lien vers le contenu. Le nom du lien correspond au Titre du contenu. |
Complète |
Affichage du contenu dans son entièreté. |
Cette liste peut varier en fonction des types de contenus sélectionnés.
Précision à propos du paramètre Niveau de titre
Si vous choisissez Titre 3, le titre de plus haut niveau sera inséré en tant que Titre 3, signifie que :
Les fonctionnalités décrites dans cette section font partie du Plugin Insertion de données (installé par défaut dans l'application de démonstration Ametys).
Cette section traite de l'insertion de données externes (issues d'une requête LDAP ou SQL) dans le texte riche des contenus. Pour créer ou configurer les sources de données rendez-vous sur le manuel d'utilisation de l'outil Source de données
En édition, cliquez sur le bouton Requête pour ajouter des données issues d'une requête LDAP ou SQL
La boite de dialogue qui s'ouvre alors affiche les requêtes disponibles. Sélectionnez la requête que vous souhaitez insérer.
Dans le contenu en édition une icône signale l'endroit où sera insérée le résultat de la requête.
Certaines requêtes nécessitent des paramètres de configuration.
Sélectionnez l’icône représentant la requête dans le contenu pour pouvoir renseigner les paramètres.
Sauvegarder le contenu pour visualiser le rendu.
L'éditeur en ligne supporte le copier-coller depuis un traitement de texte, une page web...
Le CMS Ametys va épurer certains styles tels que les couleurs de police, les changements de tailles de police, les polices... alors que les styles existant dans la charte graphique seront conservés tels que les niveaux de titre, les listes à puces...
A noter que si vous copier-coller un lien interne au CMS depuis la prévisualisation du CMS Ametys, vous allez coller le lien de la prévisualisation. Ce lien est privé, uniquement réservé aux contributeurs. Ce lien sera alors cassé pour un utilisateur du site.
L'éditeur en ligne des champs riches vous permet de mettre en forme votre contenu et d'y insérer un grand nombre d'objets (images, tableaux, symboles, code HTML, données fusionnées, ...).
Il se décompose en deux grandes zones : "Caractère et paragraphe" et "Insertion".
Cette zone permet de présenter et mettre en forme le contenu. On y trouve les fonctionnalités permettant de gérer :
Styles
Les styles des différents éléments (paragraphes, titres, listes à puces, listes numérotées) peuvent être définis par la charte du site web.
Sélectionner le texte du contenu et choisir un style dans la liste :
|
|
Pour des raisons graphiques, d’accessibilité et de référencement, les titres doivent respecter la hiérarchie sémantique : un titre de niveau 2 ne peut être placé avant un titre de niveau 1.
Si tel est le cas arrive le cadre du champ Contenu devient orange et un icône de danger apparaît, survoler l'icône pour voir le message d'alerte.
Vous pouvez sauvegarder votre contenu malgré l'alerte.
Pour chaque style, une bulle d'aide explicative s'affiche lors du survol du bouton avec la souris.
Les styles de bases sont proposés :
Bouton | Style |
Gras | |
Italique | |
Indice | |
Exposant | |
Aligner le texte à gauche | |
Centrer le texte | |
Aligner le texte à droite | |
Justifier le texte |
De plus, quelques fonctionnalités avancées (accessibilité, glossaire etc...) sont disponibles en sélectionnant votre texte en premier :
Bouton | Style |
Signaler une abréviation | |
Signaler un acronyme | |
Ajouter au glossaire | |
Signaler une citation | |
Signaler un changement de langue |
Pour améliorer l’accessibilité et l'ergonomie de votre site, veuillez éviter autant que possible de justifier votre texte.