Edition des différentes rangées

En survolant les rangées, 2 autres boutons apparaissent au dessus de chaque zone que vous pouvez éditer

Texte pré-formaté

Le contenu pré-formaté est souvent utilisé pour des données comme le titre de la page. Des limites de contenu peuvent donc s'imposer. Vous n'avez pas  la possibilité d'y ajouter du XHTML pour y faire de la mise en forme. Vous pouvez insérer jusqu'à 256 caractères.

Entrez votre contenu et cliquez sur l'îcone « Valider ».

Texte libre avec éditeur

Ce contenu vous permet d'insérer du contenu riche. Pour modifier le format de son texte, vous pourrez vous servir de l'éditeur visuel ou WYSIWYG dans lequel vous retrouverez certaines fonctionnalités d'un traitement de texte . Il est donc très facile de mettre le texte en forme sans connaître le langage HTML.

Saisissez votre contenu et cliquez sur "valider". Vous retournez alors sur la page avec les modifications prises en compte. Cliquez « retour » pour annuler les modifications et retourner sur la page avant modification.

L'éditeur visuel est disponible pour chaque bloc de texte libre des pages du site géré par Automne. L'interface propose une barre d'outils, comparable à celle de Word, qui permet au rédacteur de mettre rapidement le texte en forme tout en respectant les normes xHTML requises par l'application. Les styles appliqués au texte sont liés aux feuilles de style définies dans la charte graphique.
N'hésitez pas à agrandir la fenêtre d'édition à vos besoins en « tirant » sur l'un des coins.

Attention cependant : un éditeur de type wysiwyg n'est pas WORD, c'est à dire qu'un copier/coller depuis word sans nettoyage préalable du formatage peut entraîner un dysfonctionnement majeur de votre page. Pour coller du texte de word, utiliser le bouton « Coller du contenu au format Word », ou mieux « Coller du contenu au format texte », ce qui aura pour effet de supprimer la mise en page spécifique de Word. Vous pourrez refaire votre mise en page à l'aide des outils spécifiques et adaptés à votre site au sein de l'éditeur.

La barre d'outil utilisée pour les rangées de type « texte libre » sont appelées « Default » et sont éditables depuis le menu Modèles / Barre d'outils wysiwyg dans le panneau latéral, si vous avez des droits d'administration sur votre site.

Pour modifier les styles des éléments du menu  « Style », il faut avoir les droits d'administration et il faut modifier le fichier « editorstyles.xml ». Ce fichier est accessible depuis le panneau latéral Modèles / Feuilles de styles. Vous pouvez modifier ce fichier librement, ce qui vous permettra de voir directement dans le menu déroulant le style d'un élément.
Il faudra également inclure le style de l'élément dans les styles CSS des pages de votre site pour qu'il soit pris en compte dans vos pages publiées.

Pour créer ou modifier un modèle personnalisé, il faut avoir des droits d'administration et il faut modifier le fichier « editortemplates.xml ». Ce fichier est accessible depuis le panneau latéral Modèles / Feuilles de styles

Pour la modification des tableaux, faites un clic droit sur le tableau (sur macintosh, utilisez "Ctrl" sur votre clavier et cliquez). Les options suivantes apparaissent :

Insertion / Lien interne : Pour créer un lien interne vers une autre page du site, sélectionnez un mot et choisissez "lien Automne". Une fenêtre s'ouvre avec l'arborescence complète du site sur lequel vous avez des droits d'administration. Parcourez l'arborescence à l'aide des "+" et choisissez une page en cliquant dessus.

La case à cocher "Garder le texte du lien si la page n'existe plus" vous permet de choisir si le texte sur lequel est fait le lien doit disparaître en même temps que la page ciblée par le lien. Si cette case est décochée et que la page cible du lien est supprimée ou dépubliée, le texte du lien disparaîtra (ce qui peut-être gênant si il se trouve au milieu d'un paragraphe).

Dans le menu "cible", vous pouvez choisir d'ouvrir le lien dans la même fenêtre, dans une nouvelle fenêtre ou dans une pop-up dont vous devrez définir les dimensions.

Le menu « Avancé » vous permet de donner des informations complémentaires utiles notamment dans le cadre d'un site qui doit être hautement accessible.

Pour modifier le lien, vous n'avez qu'à sélectionner le mot ou la phrase contenant le lien et choisir un nouveau lien. Pour le supprimer, sélectionnez le mot contenant le lien et cliquez sur l'icône "Supprimer le lien".

Insertion / Lien externe : Pour créer un lien vers une page d'un site externe, sélectionnez un mot et choisissez "lien externe". Sélectionnez le type de lien (URL, email ou ancre) et saisissez l'adresse complète sans guillemets et sans espace. Le lien peut être ouvert dans la même fenêtre, dans une nouvelle fenêtre ou dans une pop up dont vous devrez définir les dimensions.

Pour modifier le lien, vous n'avez qu'à sélectionner le mot ou la phrase contenant le lien et saisir une nouvelle adresse. Pour le supprimer, sélectionnez le mot contenant le lien et choisissez Format/Supprimer le lien.

Le menu « Avancé » vous permet de donner des informations complémentaires utiles notamment dans le cadre d'un site qui doit être hautement accessible.

Pour créer un lien "ancre" dans la même page, vous devez utiliser le code source. En effet, les ancres ne sont détectées qu'au sein d'une même zone d'édition.

Images

 Le principe de la modification d'image est le même que celui de la modification de contenu. On clique d'abord sur le bouton « Editer » de l'image choisie, ce qui ouvre une fenêtre.

En cliquant sur « Parcourir » on va chercher l'image rangée sur son disque dur, et on ajoute le « alt tag » de l'image (légende qui apparaît quand on laisse la souris au-dessus d'une image). Vous pouvez insérer jusqu'à 256 caractères pour le champ « alt tag ».

Ne mettez pas de guillemets ni de code xHTML dans le « alt tag ». Votre page deviendrait inaccessible !

Les images peuvent avoir une contrainte de taille. Le cas échéant vous serez avertis de la taille maximum et/ou minimum pour la largeur. Vous pouvez néanmoins insérer votre image et utiliser la fonction redimensionner afin d'adapter l'image aux contraintes définies. Par défaut, la taille de l'image n'est pas contrôlée par Automne. Méfiez vous si aucune contrainte n'apparait.

Pour redimensionner une image il faut d'abord avoir inséré une image. Cliquez sur le bouton « Modifier ».

Vous voyez votre image et une petite palette d'outil qui vous permet de modifier librement les dimensions de votre image. L'image est redimensionnée en respectant le rapport de hauteur/Largeur. Cliquez sur « Appliquer » pour appliquer les modification.
Cliquez sur le bouton  « Fermer » de la boite d'outil pour revenir à la fenêtre précédente.

La manipulation de la fonction redimensionnement à plusieurs reprises peut engendrer un résultat de mauvaise qualité de l'image !

Animations flash

Cette rangée vous permet de rajouter des animations Flash dans les pages. Comme pour une image ou un fichier joint l'animation Flash est un bloc inséré dans un modèle. Si vous n'avez pas accès à une rangée d'animation Flash, consultez votre administrateur afin d'en créer une.

En cliquant sur « Parcourir », allez chercher le fichier à insérer formaté en .swf sur votre disque dur. Vous devez ensuite remplir les champs de dimension de l'animation (largeur et hauteur). Les données de largeur et hauteur doivent être exprimées en pixels.
Remplissez les autres paramètres selon votre fichier Flash et selon vos besoins.

Le poids maximum autorisé est indiqué en dessous du champ « Fichier ». Pour supprimer un fichier, cliquer sur le bouton « Supprimer » situé à droite du fichier téléchargé.

Fichier

 Vous pouvez ajouter une pièce jointe (pièce disponible au téléchargement en plus du contenu visible sur la page, un PDF par exemple).

Cherchez une pièce jointe sur votre disque dur ou réseau (tous formats possibles sauf .exe. Le pdf est le format idéal pour ce type d'utilisation), puis donnez le titre qui apparaîtra en ligne (le lien). Vous pouvez insérer jusqu'à 256 caractères pour le libellé du lien.

Le poids maximum autorisé est indiqué en dessous du champ « Fichier ». Pour supprimer un fichier, cliquer sur le bouton « Supprimer » situé à droite du fichier téléchargé.

Formulaire

 Vous pouvez insérer dans les formulaires préparés par les administrateurs. La mise en place de formulaire est représentée par cette icône

Cliquez sur le bouton « Editez » pour pouvoir sélectionner le formulaire correspondant. Vous ne pouvez pas modifier le contenu des formulaires dans cette zone.
Vous pouvez faire une recherche par catégorie ou langue (si disponible).

Fermez la fenêtre de sélection en cliquant sur le bouton « fermer » en haut à droite de la fenêtre.
Si vous en avez les droits, vous pouvez accéder directement à la gestion des formulaires en cliquant sur le bouton « Gérer les éléments employés par ce bloc de contenu ».Voir la section sur la création et la gestion des formulaires.

Modules

 L'insertion d'une rangée d'un module affiche le résultat de la rangée directement.

Dans certains cas, la rangée peut attendre une donnée variable (paramètre « block » d'une recherche).

Si un module attend une donnée variable, cliquez sur le bouton « éditer », sélectionnez la valeur souhaitée et validez. Le résultat de la rangée apparaît.

Page précédente


2 contribution(s)

Par efusien le 23/03/2010 18:05:15 :

La remarque concernant un copié-collé depuis un éditeur de texte destiné à l'impression est importante.

Il faut toujours garder à l'esprit que les données affichées pour le web ne sont pas celles destinées à l'impression.
Ne jamais copier-coller un texte en provenance de MS Word par exemple : le formatage risquerait de ne pas être correctement interprêté et casserait potentiellement les styles de toute la page web !

Pensez donc à "nettoyer" le texte avant de le coller dans votre page. Simplement en copiant-collant le texte dans un éditeur sans formatage ("Bloc note" sous Windows par exemple), ensuite formatez votre texte avec l'éditeur intégré à Automne...

Par Guillaume le 24/03/2010 14:01:04 :

Dans l'idéal, il est vrai qu'il est préférable de formater son texte correctement avant de l'insérer dans une rangée Automne.

Cependant, petite astuce, il existe dans l'éditeur Wysiwyg d'Automne une option "Coller à partir de Word" qui permet de formater un copier/coller depuis Word.

A utiliser avec parcimonie bien sûr ;-)

Ajouter une contribution :

Les contributions servent à compléter la documentation en détaillant des points précis ou pour donner des exemples. Elles sont modérées et peuvent être supprimées sans préavis.
Pour poser des questions, merci d'employer le forum et pour rapporter un bug, le BugTracker est à votre disposition.








Vous pouvez employer les balises bbcode suivantes :
  • [code-xml] votre code ... [/code-xml] : Pour mettre en forme du code XML / XHTML
  • [code-php] votre code ... [/code-php] : Pour mettre en forme du code PHP
  • [code-js] votre code ... [/code-js] : Pour mettre en forme du code Javascript

Date de votre contribution : 22/10/2017   01:13:22

Haut