Comme vous le savez depuis l'installation, TYPO3 a deux aspects - le backend et le frontal. Tandis que le frontal est visible par tous sur le Web - c'est le site Web généré par TYPO3 – seuls, vous, les contributeurs au contenu ont accès au backend - l'administration du site Web. Un username et un mot de passe sont toujours exigés.
Backend modules
Dans le backend il y a beaucoup de modules dans le menu de gauche. Quand vous voulez éditer et créer des pages, choisissez le module "Page" :
Chaque module a son propre contenu à afficher. Puisque vous êtes l'administrateur vous avez l'accès à tous les modules. Mais les utilisateurs "normaux" n'ont accès qu'aux modules que vous avez choisis pour eux!
Essayez de cliquer sur les modules divers dans le menu et voir comment le cadre content change.
L'en-tête "Web" dans le menu est appelé "un module principal" et tous les modules inscrits sous cela sont des "sous modules". Tous les modules sous le module principal "Web" montreront une vue double dans le cadre contenu - l'arborescence (gauche #1) et le contenu du module par rapport à une page de l'arborescence (droite #2).
L'arborescence peut être étendue en cliquant le plus/moins des icônes (#3). Cela fonctionne exactement comme des dossiers sur votre propre ordinateur. En réalité vous pouvez comparer l’arborescence des pages à une structure de répertoires où les pages Web sont organisées dans une hiérarchie avec des pages principales, des sous –pages, des sous-sous pages etc.
Clic sur titres et icônes
Une autre chose importante à connaître sur l'arborescence des pages est que vous pouvez cliquer tant sur l’icône de la page que sur le titre de page – mais il y a une différence!
Si vous cliquez sur le titre de la page vous verrez que le module actuel affiche un certain contenu dans le cadre de droite :
Dans ce cas le module "Page" est actif et ensuite vous verrez le contenu de la page apparaître dans le cadre de droite. D'ici vous pouvez l'éditer etc. Nous en parlerons plus loin .
Si vous cliquez sur l'icône de page au lieu du titre un petit menu contextuel apparaît. Il sera parfois référencé comme étant un clic menu :
Remarquez : si vous utilisez des navigateurs plus vieux le menu n'apparaîtra pas près de l'icône, mais dans le cadre supérieur du backend. Plus loin, soyez patient - le menu pourrait prendre quelques secondes pour apparaître!
Dans le menu contextuel vous pouvez choisir les options qui se rapprochent à cette page! Pour la plupart d'entre eux leur fonction est évidente - essayer de les utiliser si vous voulez. Pour cet exemple j'ai choisi "Show" qui signifie que j'aurai une nouvelle fenêtre de navigateur qui va s’ouvrir affichant cette page spécifique visible dans le frontal :
Remarquez la façon dont cette page est affichée en exécutant le script ".../quickstart/index.php ? Id=13" (*1). Dans TYPO3 chaque page est stockée dans la base de données (dans une table appelée " pages") et chaque enregistrement - "records" a un numéro unique (uid). Ici le paramètre appelé"id" prend la valeur"13"-et qui doit apparemment être l'uid de la page appelée"This week" dans l'arborescence des pages!
Plus loin vous pourrez voir que le contenu des pages (*2) est le même, si vous l’avez remarqué, que celui dans le cadre de droite du module de Page lorsque l'on clique sur le titre! Nous y retournerons.
Remarquez le titre de page (*3) - ici le titre de la page que nous avons vue affichée ("This week") mais la page parent dans l'arborescence des pages - " Results" est affichée aussi. Cela montre la logique de l'arborescence des pages - "This week" est la sous-page de la page "Results".
La dernière chose à remarquer est le menu dans le cadre de gauche. Il reflète clairement la hiérarchie que nous avons aussi vue dans l'arborescence des pages :
La mise en oeuvre technique des pages parents et enfants
C'est pour les gens qui veulent comprendre comment l’arborescence des pages travaille techniquement dans la base de données :
Techniquement le rapport entre une page et des sous-pages est établi par le champ appelé "pid" (id parent/id page) dans la table pages dans la base de données - le champ "pid" de la page "This week" contiendra la valeur de l’"uid" de la page appelée "Results".
En maintenant maintenez la souris sur l'icône de page "Results" pendant une seconde vous verrez que cet uid apparaît :
Cela nous dit que la page "Results" a l'uid "4". Nous savons que la page "This week" avait l'uid "13" (et les pages "Last week" et "Report results" ont les uids 12 et 11).
Si nous allons dans le module "phpMyAdmin", puis sur "pages" (qui contient tous les enregistrements des pages) nous devrions être capables de voir ce rapport tout à fait facilement :
Clairement les trois sous-pages "Results" ont pour valeur de "pid" "4" - comme nous nous y attendions.
A présent, vous savez que :
les pages (et tous les autres enregistrements) sont uniquement identifié par leur numéro "uid" - parfois appelé "id"
les pages (et tous les autres enregistrement) pointent vers leur page parente grâce au champ "pid".
Peut-être avez vous remarqué que quelques pages de l'arborescence n’apparaissent pas dans le menu du site Web ? Ces pages sont les suivantes :
Pas dans menu
La page "Log in" (*1) n’est pas affichée car elle a le type "Pas dans le menu"(Not in menu). C'est utile si vous voulez créer une page qui ne doit pas apparaître dans le menu. Vous pouvez tout de même avoir accès à la page en créant un lien manuellement - ou en tapant juste son numéro d'identification dans l'URL(l'adresse Internet) directement!
Le mode "Pas dans le menu" pour une page est affecté en éditant l’entête de page (Edit page header) :
Accès page limitée
Les pages "Team pages" (*2) ne sont pas visibles parce que l'accès en est limité. Cela signifie qu’elle ne s’afficheront que quand un utilisateur frontal se connecte. Il en est question plus tard dans ce didacticiel. Mais en bref, vous éditez l’entête de page et choisissez le groupe d'utilisateur auquel vous voulez permettre l'accès:
SysFolders / Dossier système- qu'est-ce cela ?
Enfin, les deux soi-disant "Dossier système" ne sont pas affichées (*3). Vous créez un "Dossier système" (sysfolder) comme vous avez créé une page "Absent du menu" - choisissez simplement "Dossier système" comme le type de page (voir précédemment).
Mais qu'est-ce que c'est que cela ? Et bien, par défaut les pages créées dans TYPO3 contiennent du contenu Web. Elles apparaissent dans le menu et peuvent avoir un titre dans 95 % des cas. Mais les pages peuvent aussi servir de conteneurs simples d’éléments de base de données qui n’ont par pour but d’être affiché. C'est à ça que servent les "Dossier système"! Utilisez-les comme des dossiers sur votre système de fichiers d'ordinateurs pour stocker des fichiers différents de façon organisée! De la même manière les "Dossier système" sont des dossiers qui organisent des éléments de base de données à l'intérieur de TYPO3!
Dans ce cas spécifique le "Dossier système" "Users" contient les utilisateurs Web qui peuvent se connecter sur le site . Vous pouvez voir le contenu du "Dossier système" en utilisant le mode "Liste" (qui est "l'Explorateur" à l'intérieur de TYPO3 ...) :
Raccourcis
En plus des types de page qui ne sont pas montrées dans le menu il y a aussi deux pages mystérieuses avec "une icône de raccourci" :
Un raccourci est une fonction qui, si vous avez une page vide (sans contenu), saute simplement à une autre page! C'est très commode si vous voulez toujours que le lien apparaisse dans le menu par exemple!
Dans notre cas la page "Home" saute à la page de départ et la page "Résults" à "This week". Essayez-le vous-même!
Vous créez des raccourcis en éditant le type de page. Pour la page "Home" vous avez :
Vous utilisez le Navigateur d'Éléments pour choisir la page à laquelle vous voulez vous référer. Le Navigateur d'Éléments est utilisé pour créer des relations entre des enregistrements et des fichiers dans les fenêtres TYPO3s. Vous pouvez lire plus de détails sur le Navigateur d'Élément ici.
Pour la page "Results" le raccourci est un peu plus fantaisiste – puisqu’il saute simplement à la première sous-page qu'il trouve! Dans notre cas il s’agit de la page "This week" :
"Mode Raccourci" est une option secondaire "au champ Raccourci vers page – ce qui signifie qu’elle n’est affichée que lorsque vous cliquez sur "More options ..." ou en activant "Show secondary options ...".
Aide directe!
Maintenant, que permettent de faire tous les autres types de pages ? Vous pouvez le découvrir directement si vous cliquez sur "?" Icône près du champ Type :
Alors une fenêtre comme cela surgit :
Elle est appelée Aide Contextuelle et peut être affichée pour presque tous les éléments dans TYPO3 où vous avez besoin d'une certaine information sur sa fonction! Utilisez la! C'est facile et rapide d’accès quand vous travaillez à l'intérieur du système!
Maintenant nous avons regardé l'arborescence des pages, vu comment l'arbre est reflété dans la hiérarchie de menu du site Web et comment les pages peuvent être vues etc.
La question suivante est - comment est organisé le contenu d’une page ? Revoyons la page "This week":
Le contenu de la page est composé de trois éléments, ici numérotés de 1 à 3. Et Comme chaque élément de contenu peut avoir un type différent vous pouvez créer des pages avec des structures très flexibles! Dans l'exemple, la page consiste en un élément de contenu de type " Texte", puis deux éléments de contenu de type " Table".
Note : TYPO3 - un CMS basé sur des éléments
Cette méthode de construction de pages est un concept fondamental dans la plupart des sites Web sous TYPO3. D’autres CMS utilisent cette méthode de création de pages aujourd'hui. Cela fait de TYPO3 UN CMS "à base d'élément". Cela donne beaucoup de flexibilité et permet de construire des pages de manière ordonnée - c'est un des objectifs d'un CMS! L’autre méthode est une approche plus fixée où une page a un nombre fixé de contenus - un pour le titre, le corps et l'image par exemple. TYPO3 peut le faire aussi (il peut tout faire tout ce que vous voulez) mais ce n’est très probablement pas votre but. Si vous avez quelques questions quant aux techniques de mise en oeuvre professionnelles pour des conceptions de modèle, des éléments de contenu, etc, regardez s'il vous plaît dans les didacticiels appelés "Modern Template Building", Part 1 et Part2+3. Notez s'il vous plaît que ces documents sont d’un niveau beaucoup plus complexe que celui-ci et vous devriez prendre les étapes les une après les autres vous êtes un débutant à TYPO3.
Ordre d'éléments de contenu
Bien, revenons aux éléments de contenu de la page Web; jetons un coup d'oeil au backend :
Essayez de réorganiser les éléments du backend en les déplaçant vers le haut :
Cela rapportera cet élément au sommet :
... et sur la page Web on obtient ceci :
Page parente des éléments de contenu
Cette partie concerne les gens qui veulent comprendre le côté technique des éléments de contenu et des pages :
Souvenez-vous que les enregistrements de page avaient un "pid", qui indique leur page parent ? Et bien, les enregistrements des éléments de contenu de page - et tous les autres enregistrements de base de données configurés pour le backend de TYPO3 l'ont aussi. En regardant dans le module phpMyAdmin à nouveau nous voyons que les contenus de pages avec uids 18-20 pointent tous vers l’uid de page "13" (l'uid de la page "This week") :
Et c’est logique!
