Création du modèle avec TemplaVoilà!

Avant toute chose, nous allons préparer le modèle TYPO3. Il suffit pour cela de cliquer sur le lien « Template » dans le menu de TYPO3 et de remplir les différents champs d’information (titre, …).

Dans la section Setup, taper :

# Default page object
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

Dans la partie Constants, taper :

# We want absolute no target attribute as it is not XHTML-strict
# compliant and I really don't like new windows (_blank target) !
lib.parseFunc.tags.link.typolink.target >
PAGE_TARGET =
styles.content.links.extTarget =
styles.content.links.target =
content.pageFrameObj =
styles.content.mailform.target =
styles.content.searchresult.resultTarget =
styles.content.searchresult.target =

En éditant le « general template record », ajouter le modèle statique css_styled_content.

Utilisation de TemplaVoilà!

La documentation officielle pour créer un modèle de site avec TemplaVoilà! et très bien détaillée ; je ne vais donc pas la réécrire ici. Vous pouvez lire  le tutoriel officiel ou E ce tutoriel (anglais) qui décrit étape par étape comment prendre en main TemplaVoilà! Le but à atteindre étant quelque chose comme ceci pour le site lui-même :

Et voilà à quoi peut servir la définition de Flexible Content Elements… Lorsque vous créez un nouveau bloc de contenu, en plus des types classiques comme « texte » ou « texte avec images », vous aurez (dans mon cas):

En choisissant un type de contenu « Portfolio », créé spécialement pour mon site, vous pouvez avoir un formulaire de saisie des informations utiles comme celui de la copie d’écran ci-dessous et obtenir automatiquement le portfolio de la rubrique Internet.

Utilisation du champ Header dans un Flexible Content Element

Vous avez peut-être essayé en vain d’associer un élément TemplaVoilà au champ Titre (Header) de votre bloc de contenu ?

L’astuce est de choisir un type d’élément invisible, de l’associer au fichier HTML contenant le Flexible Content Element puis de modifier le contenu XML du DataStructure pour définir un bout de code TypoScript.

Code à placer dans la partie DS (XML)

<TypoScript>
    10 = TEXT
    10.data = register:tx_templavoila_pi1.parentRec.header
</TypoScript>

New Content Element Wizard

Did you know that the new content element wizard may be configured to show tabs instead of a huge list of elements?

Simply add following TypoScript this to your page TS and enjoy!

templavoila.wizards.newContentElement.renderMode = tabs

Unlink vs Delete

You may have noticed that whenever you want to delete a content element, you have in fact an “unlink” button instead and that your deleted element was not deleted after all but moved to the “non-used elements” of your page (after all you clicked on unlink not delete, right?).

Quoting Tolleiv Nietsch (current leader of TemplaVoilà) [ reference]:

The “delete” icons can be enabled in with two “modes” in User- or PageTSConfig:

mod.web_txtemplavoilaM1.enableDeleteIconForLocalElements = 1

will show unlink and delete icons for local elements side-by-side

mod.web_txtemplavoilaM1.enableDeleteIconForLocalElements = 2

will show the delete icon and hide the unlink icon whenever possible

With the last setting the unlink icon will still appear for local elements if they’re used more than once on the current page — otherwise you wouldn’t be able to remove a single reference to the element.

If a element is referenced from other locations the confirm-dialog also shows a different message. The Refindex is used for this lookup.

Flattr