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

Ajouter une zone de contenu dynamique

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, vous allez apprendre à ajouter une zone de contenu dynamique à votre site. Suivez le guide.
03:32

Transcription

Maintenant que nous avons intégré les entêtes et pieds de page de notre site, Voyons comment afficher les contenus saisis dans le backend sur notre site. Pour cela, nous allons à nouveau utiliser une librairie TypoScript. Donc, je vais me rendre dans mon template par défaut, et appeler ici ma librairie. Donc, j'utilise une nouvelle fois le viewhelper cObject « f : cObject » avec la propriété « typoscriptObjectPath » « = » et maintenant je vais utiliser la ibrairie proposée par défaut par Typo3. « styles.content.get », et je ferme ma balise. Je sauvegarde, et je vais regarder le résultat. Je recharge ma page. Mon contenu apparaît bien. Si votre contenu n'apparaît pas, vérifiez que vous avez bien saisi un contenu dans votre colonne principale, et que le static fluid_styled_content est bien inclus dans votre site. Donc pour cela, vous vous rendez sur votre page d'accueil en mode template, en mode info, et ici vous éditez votre template et vous vérifiez vos inclusions. La ligne fluid_styled_content doit bien apparaître ici en première position. Une fois ceci fait, votre contenu devrait bien apparaître. Donc effectivement, utiliser styles.content.get fonctionne bien, mais le problème, c'est que je ne peux récupérer que la colonne principale de mon backend. Donc, si je retourne sur ma page 1, je vois ici que mon contenu se trouve dans la colonne normale. Comment faire si je veux récupérer un contenu qui se trouve dans la colonne de gauche ? Donc pour cela, j'ai ajouté à notre skin une librairie nommée lib.dynamicContent qui va vous permettre de sélectionner la colonne que vous souhaitez afficher. Donc, je vais remplacer styles.content.get par lib.dynamicContent. Donc, je copie, et je remplace ici. Et maintenant, nous allons découvrir une nouvelle propriété du viewhelper cObject qui s'appelle « data » « = ». Et je vais lui donner comme paramètre un tableau, qui aura comme clé « colPos » « colPos » qui correspond à la position dans le backend. Et donc ici, je souhaite récupérer ma colonne de gauche. Donc, ce sera la « colPos 1 ». Je ferme mon accolade, et je sauvegarde. Je vais pouvoir maintenant vérifier si mon contenu apparaît toujours. Donc, je recharge mon frontend. Effectivement, il apparaît toujours alors que je l'ai déplacé dans la colonne de gauche. Donc, il faut savoir que par défaut dans Typo3, les colonnes sont numérotées de la manière suivante. La colonne normale sera toujours la colonne numéro zéro. La colonne gauche sera la colonne 1, droite, numéro 2, et border, numéro 3. Dans notre cas, notre template de contenu n'a besoin que d'une seule zone. Nous allons donc utiliser la colonne 0. Et donc, je vais pouvoir tout simplement supprimer le paramètre data, et donc, par défaut, c'est la colonne 0 qui sera récupérée. Donc, dans la cas de l'intégration de notre page de contenu, il n'est pas indispensable d'utiliser cette librairie, étant donné que nous n'utilisons que la zone principale. Cependant, vous allez voir qu'elle nous sera très utile lors de l'intégration de la page d'accueil.

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 !