ePYRUS FRANCE création de sites internet - Montpellier

3.- Créer une Section

La première chose que vous allez faire sera de créer une section - ce sera en général un des grands thèmes de votre site qui sera par la suite divisé en catégories. Pour créer une nouvelle section, cliquez sur l'icône "Section" de la page d'accueil ou sélectionnez l'option "Gestion des Sections" du menu "Contenu", comme illustré à la figure 3.

 

Figure 3 - Accéder au gestionnaire de Sections

 

Cela vous amène sur l'écran "Gestionnaire de Sections", qui vous permet d'ajouter ou éditer des sections. Dans l'exemple présenté à la figure 4 nous avons déjà une section appelée "Les News", une autre " Foire Aux Questions" et une dernière "Newflashes". Si vous voulez éditer l'une de ces sections, vous devez juste cliquer sur le lien en rouge (une solution alternative consiste à cocher la case à coté du lien et à cliquer sur l'icône "Editer" de la barre d'outils"). Pour ajouter une section cliquez simplement sur l'icône "Nouveau".

 

Figure 4 - Le gestionnaire de Sections

 

Vous voici dans l'éditeur de sections. Dès lors que vous entrez dans un éditeur de ce type le menu principal est désactivé (incluant par la même l'option retourner à la page d'accueil, ce qui peut être déconcertant pour certains!). Ne paniquez pas - il y a une excellente raison à cela. A chaque fois que vous entrez dans un éditeur, l'élément que vous éditez est "verrouillé" (checked out) pour les autres. Cela signifie que si vous êtes plusieurs à travailler sur la console d'administration en même temps, les autres administrateurs n'auront plus accès à l'élément que vous êtes en train d'éditer.

 

Pour déverrouiller cet élément (et le rendre à nouveau disponible en édition aux autres administrateurs) vous devez, soit cliquer sur le bouton "Sauver" de la barre d'outils (si vous souhaitez garder vos changements), soit sur le bouton "Fermer" (si vous souhaitez annuler vos modifications). Une fois que vous avez cliqué sur l'un de ces boutons, le menu principal sera de nouveau accessible.

 

L'éditeur de sections (figure 3) vous permet de donner un titre et un nom à votre section, ainsi qu'un texte d'introduction (description). Le "titre" est destiné à apparaître dans les menus et doit être court tandis de le nom peut être un peu plus long car c'est lui qui apparaitra en en-tête de votre page. Vous pouvez bien entendu utiliser le même texte pour le nom et le titre.

 

Vous pouvez aussi spécifier une image à associer à la section. Les images peuvent être transférées en utilisant le gestionnaire de média. Pour plus d'informations sur la procédure à suivre veuillez consulter la documentation Joomla pour les Nuls. La "position de l'image" vous permet de déterminer la position de l'image dans la description si toutefois vous souhaitez y insérer une image. Dans un premier temps nous n'allons pas nous en préoccuper ni d'ailleurs des autres options de cet écran et nous rendre vers la zone "description" qui est la grande zone blanche située en bas à gauche de la figure 5 (elle n'est pas forcément blanche dans votre cas - cela dépend aussi de votre template)

 

Important: Le niveau d'accès est un paramètre extrêmement important de Joomla! que je ne vais pas développer ici. Il détermine qui aura le droit de visualiser le contenu.

• Public signifie que tous les visiteurs du site y auront accès
• Membre restreint l'accès du contenu à "tous les utilisateurs enregistrés" (statut "Registred" et au dessus)
• Special signifie que l'accès est réservé à tous les utilisateurs ayant un statut supérieur à "Registred" (Author, Editor, Publisher, Manager, Administrator, Super Administrator).

Ce niveau d'accès peut s'appliquer à tous les éléments qui vont suivre : Section, Catégories, Articles, Menus et à bien d'autres choses encore. Nous aborderons cette fonctionnalités dans le volume 2 : les composants (quand j'aurais finit de l'écrire!!!).

Figure 5 - L'éditeur de Sections

 

La zone "description" vous permet de décrire le contenu de la section. Souvenez-vous qu'une section est composée d'une ou plusieurs catégories, et que lorsqu'un visiteur du site voit cette description, elle est en général accompagnée de la liste des catégories qui composent la section.

 

La zone "description" utilise un composant tiers (plus exactement un mambot ou plugin) que l'on appelle un éditeur HTML. Joomla vous permet d'utiliser tout une série d'éditeur HTML compatibles, mais l'éditeur recommandé et illustré ici se nomme TinyMCE. Celui-ci produit un code HTML respectueux des standards du W3C. N'ayez aucune inquiétude si vous ne comprenez pas ce que cela signifie, mais sachez juste que vous pouvez avoir un éditeur sensiblement différent de celui présenté ici.

 

Si aucun éditeur HTML n'apparaît dans votre système, vous devrez en installer ou en activer un. Dans l'installation par défaut de Joomla l'éditeur TinyMCE est fourni et activé. De nombreux utilisateurs préfèrent JCE qui est une version améliorée de TinyMCE.

 

Vous pouvez utilisez la barre d'outils située en haut de la barre de description pour modifier la mise en forme de la description - pour ajouter gras, italique, souligné, liste à puce, etc... La liste déroulante "Styles" regroupe les styles qui ont été utilisés dans le template que vous utilisez. L'application d'un style sur un texte sélectionné peut produire toutes sortes de résultats: changer la couleur, la taille, ajouter une image de fond et bien d'autres choses encore. Il suffit de sélectionner le texte dont vous voulez changer la présentation à l'aide de la souris et de sélectionner le style à lui appliquer à l'aide de liste déroulante. Vous verrez immédiatement les modifications à l'écran.

 

A coté des "Styles" vous avez une autre liste déroulante baptisée "Format" qui permet de spécifier le type d'information que vous êtes en train d'écrire - par exemple vous pouvez indiquer que le texte sélectionné est un paragraphe, un titre principal, un titre secondaire, etc. La façon dont le texte sera alors formaté dépend des paramètres de votre template - plus exactement de la feuille de style. Les autres options de la barre d'outils sont en tous points similaires à celles que vous pouvez trouver dans la plupart des traitements de texte. Ces options vous sont donc familières et vous pouvez cliquer à tout moment sur l'icône "Aide" (le point d'interrogation) pour plus d'informations (en Anglais). Voir figure 6.

 

Figure 6 - L'éditeur HTML TinyMCE

 

Lorsque vous aurez fini de créer ou d'éditer votre section, cliquez sur le bouton "Sauver" en haut à gauche de l'écran (voir figure 5) pour sauvegarder votre travail. Cela vous ramènera à l'éditeur de section présenté à la figure 4.

 

Note : Vous pouvez aussi sauver votre travail sans quitter l'éditeur en cliquant sur le bouton "Appliquer".

 

Dernière mise à jour : ( Sunday, 08-Jun-2008 )

• < Précédent
• Suivant >