6 La gestion des articles 6.1 Introduction
Contents
1. puces En cliquant une premi re fois vous cr ez la liste indentation du paragraphe en cliquant une seconde fois vous annulez la mise en forme Liste num rot e R duit l indentation SE w Augmente l indentation Annule la derni re op ration Refait la derni re op ration annul e Ins re ou modifie un lien hypertexte Allez au paragraphe Comment cr er un lien vers une autre page dans ce chapitre en page 68 Efface les liens hypertexte qui sont s lectionn es 1 Indentation d un paragraphe mise en retrait du paragraphe Joomla 1 5 pour les nuls v1 32 p 62 175 Chapitre La gestion des articles L Ins re un lien dans une page saut l int rieur d une m me page Ins re ou modifie une image Pour l insertion d une image le bouton en bas de la page est plus simple d emploi voir le paragraphe La gestion des images dans ce chapitre en page 69 F Nettoie le code et retire les param tres non d sir s Cet outil est tr s utile lorsque vous copiez du contenu provenant de logiciels de bureautique w Acc s l aide en ligne de l diteur Affiche le texte au format HTML cette fonction est utile pour contr ler le bon mL codage de la page voire modifier le code html g n r Attention la modification du code html est une op ration dangereuse Les fonctions pr sentes sur la derni re ligne ns re une ligne horizontale Supprime les styles appliqu s du2. Afficher l diteur en pleine page R duire La troisi me ligne vous propose la bo te outils pour cr er et g rer les tableaux f Ins re un nouveau tableau D finit les propri t s de la ligne s lectionn e du tableau i D finit les propri t s de la cellule s lectionn e du tableau Ajouter une ligne au tableau avant la ligne courante LL Ajouter une ligne au tableau apr s la ligne courante Supprime la ligne courante Ajoute une colonne au tableau avant la colonne courante Ajoute une colonne au tableau apr s la colonne courante Supprime la colonne courante Divise les cellules Eh B Fusionne les cellules s lectionn es Vous trouvez ensuite les fonctions suivantes amp Ins re un smiley ou emoticone Ins re dite un fichier multi m dia formats Flash QuickTime RealMedia Shockwave Windows M dia Ins re une ligne horizontale configurable vous pouvez choisir la largeur de la ligne son paisseur hauteur proposer un effet relief HT Pr cise que l on crit de gauche droite 14 Pr cise que l on crit de droite gauche Joomla 1 5 pour les nuls v1 32 p 64 175 Chapitre La gestion des articles La quatri me ligne propose d abord des fonctions de copier coller tr s int ressantes Coupe le texte s lectionn 3 Copie le texte s lectionn 1 Colle le texte pr c demment s lectionn l endroit o est posit
3. ce titre s affichera dans les pages web moins que dans le param trage vous refusiez l affichage du titre e Si vous ne saisissez pas la zone Alias Joomla g n rera lui m me un Alias partir du Titre en rempla ant les blancs et les caract res sp ciaux par des caract res ANSI e Classez votre article en s lectionnant une valeur dans le menu Section et une valeur dans le menu Cat gorie e Vous pouvez choisir de publier l article et l article appara tra automatiquement dans le menu qui affiche la section ou la cat gorie ou simplement pr parer le travail pour une publication future e Enfin comme la page d accueil est une s lection d articles vous pouvez choisir de faire para tre cet article dans la page d accueil Titre Publi O Non o Alias Page d accueil non oui section Mon cat goris kal Cat gorie Hon cat goris kail E Z U ax Styles t Format Font Family dt E o b Fm tao EF Li 2 M s 2 Voici un texte d introduction pour votre premier article Voici un texte d introduction pour votre premier article Voici un texte d introduction pour votre premier article Voici un texte d introduction pour votre premier article Et voici le corps de votre premier article Et voici le corps de votre premier article Et voici le corps de votre premier article Et voici le corps de votre premier article Et voici le corps de votre pr
4. rer une image cliquez sur le titre de l article pour passer en mode dition e Placez le curseur l endroit o vous souhaitez ins rer l image Image Saut de page Lire la Suite e Cliquez sur le bouton Image en base de l cran la fen tre suivante s ouvre Joomla 1 5 pour les nuls v1 32 p 71 175 Chapitre La gestion des articles Ins rer Annuler hotel jpg URL de l image images stories mes_images hotel jpg Aligner Gauche Description de l image Titre de l image Mon h tel L gende Transf rer Parcourir les fichiers Lancer le transfert Nettoyage termin e S lectionner l image ins rer en changeant ventuellement de r pertoire e Une fois l image s lectionn e l url de l image appara t dans le champ url images stories mes_images hotel jpg par exemple e Si vous souhaitez aligner l image par rapport au texte choisissez dans la liste Alignement le type d alignement gauche ou droite e Si vous voulez que l image apparaisse sur votre site avec une l gende saisissez le titre de l image et cochez c t la case L gende e Appuyez sur le bouton Ins rer Une fois revenu dans l cran de l diteur cliquez sur limage des poign es sous de petits carr s sur le bord de l image apparaissent e il suffit de tirer sur l une des poign es aux 4 coins pour redimensionner l image tout en gardant les m mes proportions e en tirant sur les poign s sur les c t
5. s ils sont dans la corbeille Alors supprimez les articles et videz la corbeille avant de supprimer une section ou une cat gorie 6 2 2 Cr ation d une cat gorie La d marche est similaire e Sur le panneau d administration cliquer sur l ic ne Gestion des cat gories Joomla Mon site Joomla Sie Menus Contenu Composants Extensions Outils Aide LS Pr visualiser 0 M1 D connexion ob Categorie Nouveau D A Q tA Sauver Appliquer Annuler Aide D tails Titre Chili Alias Publi Non oui Section Am rique du Sud iv Les nouvelles cat gories sont cr es par d faut en fin de liste Leur ordre peut tre modifi Ordre de la categorie z une fois que vous avez sauvegard Niveau d acces Public Enregistr Sp cial image S lectionner l image Position de l image Gauche Dans la barre d infos en haut cliquez sur le bouton Nouveau e Saisissez un Titre et choisissez dans l item Section la section Am rique du sud que nous avons cr e l tape pr c dente e La saisie des autres param tres est facultative vous pouvez fournir une description limiter l acc s des articles de cette section en choisissant dans l item Niveau d acc s Enregistr ou Sp cial e Enfin sauvegardez les modifications en cliquant sur le bouton Sauver Attention Choisissez des titres diff rents pour chaque cat gorie Si 2 cat gories ont le m me titre Joomla et vous m me vous allez vo
6. tres de publication d un article par d faut La premi re fois que vous saisissez un article il vous faut faire quelques r glages pour d finir ces Param tres globaux e Cliquez dans le panneau d administration sur l ic ne Gestion des articles ou bien cliquez sur l ic ne Ajouter un nouvel article puis dans la barre d infos sur le bouton Annuler e Dans la barre d infos cliquez sur Param tres et vous voyez alors appara tre une fen tre au milieu de l cran qui va vous permettre d acc der aux diff rents param tres de publication rang s par bloc Voici une description rapide des diff rents param tres e Dans le premier bloc vous pouvez notamment choisir d afficher le titre de l article ou de le cacher d afficher ou non l introduction de votre article si vous avez choisi de le Joomla 1 5 pour les nuls v1 32 p 58 175 Chapitre La gestion des articles publier en mode blog L option Afficher les non autoris s vous permet d afficher tous les visiteurs le titre et le texte d intro d un article avec un acc s limit Articles Configuration g n rale Afficher les liens non P autoris s Non S Oui Afficher le titre de l article O Non oui Titres cliquables Non Oui Afficher le texte d introduction O Masquer Montrer e Le second bloc permet d afficher en dessous du titre d un article le nom de la section et le nom de la cat gorie le contenant et en cliquant sur le nom de la se
7. A Appliquer Annuler Aide Alignment Left Lorem ipsum EEI J a Dolor sit amet Dimensions x px e r consectetuer L adipiscing J M Constrain proportions loreum ipsum ni Titre edipiscing elit Publi ical sed diam nonummy Alias orap aTe nibh euismod tincidunt F 0 fois Lion tal ut laoreet dolore Section Non cat goris i a magna aliquam erat Jeudi 21 Ao t 2008 11 07 volutpat Loreum F Tr Border ation Non modifi B Z U s Class gt Article E 3 2 sl x Q F 82 25 i Style Auteur Administrator cr ation 2008 08 21 11 07 31 4 pr ipsumi k Elit sed diari 7 aliguam erat K r adipiscing lori 9 tincidunt ut nonummy nif Termin 9 Internet Lorem insu Dolor sit ares corre eae DATETIONM TO TOC QT PFa Treaa Pae ee diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliguam erat volutpat Loreum a ipsum xi blication ooe gye 11 07 31 blication Tamai b Param tres Avanc s Joomla 1 5 pour les nuls v1 32 p 73 175 Chapitre La gestion des articles Vous constatez aussi que vous avez 2 param tres pour redimensionner l image Si vous souhaitez conserver les m mes proportions entre la hauteur et la largeur vous saisissez 150 dans la seconde case et vous laissez coch e la case Constrain proportions Appuyez sur le bouton Update et regardez le r sultat BZu E z E ce s LI E y 00 A 5 H n
8. H g U ajs sss jE E o l D m 4 Target oH s a f a Title Lien vers Joomla fance Voici un lien vers Joomla France Class Not set wi Joomla 1 5 pour les nuls v1 32 p 68 175 Chapitre La gestion des articles Remplissez alors le formulaire e Placez le curseur dans la fen tre Link URL et tapez l url de la page cible la main ou faites la commande Ctrl V pour coller l adresse m moris e dans le presse papier e Vous pouvez choisir d ouvrir cette page cible dans la page du site il est pr f rable de choisir l option Ouvrir dans une nouvelle fen tre Open in new windows e La zone Info bulle comprend le titre de la page cible saisissez le lien sans faute d orthographe cette donn e est exploit e par les moteurs de recherche e Et terminez en appuyant sur le bouton ns rer Insert REMARQUES Si vous voulez faire un lien sur une adresse e mail dans le champ Link URL ins rer la valeur MAILTO avant l adresse MAILTO pr nom nom domaine com et lorsque linternaute cliquera sur ce lien son logiciel de messagerie s ouvrira avec en destinataire l adresse indiqu e Si vous faites un lien vers une page du site il faut saisir une adresse relative c est dire une adresse sans le nom de domaine du site ainsi il faut remplacer http www monsite com mapage htm par mapage htm 6 5 6 Pagination d un article Prenons l exemple d un article qui traitera
9. avec le reste du site Si vous tes sur Mac vous savez que la touche Crtl est remplac e par la touche Pomme La m thode la plus simple l outil coller Word Les risques La pr sence de balises saut de ligne et saut de paragraphes qui se traduira par des carts entre les paragraphes de textes variables Une reprise al atoire des tableaux Pr parez votre texte sous Word e Supprimez les tableaux et les images les effets de style le texte doit tre du texte brut non format e S lectionnez le texte coller e Copiez le texte par la commande Edition Copier ou le raccourci Ctrl C maintenez la touche Ctrl de votre clavier enfonc e et appuyez en m me temps sur la touche Retournez sur l cran de saisie de l article e Placez vous sur l endroit o vous souhaitez coller le texte dm e Appuyez sur l ic ne et l cran suivant appara t Joomla 1 5 pour les nuls v1 32 p 66 175 Chapitre La gestion des articles a https far Coller depuis Word M otg Coller depuis Word Faites CTRL Y pour coller le texte dans la fen tre Ins rer Collez le texte par la commande Crtl V maintenez la touche Ctrl de votre clavier enfonc e et appuyez en m me temps sur la touche V Ensuite dans tous les cas vous reprenez les outils offerts par Joomla pour faire la mise en page La m thode d conseiller Pr parez votre texte sous Word Supprimez les tableaux et le
10. image qui prend toute la largeur de la page ne peut d passer 490 pixels de large Ceci peut vous sembler petit mais il faut tenir compte de l affichage sur des petits crans Joomla 1 5 pour les nuls v1 32 p 69 175 Chapitre La gestion des articles Certes les outils propos s par Joomla permettent de redimensionner les images d un appareil photo mais il vaut mieux r duire leur taille avant de les mettre sur votre site e pour r duire le temps de t l chargement de vos pages e pour r duire le volume Web de votre site et diminuer ainsi la facture chez votre h bergeur Comment mettre en forme vos photos Il suffit d utiliser un logiciel de retouche d images fourni avec votre appareil photo ou avec un logiciel comme The Gimp tr s complet ou paint net plus simple 6 6 2 Ranger vos images D abord vous devez vous procurer vos images puis les stocker dans un r pertoire pr cis de Joomla en l occurrence il s agit du r pertoire images stories Si vous avez beaucoup d images g rer il est pr f rable de cr er diff rents sous r pertoires pour classer les images et s y retrouver Par exemple dans l exemple propos au d but de ce chapitre vous pouvez cr er e un sous r pertoire images stories asie e un sous r pertoire images stories amerique_du_sud 6 6 3 Charger vos images sur le site Il y a 2 fa ons de proc der qui d pendront essentiellement de la quantit d images que vous souhait
11. s vous d formez les proportions de l image De retour sur l cran de gestion de l article cliquez sur le bouton Appliquer et regardez le r sultat en ouvrant une seconde fen tre sur le site web il suffit d appuyer sur le bouton Pr visualiser I est bien entendu possible d ins rer plus d une image dans un article vous devez alors r p ter cette op ration autant de fois qu il y a d images ins rer Remarque Attention l url saisie doit tre une url relative de la forme images stories articles jpg Si l adresse saisie est une adresse absolue lorsque vous allez transf rer les donn es sur un site distant Joomla ira chercher les images sur votre micro ordinateur En cas de probl me tapez dans le champ r pertoire en haut de la page le caract re pour faire appara tre le chemin relatif Notes Vous avez peut tre vu que vous pouvez directement transf rer l image de votre micro ordinateur sur votre site partir de cet cran de saisie avec les boutons dans la fen tre Transf rer Joomla 1 5 pour les nuls v1 32 p 72 175 Chapitre La gestion des articles e la commande Parcourir les fichiers vous permet de s lectionner l image transf rer sur le site e la commande Lancer le transfert permet de t l charger l image sur le site dans le r pertoire indiqu en premi re ligne e il vous reste alors s lectionner l image ainsi t l charg e et appuyer sur le bouton Ins rer apr s
12. texte s lectionn Cet outil est tr s utile pour ai supprimer le style de contenu provenant de logiciels de bureautique Affiche le cadre d un tableau Vous pouvez construire des tableaux avec un cadre invisible cette fonction visualise les bordures de votre tableau x Transforme le texte s lectionn en Exposant X Transforme le texte s lectionn en Indice Ins rer un caract re sp cial L appui sur ce bouton fait appara tre une fen tre avec 2 lune liste de caract res sp ciaux cliquer sur le caract re voulu pour l ins rer dans votre texte l endroit du curseur 6 5 3 Les autres fonctions propos es en mode tendu La premi re ligne comprend les fonctions suppl mentaires suivantes Police F 1 r Applique une police de caract res au texte s lectionn A d conseiller sauf cas particulier Taille hi A Applique une taille de caract res au texte s lectionn Sur la seconde ligne Recherche un mot ou une lettre dans un texte ia Recherche un mot ou une lettre dans un texte et le remplace par le texte saisi Joomla 1 5 pour les nuls v1 32 p 63 175 Chapitre La gestion des articles 4 Insertion de la date courante le format est d fini lors de la configuration du plug in Insertion de l heure courante le format est d fini lors de la configuration du plug in Applique la couleur au texte s lectionn 27 Applique la couleur au fond du texte Hi
13. Chapitre La gestion des articles 6 La gestion des articles 6 1 Introduction M me si elle pr sente des limites qui pourront para tre contraignantes pour certains la gestion du contenu est l une des grandes forces de Joomla Dans la suite du document nous allons mettre en place une structure d articles cat goris s comme suit Un exemple de sections de cat gories et d articles Sections Cat gories Articles Tokyo Hokkaido Kyoto Pekin Guangzhou Nanjing Shenzhen Santiao du Chili Arica Puerto Monte Buenos Aires Argentine Saita Ushuaia La Paz Santa Cruz Potosi Copacabana Soient 2 sections Asie et Am rique du Sud dans la section Asie 2 cat gories Japon et Chine et dans la cat gorie japon 3 villes Un article cat goris est plac dans une structure Section Cat gorie Pour bien comprendre cette structure il faut simplement prendre en compte ces 3 r gles e Une section est un conteneur parent elle ne peut contenir que des cat gories e Une cat gorie est un conteneur enfant du conteneur section elle ne peut contenir que des articles e Un article ne peut appartenir qu une seule cat gorie Joomla 1 5 pour les nuls v1 32 p 52 175 Chapitre La gestion des articles Cette organisation permet de structurer le contenu de mani re logique elle est indispensable si vous souhaitez publier beaucoup d articles sur votre site Elle permet par ailleurs d afficher l ensembl
14. aque article 6 4 2 Les param tres de publication des articles d un menu Lorsque vous cr ez un menu vous voyez dans l onglet Param tres Composants les param tres d affichage propres aux articles de cet ensemble comme d crits dans les paragraphes Liste d articles et Articles en mode blog en page 87 Attention si un article est aussi publi sur la page d accueil les param tres retenus pour l affichage sont ceux d finis pour l ensemble de la page d accueil comme d crits dans le paragraphe Configurer l affichage en page 96 6 4 3 Les param tres de publication d un article Lorsque vous cr ez ou ditez un article un certain nombre de param tres sont disponibles dans le volet de droite e Param tres article Joomla pr remplit certains champs comme le nom de l auteur la date de cr ation la date de derni re mise jour et la m me la date de fin de publication si vous voulez voir dispara tre un article de votre site une date donn e Vous pouvez ici modifier ces valeurs Joomla 1 5 pour les nuls v1 32 p 60 175 Chapitre La gestion des articles e Param tres avanc s vous retrouvez ici toute une s rie de param tres que vous avez d j saisis dans le chapitre pr c dent pour l ensemble des articles Ceci vous permet de changer ce comportement par d faut pour l article que vous venez de Saisir Vous pouvez aussi changer le libell Lire la suite e Informations des m ta donn es Vous pou
15. avoir saisi son titre 6 6 5 Et la marge autour de l image Dans la plupart des templates que j ai utilis s il ny a pas de marge autour des photos Alors comment faire pour mettre une marge autour de l image Le plus simple est de revenir dans la page de saisie de l article de s lectionner l image et d utiliser l outil E dans l diteur Site Menus Contenu Composants Extensions Outils Aide ls Pr visualiser 0 41 Ol D connexion Article Nouveau X e S O Q Pr visualiser Sauver Appliguer Annuler Aide Titre Publi C Mon Oui Etat Publi Clics Alas Page d accueil Won Oyi R vig 0 fois Section Non cat goris F2 Cat gorie Non cat goris F2 Cr Jeudi 21 Ao t 2008 11 07 Derni re modification Mon modifi B 7 Styles Font Family Param tres Article iZ w 25 NT de F uimit EA i q A i A ki Auteur Administrator T EN Een x x m E A4 f 2 ER Q mi Insert edit n a 4 Pseudo de l auteur Une fen tre s ouvre au milieu de l cran choisissez l onglet Appearance et si vous voulez une marge de 10 pixels autour de l image mettez 10 dans les champs Vertical space et Horizontal space robes en Composarg http cocorico idf fr Insert edit image Microsoft Internet Lu m 0 1 O D connexion General Appearance Advanced Q Fi la l auteur
16. ction ou de la cat gorie de voir tous les articles contenus dans cette section ou cette cat gorie ces options sont peu utilis es Si vous rendez le titre de la cat gorie cliquable l appui sur le titre de la cat gorie fera s afficher la liste de tous les articles de la cat gorie Hom de la section Masquer Montrer Titre de section cliquable Non Oui Hom de cat gorie Masquer Montrer Hom de cat gorie cliquable O on oui e C est g n ralement dans le troisi me que l administrateur intervient selon les choix que vous allez retenir pour votre site web vous n allez pas forc ment afficher la date de derni re modification de l article affich e en bas de l article dans certains templates ou m me la date de cr ation L item Afficher la navigation permet d afficher en bas de chaque article les boutons Pr c dent et Suivant pour passer d un article l autre Hom de l auteur O Masquer Montrer Date et heure de cr ation O Masquer Montrer Date et heure de modification O Masquer Montrer Afficher la navigation Masquer Montrer valuation Vote de l article Masquer O Montrer e Le quatri me bloc permet de faire appara tre les ic nes Imprimer Envoyer G n rer un fichier pdf votez sur l article Attention avant d activer une ic ne comme G n rer un pdf il vaut mieux v rifier avant que la fonction marche bien avec votre template et votre h bergeur Joomla 1 5 p
17. e Fr te 0Hl ino liil ERCE o0 o aga Lorem ipsum Dolor sit amet consectetuer adipiscing loreum ipsum AY h edipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore z magna aliguam erat volutpat Loreum Lorem ipsum Dolor sit amet SY consectetuer adipiscing loreum ipsum dipiscing elit sed diam nonummy g nibh euismod tincidunt ut laoreet dolore magna aliguam erat 9 volutpat Loreum Lorem ipsum Dolor sit amet consectetuer adipiscing loreum ipsum edipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliguam erat volutpat Loreum Lorem ipsum Dolor sit amet consectetuer adipiscing loreum ipsum edipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliguam erat volutpat Loreum Lorem ipsum Dolor sit amet consectetuer adipiscing loreum ipsum edipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliguam erat volutpat Loreum o m 6 7 L insertion d un document Vous voulez ins rer un document au format pdf ou dans un autre format dans un article de votre site Rien de plus simple il suffit de t l charger ce fichier d ins rer le logo pdf par exemple dans votre article et un lien sur cette ic ne vers ce fichier Etape 1 t l chargez le document sur votre site L outil le plus ad quat est le gestionnaire de m dias que vous avez d j utilis pour charger des images e Cr ez votre formulaire sur votre micro ordi
18. e des articles relatifs une cat gorie ou une section de mani re dynamique Par exemple si dans un menu vous cr ez un lien vers une cat gorie ce lien permettra d afficher dynamiquement tous les articles rattach s cette cat gorie Lors de la saisie d un article si vous ne remplissez pas le champ section Joomla lui attribuera la valeur non cat goris c est une section comme une autre De m me si vous ne renseignez pas le champ cat gorie vous aurez droit la cat gorie non cat goris 6 2 Comment classer vos articles 6 2 1 Cr ation d une section e Sur le panneau d administration cliquez sur l ic ne Gestion des sections vous pouvez aussi choisir dans le menu Contenu l item Gestionnaire de section z Joomla Mon site Joomla Site Menus Contenu Composants Extensions Outils Aide Es Pr visualiser 0 1 D connexion J Section Nouveau A S Q Sauver Appliquer Annuler Aide D tails Type content Titre Am rique du Sud Alias Publi Non Oui Les nouvelles sections sont plac es par d faut en fin de liste Yous pouvez modifier leur Ordre 3 ordre apr s avoir sauvegard Hiveau d acces P blie Enregistr Sp cial Image S lectionner l image Position de l image Gauche Description S Ste s Fomat Font family ba Ejs dE Jr AE CH 14 2Ha 2 a i i j e Dans la barre d infos en
19. emier article Et voici le corps de votre premier article Et voici le corps de votre premier article Dans la zone de saisie du texte de l article vous pouvez soit saisir un texte court soit structurer votre article en 2 parties e un texte d accroche qui correspond au texte d introduction de l article qui va appara tre sur la page d accueil ou sur la page pr sentant les diff rents articles d une section ou d une cat gorie pr sentation de type blog e e corps de l article encore appel texte principal de l article Pour s parer en deux l article saisi lors de l affichage en mode blog par exemple et ins rer un lien Lire la Suite cliquez sur le bouton Lire la suite en bas de la zone de saisie une ligne de pointill s rouges appara t alors dans la zone de saisie Image Saut de page Lire la suite En dessous de la zone de saisie du texte vous trouvez 3 boutons Joomla 1 5 pour les nuls v1 32 p 57 175 Chapitre La gestion des articles e Image pour ins rer une image dans l article voir plus bas e Saut de page pour introduire un saut de page au milieu du corps du texte voir plus bas e Lire la suite pour s parer le texte d introduction du corps du texte de l article comme nous venons juste de vous le dire Le nouvel article a t cr avec succ s Notez les filtres d affichage section cat gorie id qui vous permettront de retrouver rapidement un article dans la liste de tous
20. ez transf rer sur votre site Dans le cas de figure le plus simple vous souhaitez simplement ins rer une nouvelle image dans un article Il vous suffit d utiliser le Gestionnaire de m dias accessible depuis la console d administration par le menu Site Gestions des m dias A Joomla Mon site Joomla Version 1 5 4 Site Menus Contenu Composants Extensions Outils Aide ES Pr visualiser 0 M1 D connexion ma i sdi a Q Gestion des medias Q Supprimer Aide Miniatures D tails Dossiers Fichiers 3 Media C Program FilesE asyPHP 2 0b1 wwmPNL_ 1 5images stories mes_images ij M_images al banners O T F gt PR 4 4 smilies St 7 v M stories l ma 7 PA HI food A fruit O o g o o o g o o o g i food fruit Thumbs db aricles j clock jpg ext_com pn ext_lang p O Q WE s Aa o o o o o o o o o o o no o go o oO ext_mod pn ext_plugin joomla dev kew jpg pastarchiw powered_by spieth gif taking_not o go web_links Transf rer un fichier Max 10M Parcourir les fichiers Lancer le transfert Nettoyage termin Joomla 1 5 pour les nuls v1 32 p 70 175 Chapitre La gestion des articles o Dans la fen tre Fichiers choisissez le r pertoire stories ou l un de ses sous r pertoires Pour faciliter le classement des images nous vous conseillons de les ranger par r pertoire Pour cr er un sous r pertoire il vous suffit de saisir dans la zone de texte sur fond jaune en haut droite le nom d
21. haut cliquez sur le bouton Nouveau e Saisissez un Titre e La saisie des autres param tres est facultative vous pouvez fournir une description limiter l acc s des articles de cette section en choisissant dans l item Niveau d acc s Enregistr ou Sp cial gt gt Les diff rents niveaux d acc s sont d finis dans le paragraphe Les diff rents niveaux d acc s en page 105 e Enfin sauvegardez les modifications en cliquant sur le bouton Sauver et retournez au panneau d administration en s lectionnant dans le menu Site l item Panneau d administration Joomla 1 5 pour les nuls v1 32 p 53 175 Chapitre La gestion des articles Voil la section Am rique du sud est maintenant cr e N oubliez pas l alias Si vous utilisez la fonction de r criture des urls pour plus de d tails se reporter au paragraphe La r criture des url de votre site en page 148 l alias de la section va appara tre dans l adresse des pages concernant cette section Ainsi avec notre exemple si l alias de la section est amerique du sud l url de la page sera de la forme www mon site fr amerique du sud Une solution consiste ne pas saisir d alias Joomla vous en proposera un et s il ne vous convient pas vous pourrez le changer ensuite NOTE vous ne pouvez pas supprimer une section tant qu elle contient des cat gories et de m me vous ne pouvez pas supprimer une cat gorie tant qu elle contient des articles m me
22. ionn le curseur a Colle le texte s lectionn apr s l avoir nettoy suppression des balises html Colle le texte s lectionn dans un document Word apr s l avoir nettoy Eu suppression des codes propos s par Word voir le paragraphe Comment coller un texte partir d un document Word dans ce chapitre en page 65 a S lectionne l ensemble du texte de l article Elle propose ensuite la gestion de calques Ins re un calque Lh Place le calque devant L Place le calque derri re t Fixe la position de l l ment s lectionn position absolue Les autres fonctions ajout es dans la derni re ligne sont les suivantes A Permet de modifier le style du texte s lectionn Visualise certains caract res cach s comme les espaces ins cables un second appui sur ce bouton d s lectionne cette fonction Ins re un espace ins cable 6 5 4 Comment coller un texte partir d un document Word Vous avez saisi le brouillon de votre article sous Word ou un autre traitement de texte comme OpenOffice Writer et vous voulez le publier Le format de fichier utilis par Microsoft Word est tr s diff rent du format html si vous faites un simple couper coller Word laissera un tas de scories dans la page de votre site qui pourront perturber l affichage de vos pages Cette remarque s applique aussi au copier coller partir du contenu d un email ou d un texte extrait d un autre outil bureautique Mais vo
23. it de la d mographie de l histoire du climat des donn es conomiques de la ville de Santiago du Chili Si vous tes prolixe l article risque d tre particuli rement long La cons quence directe c est que vos visiteurs devront utiliser la barre de d filement verticale de leur navigateur pour parcourir l article dans son int gralit Dans certains cas comme celui ci il peut tre utile de paginer un article c est dire le d couper en plusieurs parties accessibles via un index Joomla va vous permettre de cr er cet index en quelques clics seulement e Editez l article de votre choix menu Contenu Tous les articles e Ins rez la commande de saut de page en cliquant sur le bouton Saut de page qui se trouve en bas de la zone de saisie Renseignez alors le titre de la seconde page e Une ligne en pointill s gris mat rialise le saut de page 6 6 La gestion des images Pour agr menter vos articles vous souhaiterez certainement y ins rer un moment ou un autre des images ou des photos Rien de plus facile avec les plug ins de gestion des images Bon d accord commen ons par le commencement 6 6 1 Pr parez vos images Les images que vous allez utiliser doivent respecter quelques r gles e Choisissez des images au format jpeg sauf si vous voulez un fond transparent format png ou vous ins rez un sch ma format gif e Les images doivent tre re dimensionn es la bonne dimension Une
24. l image et choisissez la commande Inserer Modifier un lien Z U ze Font family ha ESS L 8 7 0 4 5 amp Al 1 2 E x x 2 Insert edit ink ga i s M Styles wne s Paragraph uw Vous pouvez t l charger ici le formulaire d inscription notre association g e Attention il faut retenir votre souffle Il vous faut taper l adresse correcte sans vous tromper Soit images stories documents test pdf si le nom du document ins rer est test pdf Article diter Insert edit link Mozilla Firefox http 127 0 0 1 JPNL_1_S plugins editorsitinymce iscriptsitins_mcejplugins adwlink Tire Test pdf General Popup Events Advanced E sep General properties Link URL limages stories documents test pdf Section bout Joomla v Anchors Target Open in this window frame Title i ae 4 Class Not set 2E x R g Jiii w ny j ll Vous pouvez t l charger ici le formulaire d inscrip Vous testez et quand a marche vous recommencez en ins rant le m me lien sur le groupe de mots contenant le nom du document ici formulaire d inscription Joomla 1 5 pour les nuls v1 32 p 75 175
25. les articles du site 6 4 Les parametres de publication d un article Vous pouvez d finir les param tres de publication d un article 3 niveaux e Un niveau global applicable par d faut tous les articles de votre site e Un niveau menu o pour un l ment de menu vous d finissez comment vous voulez voir afficher les articles de cet l ment Ainsi vous allez d finir comment vous voulez voir afficher les articles pour un l ment de menu donn mais aussi pour la page d accueil car celle ci est un l ment de menu menu Home dans le menu Main menu e Un niveau article o vous allez d finir les r gles de publication particuli res un article donn Concr tement comment a marche lors de l affichage d un article Joomla regarde la valeur du param tre d finie au niveau de l article il y a 3 valeurs possibles Oui Montrer Non Masquer ou Param tres Globaux e Si la valeur saisie est Oui Montrer ou Non Masquer Joomla ex cute l action demand e et il n y a pas d autres contr les e Sila valeur est Param tres Globaux Joomla regarde la valeur d finie au niveau de l l ment de menu concern o Sila valeur saisie est Oui Montrer ou Non Masquer Joomla ex cute l action demand e et il n y a pas d autres contr les o Sila valeur saisie au niveau de l l ment de menu est Param tres Globaux Joomla va chercher l action demand e au niveau global et l ex cute 6 4 1 Les param
26. mple par exemple e Pour mettre un mot en gras s lectionnez le et cliquez sur l ic ne fou B e Pour justifier un paragraphe s lectionnez le avec la souris et cliquez sur l ic ne Certaines ic nes correspondant des fonctions non accessibles dans la phase de saisie sont estomp es comme l ic ne cha ne dans l cran ci dessus Voici une rapide description des boutons propos s par d faut en modes avanc et tendu certaines fonctions complexes sont d crites ensuite comme la gestion des images des liens Joomla 1 5 pour les nuls v1 32 p 61 175 Chapitre La gestion des articles 6 5 2 Les fonctions de base de l diteur Sur la premi re ligne de la barre d outils T Styles Met le texte s lectionn en gras B comme Bold ou G comme Gras Met le texte s lectionn en italique Souligne le texte s lectionn U comme Underline ou S comme Soulign Barre le texte s lectionn Aligne le texte s lectionn gauche Aligne le texte s lectionn au centre Aligne le texte s lectionn droite Justifie le texte s lectionn ji Applique un style css du template au texte s lectionn fonction difficile utiliser avec l diteur propos par d faut avec Joomla Paragraphe Applique un format conventionnel les standards HTML au texte s lectionn paragraphe Adresse Titre 1 Les fonctions propos es sur la seconde ligne P Liste
27. nateur avec un nom simple sans blanc ni caract res sp ciaux e S lectionnez dans le menu Site litem Gestion des m dias e Avec le bouton Cr er un dossier cr ez un sous dossier documents dans le r pertoire stories comme cela vous aurez tous vos documents et les ic nes associ s dans le m me sous r pertoire du r pertoire stories e Parcourir le disque de votre micro ordinateur pour s lectionner le fichier t l charger et lancer le transfert Attention Le nom du document ne doit contenir aucun caract re sp cial blanc caract re accentu apostrophe Etape 2 t l chargez l ic ne pdf Vous pouvez cr er le lien sur un bout de texte mais pour faire beau vous pouvez aussi ins rer dans l article qui contient le formulaire l ic ne qui repr sente un fichier pdf Vous pouvez trouver cette ic ne sur le site d Adobe et l enregistrer sur votre micro ordinateur vous placez alors le pointeur de votre souris sur l image vous appuyez sur le clic droit et vous s lectionnez dans la fen tre la commande Enregistrer l image sous Ensuite comme toute autre image sur votre micro ordinateur vous la t l chargez sur votre site avec le gestionnaire des m dias Joomla 1 5 pour les nuls v1 32 p 74 175 Chapitre La gestion des articles Etape 3 cr er votre article avec le lien vers le document Cr ez l article o vous souhaitez ins rez le document ins rez l image de l ic ne pdf s lectionnez
28. our les nuls v1 32 p 59 175 Chapitre La gestion des articles Ic nes Masquer Montrer Ic ne PDF Masquer Montrer Ic ne imprimer D Masquer Montrer Ic ne email Masquer Montrer Clics Masquer Wontrer e Lorsque vous d cidez de cr er des flux RSS encore appel s fils d actualit s il faut activer le module Syndication pour g n rer ces flux voir dans l exemple fourni avec Joomla le libell Feed Entries et le bloc suivant vous permet de choisir de n afficher que le texte d introduction ou tout l article Four chaque lement de fils Texte d introduction Texte complet e Dans le bloc suivant la fonction Option de filtrage est d crite dans le paragraphe Le filtrage du contenu du chapitre Maintenance et autres r glages en page 135 Option de filtrage Public Front end Enregistr AUEL Editeur R dacteur Public Back end Gestionnaire Administrateur Super Administrateur Filtrer les groupes Filtrer les types Liste noire Defaut Liste blanche pas de HTML Fiktrer les balises Firer les attribus Le plus simple est de tester les diff rentes options et de v rifier le rendu avec votre navigateur vous ouvrez un onglet sur les pages d administration et un autre onglet sur le site lui m me pour voir le r sultat n oubliez pas de rafra chir la page du site pour voir avant et apr s Et de toutes fa ons ces choix pourront tre modifi s pour ch
29. ous r cup rez sur votre site un article mal format 6 5 5 Comment cr er un lien vers une autre page Vous voulez faire un lien entre le document que vous saisissez et un autre document de votre site ou sur un site Web externe e Ouvrez le navigateur Internet Explorer ou autre sur la page cible par exemple http wWww joomla fr e l vous faut maintenant m moriser cette url deux solutions s offrent vous o Vous copiez cette adresse sur une feuille de papier o Mieux vous la placez dans le presse papier de votre ordinateur positionnez vous sur la barre de navigation de votre navigateur s lectionnez l adresse et appuyez sur les 2 touches Ctrl C Ctrl C e Revenez dans Joomla sur la page du document o vous voulez introduire ce lien et s lectionnez la zone de texte qui porte le lien dans notre exemple la cha ne de caract res retenue est Joomla France e Choisissez la commande Ins rer Modifier un lien La fen tre suivante s ouvre A Joomlal Mon site Joomla Site Menus Contenu Composants Extensions Outils Aide Article Nouveau Insert edit link Mozilla Firefox Tire Un lien vers le site de Joomla France http 127 0 0 1 JPNL_1_Siplugins editorsitinymcetiscriptsitins_mceplugins adwlinkl 7 Alias se E i General Popup Events Advanced ei Section About Joomla t r EPEE properties Link URL http i www joomla fr Styles a anchors
30. ra t pas l cran Il vous suffit de scroller faire d filer vers le bas la page pour voir le bas de la page Cette page se d compose en plusieurs zones e En haut la barre d infos avec les boutons e En dessous une zone de saisie des caract ristiques de l article Joomla 1 5 pour les nuls v1 32 p 55 175 Chapitre La gestion des articles e Ensuite la zone de saisie de l article surmont e de la barre d outils de l diteur e A gauche une zone Param tres Param tres Article Param tres Avanc s Informations des m ta donn es e Enfin en bas de la page quelques boutons Image Saut de page Lire la suite Nous allons vous pr senter toutes ces fonctions dans les paragraphes qui suivent 6 3 1 La structure d un article Un article comprend e untitre e des param tres comme o le nom de l auteur la date de cr ation la date de modification o des donn es de classification nom de la section et de la cat gorie qui contient l article o des m ta donn es pour faciliter les recherches au travers des moteurs de recherche o et tout un tas de param tres tr s utiles e un texte d introduction ou accroche dans le monde journalistique on parle aussi de chapeau Ce texte va appara tre sur la page de votre site lors de l affichage d une liste d articles voir affichage de type blog il pr sente l article et invite l internaute lire la suite de l article e et enfin le co
31. rps de l article encore appel texte principal de l article 6 3 2 La saisie d un article Enfin vous allez cr er votre premier article Vous entrez dans la fen tre de cr ation comme nous vous l avons indiqu pr c demment ic ne Ajouter un nouvel article dans le panneau d administration A Joomla Mon site Joomla Site Menus Contenu Composants Extensions Outils Aide Le Pr visualiser 0 M41 O D connexion Article Nouveau AA e A 1 Pr visualiser Sauver Appliquer Annuler Aide La barre d infos comprend les boutons suivants e un bouton Pr visualiser qui vous donne un premier aper u de votre article assez approximatif avec la plupart des templates e mais si vous voulez vous rendre compte du r sultat final et que vous avez d j cr er le menu qui permet d afficher cet article appuyez sur le bouton Ppliquer puis ouvrez Mi Pr visualiser un nouvel onglet en appuyant sur le bouton et allez sur votre site sur l article modifi N oubliez pas de rafra chir l affichage commande actualiser dans Firefox 3e bouton gauche e si tout cela vous convient appuyez sur Sauver Joomla 1 5 pour les nuls v1 32 p 56 175 Chapitre La gestion des articles e ou sinon appuyer sur Annuler pour tout effacer Alias Page d accueil Hon 2 Oui Section Mon cat goris w Cat gorie Mon cat goris w Dans la zone de saisie des caract ristiques de l article e Saisissez le titre de votre article
32. s images les effets de style le texte doit tre du texte brut non format S lectionnez le texte coller Copiez le texte par la commande Edition Copier ou le raccourci Ctrl C maintenez la touche Ctrl de votre clavier enfonc e et appuyez en m me temps sur la touche Retournez sur l cran de saisie de l article Placez vous sur l endroit o vous souhaitez coller le texte Collez le texte par la commande Crtl V maintenez la touche Ctrl de votre clavier enfonc e et appuyez en m me temps sur la touche V Word laisse pas mal de scories pour d finir les polices de caract res leur taille leur couleur Je pr f re tout nettoyer et reprendre les styles d finis dans le template pour conserver une coh rence dans la pr sentation des articles Il vous suffit alors de s lectionner l ensemble du texte et choisir les bons outils le pinceau Cleanup messy code ou mieux encore la gomme 2 remove formating Refaire l op ration plusieurs fois et dans les cas les plus r calcitrants ditez le texte au format html pour le corriger ou supprimer le paragraphe qui vous r siste Joomla 1 5 pour les nuls v1 32 p 67 175 Chapitre La gestion des articles Pourquoi vous pr senter cette m thode alors que nous vous la d conseillons Si vous laissez d autres personnes saisir des articles elles risquent fort de faire un simple copier coller et il vous sera peut tre utile de conna tre ces commandes si v
33. u sous r pertoire que vous voulez cr er par exemple mes_images et de cliquer sur le bouton Cr er un dossier en haut droite o Dans la fen tre Transf rer un fichier le bouton Parcourir les fichiers vous permet de s lectionner sur votre micro ordinateur les images transf rer le bouton Lancer le transfert r alise le chargement des fichiers s lectionn s ANOMALIE Chez mon h bergeur la fonction Transf rer un fichier ne marchait pas tout semble bien se passer mais cela se plante la fin La configuration utilis e par mon h bergeur n appr cie pas l animation flash Alors il suffit d aller dans le menu Configuration globale Syst me et dans l onglet Param tres des m dias il faut cocher Non pour le param tre Activation de l interface de transfert en flash Cette m thode a ses limites si vous souhaitez transf rer des dizaines d images vous allez devoir r p ter cette op ration des dizaines de fois IIl y a beaucoup plus simple heureusement e Si vous tes en local utilisez l explorateur de fichiers pour copier vos photos dans le dossier qui va bien e Si votre site est d j h berg sur Internet utilisez votre client FTP pour les uploader transfert de votre micro ordinateur sur le r pertoire images de votre site 6 6 4 Insertion d une image dans un article Bon ceci tant fait cliquez sur le menu Contenu Tous les articles puis ditez l article dans lequel vous allez ins
34. us avez les outils n cessaires pour reprendre ce texte et le convertir au format html ce chapitre vous donne quelques conseils pour la mise en forme Joomla 1 5 pour les nuls v1 32 p 65 175 Chapitre La gestion des articles La m thode la plus radicale et la plus s re passer par l interm diaire d un diteur de texte Si vous voulez tre s r d avoir un code html propre vous pouvez utiliser la m thode suivante Pr parez votre texte sous Word e Supprimez les tableaux et les images les effets de style le texte doit tre du texte brut non format e S lectionnez le texte copier e Copiez le texte par la commande Edition Copier ou le raccourci Ctrl C maintenez la touche Ctrl de votre clavier enfonc e et appuyez en m me temps sur la touche Passez par l interm diaire d un diteur de texte basique e Prenez un diteur simple comme notepad ou Block Edit e Placez vous dans l diteur et copier la s lection dans l diteur avec la commande Cril V nettoyez le cas ch ant les caract res sp ciaux Copier le r sultat dans la page contenant l article e Recommencez l op ration s lectionnez tout le texte dans l diteur de texte commande Crtl A et copiez le dans le presse papier avec la commande Crtl C e Placez vous dans la fen tre de saisie de Joomla et copiez avec la commande Copier ou la commande Cril V Il ne reste plus qu refaire la mise en page mais au moins elle est coh rente
35. us m langer les pinceaux Et quelque soit le titre que vous choisissez ici vous pourrez choisir le titre qui appara tra sur les pages de votre site Joomla 1 5 pour les nuls v1 32 p 54 175 Chapitre La gestion des articles 6 3 La cr ation d un article Dans le panneau d administration cliquer sur l ic ne Ajouter un nouvel article Vous pouvez aussi cliquer dans le panneau d administration sur l ic ne Gestion des articles et dans la barre d infos en haut cliquez sur le bouton Nouveau L cran suivant appara t Joomla Mon site Joomla Site Menus Contenu Composants Extensions Outils Aide LS Pr visualiser 0 M1 D connexion Article Nouveau AN A Q t Pr visualiser Sauver Appliquer Annuler Aide Titre Publi O Non ou Etat Publi Alias Page d accueil Non oui Clics Wu R vis 0 fois Section Non cat goris vj Cat gorie Non cat goris J Cr Samedi 19 Juillet 2008 20 55 Derni re modification Non modifi B Z U Styles M Fomat m Font family v Param tres Adidas EE EE L EJmh H i Auteur Administrator T4 EI ah a 4 i Pseudo de l auteur Hiveau d acces Public e Date de cr ation 2008 07 19 20 55 08 D but de publication 2008 07 19 20 55 08 Ed Fin de publication Jamais E b Param tres Avanc s b Informations des m ta donn es Image Saut de page Lire la suite Toute cette page n appa
36. vez ici saisir les donn es qui vont permettre le r f rencement de votre site et de cet article en particulier Les informations saisies servent renseigner les balises lt meta name gt plac es en haut de page et normalement utilis s par les moteurs de recherche quoique beaucoup de moteurs de recherche ne les utilisent plus Voici quelques valeurs particuli res du champ Robots o hoindex indique au robot de ne pas indexer la page o nofollow indique au robot de ne pas suivre les liens derri re cette page 6 5 La saisie d un article 6 5 1 L diteur de texte Nous vous pr sentons ici l diteur fourni par d faut avec Joomla mais il existe d autres diteurs comme JCE rassurez vous vous retrouverez dans la plupart des diteurs ces commandes et d autres L diteur est un plugin que vous pouvez configurer vous pouvez configurer notamment la barre d outils pour la configuration de ce plugin rapportez vous au paragraphe La configuration de l diteur de texte dans le chapitre Modules menus composants et plugins en page 76 Voici la barre d outils propos e par l diteur en mode Avanc E 7 U Z Styles Paragraphe b 7 Om a jE x 2 En mode tendu vous pouvez obtenir une barre avec beaucoup plus d outils B 7 U 5tykes Paragraphe Police Taille r 1 HAE RE A b Om A Vg A 2H x x NOHR 0 K La 5 a Gi a 14 4 TE Le mode d emploi est si
Download Pdf Manuals
Related Search