Enrichissement du texte
Les fonctions d'enrichissement du texte pourront vous permettre de rendre vos articles plus attractifs et plus lisibles,
d'y insérer des liens interactifs et de les illustrer.
SIRE v2 est orienté publication, et les principaux éléments typographiques de l'édition de journaux et magazines
- titres, chapôs, intertitres, notes, etc.- sont prédéterminés dans la feuille de style CSS. Cette notion de charte graphique permet d'obtenir une homogénéité de l'ensemble des
publications du site, garante d'une lisibilité et d'un confort de lecture maximum.
L'enrichissement du texte se fait grâce à des ZUCODES. Le principe est de placer les zucodes adéquats de part et d'autre de la partie du texte à enrichir. Le zucode ouvrant (*X*) est placé avant le texte à enrichir, le zucode fermant (*/X*) est placé aprés.
Exemple :
*g*texte en gras*/g* donnera texte en gras
Les zucodes les plus usuels se placent à l'aide des boutons placés sous le formulaire (sélectionner le texte puis cliquer sur le bouton) ou en les tapant au clavier (cf. tableau ci-dessous). Les zucodes sont utilisables seulement en zone de texte; sur-titre, titre et signature étant gérés par le script.
| zucode ouvrant | texte | zucode fermant | Résultat | Bouton |
| CHARTE TYPOGRAPHIQUE | ||||
| *titre24* | Titre | */titre24* | Titre | + |
| *titre18* | Titre | */titre18* | Titre | + |
| *chapo* | Chapô d'article | */chapo* | chapô d'article | + |
| *inter* | Intertitre | */inter* | Intertitre | + |
| *legende* | Légende photo | */legende* | Légende photo | + |
| *note* | Note | */note* | Note | + |
| TEXTE :: Style | ||||
| *g* | gras | */g* | Gras | + |
| *i* | italique | */i* | Italique | + |
| *s* | souligné | */s* | Souligné | + |
| *reverse* | couleurs inversées | */reverse* | couleurs inversées | + |
| TEXTE :: Couleurs courantes | ||||
| *bleu* | bleu | */bleu* | bleu | + |
| *rouge* | rouge | */rouge* | rouge | + |
| *vert* | vert | */vert* | vert | + |
| *orange* | orange | */orange* | orange | + |
| *violet* | violet | */violet* | violet | + |
| ALIGNEMENTS L'alignement par défaut est à gauche. | ||||
| *centre* | Elément | */centre* | Centré | + |
| *droite* | Elément | */droite* | Aligné à droite | + |
| ENCADRES | ||||
| *cadresombre* | Texte à encadrer | */cadresombre* | Texte à encadrer | + |
| *cadreclair* | Texte à encadrer | */cadreclair* | Texte à encadrer | + |
| *cadregris* | Texte à encadrer | */cadregris* | Texte à encadrer | + |
| IMAGES > Insertion simple L'image est alignée à gauche par défaut. | ||||
| *img* | gras | */img* | <- | + |
| IMAGES > Alignement avec habillage L'image est alignée à gauche ou à droite. Le texte l'habille. | ||||
| *imgg* | italique | */imgg* | Align. gauche | + |
| *imgd* | texte | */imgd* | Align. droite | + |
| IMAGES > Redimensionnement Le redimensionnement d'images permet d'insérer de manière optimale les images sur le site. Notamment des images trop grandes qui peuvent le déformer. La dimension 480px est adaptée aux illustrations des articles, la dimension 150 px aux images publiées dans les chandelles (colonne de droite). Le dimension 240 permet un habillage de la photo (le texte entoure la photo par la gauche). | ||||
| *img150* | URL de l'image | */img150* | | + | |
| *img240* | URL de l'image | */img240* | Largeur 240px | - |
| *img480* | URL de l'image | */img480* | Largeur 480px | + |
| Exemple : *img150*img/logo.gif*/img* donnera 
|
||||
| LIENS INTERACTIFS | ||||
| Liens sur URL (=adresse internet) | ||||
| Lien simple L'adresse internet sélectionnée constitue automatiquement le texte du lien. | ||||
| *lien* | http://www.google.com | */lien* | http://www.google.com | + |
| Lien sur texte Vous rédigez le texte du lien. | ||||
| *lien= adresse internet* | texte du lien | */lien* | cf. exemple | - |
|
Exemple : *lien=http:www.google.com*Moteur de recherche Google*/lien* donnera Moteur de recherche Google | ||||
| Liens sur adresse de courriel Le signe @ est remplacé par % pour raison de sécurité (anti-spam). | ||||
| *courriel* | contact@wanadoo.fr | */courriel* | contact@wanadoo.fr | + |
| *courriel= contact@ wanadoo.fr* | Wanadoo | */courriel* | Wanadoo | + |
| LIGNES HORIZONTALES Pas de zucode fermant. | ||||
| *ligneclaire/* | - | - | - | |
| *lignesombre/* | - | - | - | |
| *lignegrise/* | - | - | - | |
| *** | ||||
Cas particuliers hors charte graphique
| ||||
FONCTIONS NON ACTIVEES
Pour des besoins particuliers, vous pouvez déterminer vos propres valeurs. Couleur et taille d'un texte. Fond et couleur de texte d'un encadré.Nom et code HTML des couleurs | ||||
| TEXTE :: Autres couleurs Les couleurs peuvent être indiquées par leur nom ou par leur code | ||||
| *color=blue* | blue | */color* | blue | - |
| *color=#DC143C* | crimson | */color* | crimson | - |
| TEXTE :: Taille Les tailles sont indiqués en pixels. | ||||
| *taille=18* | texte | */taille* | texte | - |
| ENCADRES : autres cadres Le zucode ouvrant est la séquence *cadre=couleur du fond=couleur du texte*. Les couleurs peuvent être indiquées par leur nom ou par leur code | ||||
| *cadre=blue=gold* | Texte à encadrer | */cadre* | Texte à encadrer | - |
| *** | ||||
|
Feuille de style
La charte typographique, peut être modifiée en éditant la feuille de style (style.css).
L'édition du fichier style.css suppose de connaitre un minimum le langage CSS (Cascading Style Sheet).
| ||||
