TYPO3 : ​Intégration avec FLUID Template

Comprendre son site avant de l'intégrer

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La première chose à faire avant de débuter l'intégration est de comprendre les différents éléments à intégrer. Renan Gautier vous montre comment découper votre site en zones pour faciliter l'intégration.
03:00

Transcription

Passons maintenant à un cas concret d'intégration. L'objectif de ce chapitre va être d'intégrer un site complet contenant deux templates d'affichage différents. Nous allons donc intégrer une page d'accueil que vous voyez ici, et ensuite, une sous-page qui sera une page de contenu que vous pouvez voir ici. Donc, la première chose à faire avant de commencer l'intégration va être de repérer les zones à intégrer. Commençons par analyser la page d'accueil. La première chose que je vois dans ce template, c'est un menu qui se trouve ici. Donc, si je regarde un peu plus précisément, Je trouve dans ce menu deux éléments. Un élément ici qui va pouvoir être le titre ou le logo de mon site, et cet élément-là qui sera le menu de mon site. Si je continue, je trouve ici un carrousel d'images. Ce carrousel pourra être au choix une zone de contenu qui ne pourra contenir que des carrousels, ou alors il pourra être généré automatiquement en récupérant les images que vous aurez insérées dans l'onglet Ressources de votre page. Dans cette situation, ça va être à vous de choisir la méthode d'intégration en fonction de vos besoins ou des besoins de votre client. Si je continue de descendre dans ma page, je trouve ici trois colonnes. Ces trois colonnes seront tout simplement intégrées sous forme de trois zones de contenus différents. En descendant encore plus bas, je trouve ici un nouveau contenu qui sera représenté par une nouvelle zone de contenu. Pour finir, nous avons ici un pied de page qui va contenir trois éléments. En premier lieu, nous avons un copyright, deux liens qui pourront être un menu de type directory et un lien « Retourner en haut » de page. Voilà pour la page d'accueil. Nous allons donc mettre en lien ces zones avec la découpe template/layout/partial que nous avons vue dans le chapitre précédent. Donc, si je repère ces zones, je retrouve bien le layout qui va être le conteneur global de mon site. Ce layout va contenir également mes partials de menu et de pied de page. Je vais ensuite retrouver mon template avec mes différentes zones de contenu. Donc ici, ça pourra être mon slider, mes trois colonnes de contenu, puis ma zone de contenu principale. Voyons maintenant la page de contenu classique. Refaisons ce découpage de zones. Ici, je vais retrouver mon menu, donc à l'identique de ma page d'accueil. Si je descends dans ma page, je constate que je n'ai qu'une seule zone de contenu. Puis en descendant encore un peu, je retrouve ici mon pied de page. Cette page est donc beaucoup plus simple que la page d'accueil, et sera donc beaucoup plus facile à intégrer. Si nous reprenons le découpage par zones, nous retrouvons bien le layout qui encadre tout notre site, nos deux partials de menu et de pied de page et une zone de contenu principale contenue dans le template.

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 !