Guide utilisateur Typo3

Niveau 1

Table des matières

1.Introduction	2

2.Login	2

3.Vue d'ensemble	3

4.Colonne de gauche	5

4.1Le mode PAGE	5

4.2Le mode VOIR	7

4.3Le mode LISTE	8

5.Colonne centrale	9

6.Colonne de droite	10

7.Créer une nouvelle page	10

8.Déplacer une page	12

9.Copier une page	13

10.Masquer/Démasquer une page	13

11.Créer le contenu d'une page	14

12.Créer un bloc de texte au sein du RTE	18

12.1Insérer un lien	18

12.2Insérer une image	19

12.3Insérer un tableau	20

13.Insérer un afficheur pour une page	20

14.Masquer / Copier / Coller un contenu	21

15.Système de Cache	21

Introduction

Ce document explique comment modifier le contenu d'un site existant sous Typo3. Il explique pas à pas les différentes manipulations qui amènent à la création, à la modification et à la suppression de contenu. Il s'adresse à un utilisateur de type rédacteur de contenu.

Login

L'interface d'administration du site est accessible grâce à un identifiant et à un mot de passe. Ces informations vous ont été attribuées par l'administrateur du site.

L'accès au Back-End est accessible en ajoutant typo3 dans la barre d'adresse de votre navigateur. Ainsi, si l'adresse de votre site est http://www.monsite.fr/, l'accès à l'interface d'administration se fera à l'adresse : http://www.monsite.fr/typo3/.

Vue d'ensemble

Lors de votre connexion, le premier aspect de l'interface d'administration est le suivant :

Un clic sur le mode LISTE (en haut à gauche) vous amène sur l'écran ci-dessous, composé de trois colonnes :

la colonne de gauche permet l'accès aux différentes fonctionnalités de l'outil, classées par thèmes (Web, Fichier, Doc, Utilisateur, Outils, Aide, Admin functions),

la colonne centrale affiche la structure du site et permet une navigation rapide à l'intérieur du site et offre un accès aux éventuelles extensions utilisées,

la colonne de droite est la zone de travail.

Colonne de gauche

La colonne de gauche sert à choisir le type de zone de travail. Les fonctionnalités sont classées par thèmes : Web, File, Doc, User... L'administrateur du site vous a peut-être restreint les fonctionnalités, dans ce cas, vous êtes alors en présence d'une colonne de gauche réduite.

La plupart du temps, vous utiliserez le mode PAGE et le mode VOIR.

Le mode PAGE

Le mode page vous permet d'accéder directement au contenu de vos pages. Le haut de la page vous offre plusieurs fonctionnalités.

ouverture du menu contextuel

passage en mode LISTE

visualisation de la page (dans une nouvelle fenêtre)

affichage de l'historique des changements relatifs à la page

création d'un nouveau contenu

déplacement de la page

création d'une nouvelle page

édition des en-têtes de la page

aide contextuelle

Les boutons suivants donnent une autre possibilité pour effectuer ces actions :

Le mode VOIR

Le mode LISTE

Ce mode permet de visualiser l'ensemble des objets (contenus et afficheurs). Il offre une visualisation différente des mêmes données par rapport au mode page.

En bas de cette page, il est possible de créer une nouvelle page au sein de la page courante (sous-page) ou dy 'insérer un nouveau contenu.

Colonne centrale

La colone centrale est la colonne de navigation principale.

Colonne de droite

La colonne de droite est la zone de travail. Son contenu varie en fonction de l'option choisie dans la colonne de gauche.

Selon que l'on sélectionne le mode Page, liste ou Voir, on disposera d'une page de droite différente. Dans la figure précédente Typo3 est en mode liste.

Créer une nouvelle page

En utilisant Créer un nouvel élément en bas de la page de drtoie en mode liste, il est possible de créer une sous-page au sein de la page courante.

Une page de choix est affichée après avoir cliqué sur "Ajouter un nouvel élement". Cette page permet de créer les nouvelles pages mais aussi les contenus et les aficheurs. Pour créer une nouvelle page choisir : "Page (Dans), Click here for wizard ".

Un assistant proposera alors de placer la page dans le site. Ceci permet de placer une page à un endroit déterminé de l'arborescence. En utilisant Page (Dans) la page sera créée en tant que première page du niveau où l'on se trouve.

Une fois l'emplacement de la page déterminé Typo3 vous propose automatiquement d'éditer les propriétés de la page (notamment le titre de la page). Seul le titre de la page est obligatoire (signalé par un ! Jaune).

Sauvegarder vos modifications en utilisant les boutons de sauvegarde :

enregistrer sans sortir

enregistrer en sortant

enregistrer et visualiser

sortir sans enregistrer

Déplacer une page

Vous pouvez facilement déplacer une page dans la structure du site.

Il y a plusieurs possibilités :

Editer + bouton "Déplacer la page"

Plus d'options + Move page

Cliquer sur le nom de la page + bouton "Déplacer la page"

Vous avez l'aspect suivant :

La page que vous souhaitez déplacer est en caractères gras, cliquer sur la flêche grise à l'endroit où vous souhaitez positionner votre page.

Copier une page

Vous pouvez facilement copier une page (structure et contenu).

Cliquez sur l'icône de la page et sélectionnez "Copier". La page est présente dans le press-papier (Clipboard) en anglais).

Lorsque vous cliquer sur la page voisine de l'endroit où vous souhaitez coller votre page, vous avez alors deux possibilités :

Coller dans (dans un dossier)

Coller après (après un fichier ou une page)

Une confirmation vous est demandée dans les deux cas.

Masquer/Démasquer une page

Typo3 permet de masquer les pages afin qu'elles n'apparaissent pas pour les visiteurs (une page en préparation).

Il est possible de masquer une page en utilisant le menu contextuel de la colonne droite ou de l'icone de page. On sélectionnera alors Hide dans le menu contextuel ce qui masquera la page. En utilisant Unhide sur une page masquer, celle-ci réapparaitra.

Il est également posssible de masquer / démasquer une page en utilisant les propriétes de la page.

Créer le contenu d'une page

Pour créer une page de contenu, il suffit de cliquer sur le bouton "Ajouter un nouvel élément" ou "Nouveau contenu".

Si l'élément nécessite un afficheur, il est nécessaire de réaliser l'opération décrite au paragraphe x.

Dans tous les cas, l'écran suivant s'affiche :

Il peut y avoir plus ou moins d'éléments types.

Vous devez choisir le type d'élément que vous souhaitez créer. Soit vous utilisez un contenu type "Typical page content", soit vous utilisez un contenu spécial "Special elements", soit des formulaires "Form elements", soit vous utilisez un contenu spécifique sous forme de plug-in "Plugings".

Après avoir choisi le type de contenu, la deuxième étape consiste à indiquer l'emplacement du contenu dans la page.

Il y a quatre choix possibles, chacun correspondant à une zone définie de la page HTML :

gauche

normal

droit

bordure

En général, vous utiliserez toujours l'emplacement "normal". L'emplacement Normal est celui ou est saisi le contenu principal de la page. Les colonnes droites, gauche et bordure permettent de placer du contenu dans d'autres zones de la page web.

Lorsque vous créez plusieurs blocs de contenu dans la page, vous devez indiquer la position du nouveau bloc que vous êtes en train de créer par rapport aux autres blocs existants.

Vous cliquer ensuite sur la flêche grisée pour commencer à saisir le contenu. Vous avez alors l'écran suivant :

Vous devez remplir le champ Titre et sauvegardez le bloc de contenu en utilisant les icônes en haut à gauche :

enregistrer sans sortir

enregistrer en sortant

enregistrer et visualiser

sortir sans enregistrer

Créer un bloc de texte au sein du RTE

Le RTE (ou wisyweb) est un outil permettant de saisir facilement du texte sans connaître le langage HTML. Si le RTE est activé et que le navigateur utilisé est compatible, la zone de saisie de texte est remplacée par un éditeur plus complet : le RTE.

Insérer un lien

Il est possible d'insérer des liens internes au site web :

sélectionner l'image ou le texte à utiliser comme lien

cliquez sur le bouton d'ajout des liens

sélectionner lien de type "page" puis

sélectionner la page à utiliser comme destination du lien

Il est également possible d'insérer des liens vers l'extérieur du site :

sélectionner l'image ou le texte à utiliser comme lien

cliquez sur le bouton d'ajout des liens

sélectionner lien de type "Lien Externe" puis

Insérer l'adresse de destination à utiliser. Vous pouvez également préciser si le lien s'ouvre dans la fenêtre courante ou s'il doit s'ouvrir dans une nouvelle fenêtre (pop-up).

Insérer une image

Pour insérer une image, celle-ci doit être chargé sur le serveur. L'utilisation du mode Plain-Image permet dee réaliser ces deux opérations à la suite sans changer de fenêtre de navigateur.

Cliquez sur le bouton d'ajout d'images

Sélectionner le mode "Plain Image"

En bas de la fenêtre d'ajout d'images, utiliser parcourir pour trouver sur votre disque dur l'image à insérer.

Uploader l'image

Une fois l'image chargée sélectionnez son nom pour l'insérer

Insérer un tableau

Il est possible d'insérer un tableau en utilisant le bouton Tableau du RTE. L'éditeur vous demandera alors le nombre de ligne et de colonnes souhaitées. Vous pourrez ensuite saisir le contenu du tableau directement au sein de l'éditeur.

Insérer un afficheur pour une page

Un afficheur est appelé "wizard" dans Typo3. Il est utilisé pour formater (au sens présentation) le contenu d'une page.

Un afficheur permet donc de mettre en forme un ou plusieurs objets de contenu. Par exemple on dispose dans une page de plusieurs objets livre d'or (ie. les différents messages des visiteurs) qui seront tous affichés au moyen de l'afficheur (plugin Livre d'or) qui présentera l'ensemble des messages dans un liste formatée.

Nous allons donc insérer successivement un contenu de livre d'or (un message) puis un afficheur (le plugin de présentation du livre d'or). Cette logique est également utilisée pour insérer des nouvelles des fiches techniques, des forums ....

Premier temps Insertion d'un afficheur (plugin livre d'or).

En bas de page de droite en mode liste : Créer un nouvel élément

Dans la liste des objets insérables : Contenu, Click here for Wizard

Puis sélectionner le plugin d'affichage Livre d'or

Lui donner un titre et enregistrer

Deuxième temps création d'un message de livre d'or :

En bas de page de droite en mode liste : Créer un nouvel élément

Dans la liste des objets insérables : Livre d'or

Remplir le message

Enregistrer et recommencer pour insérer un deuxième message

Masquer / Copier / Coller un contenu

Il est possible de masquer, démasquer, copier, couper, coller un contenu de manière identique à celle utilisée pour les pages.

Système de Cache

Afin d'améliorer la performance des serveurs, Typo3 dispose d'un système de cache permettant de ne pas avoir à recalculer une page si celle-ci vient d'être générée par un visiteur.
Cependant il est possible que le contenu de la page en préparation ne soit plus conforme à ce qui a été saisi (le contenu est alors inchangé et ne semble pas tenir compte de la modification que vient d'être faite). Il faut alors vider le cache de l'application.

Ceci peut être fait au moyen du menu déroulant en haut à droite dans la colonne de droite lorsque l'on se trouve en édition de contenu ou de page.

© 2003 OneXt Content System	Documentation utilisateur Typo3 – Niveau 1	/u

sba

2004-05-06T17:22:52

sba