TYPO3 : ​Intégration avec FLUID Template

Définir des back-end layouts

Testez gratuitement nos 1304 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Ici, vous allez apprendre à définir différents affichages back-end correspondant aux zones utilisées en frontend.
04:54

Transcription

Nous allons maintenant voir comment définir des templates d'affichage backend. Ces templates d'affichage backend vont nous permettre d'obtenir la même disposition des contenus en backend comme en frontend. Rappelez-vous, nous avions défini que pour notre template de contenu, nous avions besoin d'une seule zone de contenu. Et pour ce qui est de la page d'accueil, nous avions convenu que nous aurons besoin de quatre ou cinq zones de contenu. Donc, dans notre cas, nous allons considérer que le slider n'est pas une zone de contenu. Nous aurons donc besoin de quatre zones de contenu pour la page d'accueil Voyons maintenant comment créer ces zones de contenu. Donc, nous allons retourner dans le backend. Et pour cela, je vais créer un dossier de stockage sous ma page d'accueil, que je vais appeler Stockage. Et je l'active. Dedans, je vais créer mes backend layouts. Donc, pour cela, je passe en mode liste, et je clique sur le bouton « + » qui est ici, et je sélectionne backend layout. Ici, je vais saisir le titre de mon backend layout. Donc, pour le premier, ce sera « Page de contenus », et je vais ensuite utiliser le Wizard à ma disposition pour créer mon backend layout. Donc, je clique sur l'icône ici. Ici, je n'ai besoin que d'une seule colonne. Donc, je vais simplement modifier le nom de cette colonne, que je vais appeler « Contenu principal », et qui aura pour numéro de colonne zéro. Je sauvegarde. Je sauvegarde à nouveau, et je ferme. Je peux également saisir une description pour ce backend layout. Donc, je vais dire « Backend layout utilisé... ... pour les pages de contenus ». Je peux ensuite sauvegarder. Créons maintenant le backend layout lié à la page d'accueil. Donc, je peux cliquer maintenant sur le petit « + ». Je saisis le titre, donc, « Page d'accueil »... une description... ... « Backend layout utilisé... ... pour la page d'accueil »... ... et je vais ensuite configurer mon backend layout. Donc ici, nous avons besoin de quatre zones de contenu. Donc, trois zones de contenu situées l'une à côté de l'autre, plus une zone de contenu en dessous. Donc, je vais ici cliquer sur la flèche Add column, Pour ajouter deux colonnes. Je vais ensuite ajouter une colonne en dessous, et fusionner les trois cellules. L'affichage correspond maintenant à ce dont j'ai besoin. Je vais donc pouvoir saisir le nom de mes colonnes. Donc, je vais considérer que la colonne du bas est ma colonne principale. Donc, je vais l'appeler « Contenu principal »... ... et donc elle aura pour identifiant zéro. Je vais ensuite saisir les noms de mes autres colonnes. Donc, « Contenu secondaire gauche ». Je vais lui appliquer l'id 1. Ensuite, « Contenu secondaire centre »... ... id 2... ... et « Contenu secondaire droit »... ... id 3. Je peux sauvegarder et fermer mon backend layout. Je vais maintenant appliquer ce backend layout à mes pages. Pour cela, je vais simplement me rendre sur la page d'accueil, faire un clic droit... ... Edit. Ensuite dans l'onglet Appearance, je vais pouvoir sélectionner les backend layouts souhaités. Donc ici, j'ai le backend layout de la page courante, donc, this page only. Je suis sur la page d'accueil où je souhaite utiliser le backend layout Page d'accueil. Et ensuite, je peux sélectionner les backend layouts souhaités pour les sous-pages de cette page. Je vais donc choisir ici Page de contenus. Je sauvegarde, et je vais vérifier l'affichage backend. Donc, je retrouve bien sur la page d'accueil mes trois zones secondaires et ma zone principale, puis sur mes sous-pages, ma zone principale.

TYPO3 : ​Intégration avec FLUID Template

Apprenez à intégrer avec FLUID, le langage officiel de templating de TYPO3. Passez de la méthode classique des markers vers FLUID, et abordez les bonnes pratiques.

1h36 (24 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
TYPO3 6
Spécial abonnés
Date de parution :16 juin 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !