TYPO3 : ​Intégration avec FLUID Template

Utiliser les variables

Testez gratuitement nos 1270 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous aurez très probablement besoin d'afficher des données sur votre site telles que le titre de la page, le nom de l'utilisateur connecté, la date de création, etc. Apprenez à le faire en utilisant les variables.
05:04

Transcription

Nous allons dans cette vidéo apprendre à utiliser les variables Fluid. Donc, l'utilisation des variables est le premier élement qui va vous permettre de dynamiser l'affichage de votre site. Dans un premier temps, il faut savoir que Typo3 va mettre à disposition dans un objet nommé data toutes les variables associées à la page. Donc, ce qui va vous permettre, par exemple, d'afficher le titre de votre page. Donc ici, je vais créer un objet h1 qui va être le titre principal de ma page. Et donc pour utiliser les variables j'utilise une accolage ouvrante. Donc, j'appelle mon objet « data » « . » « la propriété que je souhaite afficher », donc ici, c'est le titre de la page, donc title, et je mets une accolade fermante. Je peux maintenant sauvegarder mon template et retourner voir l'affichage de mon site. Donc, comme d'habitude je vide les caches, et je recharge la page. Voilà, donc, je vois bien apparaître ici le titre de ma page. Étant donné que je suis sur la page d'accueil, c'est le titre accueil qui apparaît, mais si, par exemple, j'affiche la page 1, Voilà, je vois bien le titre page 1 qui apparaît. Donc, de cette manière, vous allez pouvoir afficher n'importe quelle propriété de la page courante. Par exemple, vous allez pouvoir également afficher l'id de votre page en utilisant data.uid... ... ou même la date de création de votre page... ... data.crdate... ... que je vais mettre dans des balises pour les séparer. Donc là, je vais utiliser le raccourci. Mais j'ai juste tapé div et j'ai fait Tab, ce qui m'a créé les accolades ouvrante et fermante. Voilà donc, je vais déplacer ma balise fermante... ... et faire de même pour l'uid. Voilà, je sauvegarde, et je vais retourner sur le frontend... ... une nouvelle fois vider les caches... ... et recharger ma page. Je vois bien apparaître ici, l'id de ma page et la date de création. Nous verrons plus tard comment formater cette date pour l'afficher au bon format. Maintenant que vous savez comment récupérer les données de la table page, voyons comment définir nos propres variables. Donc, nous allons maintenant retourner dans la définition de notre TypoScript... ... et utiliser... ... les variables. Donc, j'utilise pour ça un objet variables que je vais alimenter de mes variables, que je vais appeler, par exemple... ... variable1... ... =... ... un objet TEXT... ... et je vais attribuer à cet objet texte, une valeur... ... variable1.value... ... =... ... Ma première variable. Je sauvegarde, et je retourne dans mon template. Maintenant, je vais pouvoir afficher ma première variable, en utilisant tout simplement... ... {variable1. Je ferme l'accolade, et je sauvegarde. Je retourne ensuite sur mon frontend. Je vide le cache, et je recharge. Je vois apparaître ici le texte de ma variable. Donc, comme vous le voyez, cette méthode est très pratique puisqu'elle va vous permettre d'afficher le résultat de n'importe quel objet TypoScript, voire de récupérer n'importe quelles données qui ne se trouveraient pas dans la table page. On peut, par exemple, imaginer afficher le nombre d'utilisateurs connectés ou bien le titre de la page parent qui définirait la rubrique dans laquelle nous nous trouvons. Donc, affichons maintenant le titre de la page parent. Donc, je vais définir une nouvelle variable que je vais appeler rubrique... ... qui sera encore un objet TEXT... ... et j'utilise rubrique.data, cette fois... ... et la propriété leveltitle... ... :0... ... qui va me permettre de récupérer le titre de la page parent. Donc, je vais maintenant pouvoir afficher ma variable dans mon template. Donc, je retourne dans mon template... ... à côté de mon titre... ... je vais pouvoir créer, par exemple, une balise strong... ... dans laquelle je vais afficher ma rubrique. J'ajoute un espace. Je sauvegarde et je peux maintenant retourner sur mon frontend. Je vide les caches, et je recharge. Voilà, je vois bien apparaître le nom de la page parent.

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 !