Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

TYPO3 : ​Intégration avec FLUID Template

Intégrer la page d'accueil et créer un nouveau layout

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez maintenant intégrer la page d'accueil de votre site. Alors, suivez les explications de votre formation et créez un nouveau layout.
02:45

Transcription

Maintenant que nous avons intégré nos pages de contenu, passons à l'intégration de la page d'accueil. Pour cet exercice, j'ai initialisé notre extension de skin avec un template spécifique pour la page d'accueil. J'ai donc lié ce template à mon backend, comme nous avons vu dans le chapitre précédent. Je dispose donc maintenant d'un nouveau template Home auquel je vais devoir ajouter un slider, trois zones de contenu et une zone de contenu principale. Commençons par le slider. Nous allons donc retourner dans notre maquette HTML afin de repérer la position du slider dans le code. Donc, je vois ici que mon carrousel débute ici, juste en dessous de mon menu, et juste avant la balise ayant pour classe container marketing. Je vais donc retourner dans mon extension, et chercher cette balise container marketing. Donc, je sais qu'elle se trouve dans le layout. Elle est ici. Mon slider va donc se trouver entre le menu et cette balise. Seulement, ce layout est également utilisé dans mes templates de contenu classique, et donc si j'ajoute mon slider ici, il va également apparaître sur mes sous-pages, ce que je ne veux surtout pas. Je vais donc devoir créer un nouveau layout. Nous allons donc le faire de ce pas. Je vais simplement dupliquer le layout par défaut. Donc, Ctrl + C, Ctrl + V, et je vais l'appeler non pas Home, mais « TopSlider », puisque c'est simplement un layout qui disposera d'un slider en haute page. Donc, pourquoi je ne l'appelle pas Home ? Parce que par la suite, je pourrai si je le souhaite l'utiliser dans d'autres templates. Donc, je fais Entrée, et je vais donc modifier ce nouveau layout. Donc, je peux fermer les autres. Il ne me reste maintenant donc plus qu'à placer le carrousel entre mon menu et mon div container marketing. Donc, pour vous faire gagner du temps, j'ai créé un partial, que j'ai placé dans Elements, qui se nomme Carousel. Je vais donc simplement appeler ce partial, donc « f:render »... ... « partial= »... ... « Element/Carousel ». Je sauvegarde. Il ne me reste maintenant plus qu'à dire à mon template Page d'accueil d'utiliser ce nouveau layout. Comme ceci, et je sauvegarde. Je vais maintenant pouvoir vérifier l'affichage frontend. Je recharge, et mon slider apparaît bien.

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 !