TYPO3 : ​Intégration avec FLUID Template

Définir les zones de contenu

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Poursuivez l'intégration de la page d'accueil de votre site. Associez les zones de contenu backend à votre template frontend.
03:54

Transcription

Pour terminer, nous allons maintenant intégrer les quatre zones de contenu de notre page d'accueil. Donc, comme d'habitude, commençons par nous rendre dans notre maquette HTML afin de repérer ces zones de contenu. Donc, je retrouve ici mon carrousel. Ici va débuter ma zone de contenu et ici je trouve mes quatre zones de contenu. Donc, ici la zone du bas, qui sera la zone de contenu principale, la zone de droite, et la zone de gauche. Je vais donc récupérer le code. Je le copie, et je vais l'insérer dans mon template. Donc, je retrouve ici mon template, et je remplace le contenu de ma section par le contenu copié. Nous allons sauvegarder et vérifier que tout est OK. Donc, je recharge la page. Je vois bien apparaître le contenu copié. Il va maintenant me suffire d'associer ces différentes zones à mes zones en backend. Pour cela, je vais retourner dans mon template, et remplacer les textes par défaut par ma librairie qui va me permettre de récupérer le contenu. Donc, cette librairie, souvenez-vous, c'est la librairie lib.dynamicContent. Donc, j'utilise le viewhelper qui me permet d'appeler un objet TypoScript... ... « ="lib.dynamicContent" »... ... et donc ici, je souhaite récupérer la colonne 1 puisque je suis dans ma colonne secondaire gauche. Donc, « colPos »... ... « :1 ». Je ferme ma balise. Je vais maintenant copier le viewhelper et faire la même chose dans les autres zones. Je le colle. Ici, je vais récupérer la colonne 2... ... et ici... ... la colonne 3. Donc, mes trois colonnes sont intégrées. Je vais maintenant intégrer la colonne principale. Et donc ici, je n'ai pas besoin de l'attribut data étant donné que je récupère la colonne 0. Je sauvegarde. Je vais maintenant retourner sur mon site, et recharger. Donc ici évidemment, rien n'apparaît puisque je n'ai pas de contenu en backend. Donc, je vais créer du contenu. Donc, j'ajoute un élément texte et média. Je vais appeler ce contenu « Contenu 1 »... ... et je vais récupérer du texte sur ma classe statique. Donc, je colle ce texte dans ma zone de contenu. Je le nettoie de tout le HTML... ... et je peux sauvegarder et fermer. Je vais faire de même pour les autres zones... ... « Contenu 2 »... ... et « Contenu 3 ». J'ai ajouté mes trois contenus. Je vais maintenant ajouter du contenu dans ma zone principale. Je vais copier également ce contenu... ... je l'ajoute... ... donc, « Contenu principal ». Je nettoie toutes les balises HTML, pour éviter d'avoir des styles parasites... ... et je peux enregistrer et fermer. Ici, je remplis toutes mes zones de contenu. Donc, tous ces contenus devraient apparaître sur mon frontend. Donc, je retourne en frontend, et je recharge. Mes contenus apparaissent bien. Vous avez maintenant terminé l'intégration de votre site.

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 !