Haythem Labbassi : Dévelopeur Web TYPO3

Blog d'un développeur web Tunisien, connaissance approfondie en PHP, MySQL, Ajax, CMS (Typo3, Magento, Joomla, Xoops, WordPress, Drupal, Bootika…)


Cet article explique le fonctionnement de l’extension RandomImage qui permet d’afficher une image aléatoire dans une page.

Tout d’abord, il faut stocker les images dans un répertoire sous fileadmin, par exemple fileadmin/randomimages. Ensuite, il faut ajouter le code typoscript suivant :


includeLibs.tx_ccrandomimage = EXT:cc_random_image/pi1/class.tx_ccrandomimage_pi1.php

lib.imagerandom = USER_INT
lib.imagerandom {
userFunc = tx_ccrandomimage_pi1->main

path = fileadmin/randomimages/
fileExt = jpg,jpeg,gif,png

renderObj = IMAGE
renderObj {
file = ###FILE_1###
width = 500
height = 250
}
}

Enfin, il faut ajouter le template statique de l’extension cc_random_image dans « Include static (from extensions) » de notre gabarit.

Télécharger l'extension RandomImage

TYPO3 4.3
La version finale de TYPO3 4.3 est disponible en téléchargement, cette nouvelle version apporte plusieurs améliorations au niveau frontend et backend. Parmi les améliorations je cite :

  • L’amélioration du formulaire de connexion au backend
  • Envoi massif de fichier
  • Intégration du nouveau moteur de templating Fluid
  • Intégration de Ext JS
  • Intégration de Extbase pour la programmation MVC
Télécharger TYPO3 4.3

Pour comprendre l'évolution des navigateurs Internet à travers le temps, une seule image suffit…

C'est une extension alternative à indexed search compatible uniquement avec les versions antérieures à la version 4.3


Selon des tests réalisés par le site AnandTech, selon votre configuration (processeur Intel, AMD, netbook…), le navigateur de Microsoft peut vous permettre de surfer plus longtemps lorsque vous utilisez votre portable sur sa batterie. Et il est par contre fortement déconseillé d’utiliser Safari dans le même cas car il aspire l’autonomie de votre portable très rapidement.



Voici aussi tableau au sein duquel les fonctionnalités d'IE8 sont comparées à celles de Firefox et de Chrome. Ce tableau est publié sur le site Microsoft.


Voici les sites constituant le cercle du No Life:

  • le format de syndication de contenu RSS

  • la plateforme de partage de photos Flickr

  • le réseau social Facebook

  • le service de messagerie Gmail

  • le service de (micro)blogs Tumblr

  • la plateforme de blogs Blogger

  • le service de microblogging Twitter
Selon moi, les sites constituant le cercle de No Life pour moi sont:

En utilisant le formulaire de contact standard de TYPO3, on ne trouve pas une case à remplir pour configurer l’adresse email de l’epéditeur. J’ai trouvé une astuce qui peut étre interessante pour certains d’entre vous.


L’astuce est de créer un champ de type “input field” et qui a comme nom “email”, ce champ va être utiliser par la suite comme adresse d’expéditeur, TYPO3 gère ça d’une façon automatique.

Au moment de génération de la page HTML, il y a un ancre qui se crée automatiquement avant chaque bloc de contenu qui ressemble à ça : <a id="c505312"></a>


Pour enlever les ancres, il suffit de paramétrer ton template comme souhaité

#**********************************
# tt_content is started
#**********************************
tt_content >
tt_content = CASE
tt_content.key.field = CType
tt_content.stdWrap {
...

dataWrap = <a id="c{field:uid}"></a> |
...

}

et voila ;)


Powermail est une extension trés puissante et qui répond a tous les besoins de ces utilisateurs, en utilisant la configuration par défaut de Powermail, j'ai remarqué que même aprés envoi de formulaire, les données envoyées restent toujours dans les champs, ce qui nécessite le vidage de session aprés toute envoi de formulaire.

Deux méthodes sont possibles:
- Soit en mettant dans le constant du template de Powermail: plugin.powermail.clear.session = 1
- Soit en modifiant dans le "Constant Editor" du « PLUGIN.POWERMAIL_ADDITIONALCONFIG (37) » la valeur de Clear Session




L'astuce consiste à utiliser firebug sous Internet Explorer, voici le code a mettre dans la barre de navigation pour que firebug se charge dans le navigateur:

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);


Un article décrit une procédure pour optimiser l'administration de TYPO3 : optimiser l'administration de TYPO3.


Le rédacteur du site TYPO free se base sur les recommandations Yahoo! et de l'extension Yslow pour tenter d'améliorer le temps de réponse du backend.

Lire l'article


Fluid (anciennement BEER3) le nouveau moteur de template qui risque de devenir indispensable dans les prochains mois. Le projet BEER3 trouve son appellation définitive.

C'est vrai que bière, comme nom de projet, ça fait pas très sérieux.


Adresse du projet Fluid


TypoGento Le projet d'intégration de Magento dans TYPO3. Magento étant une solution e-commerce particulièrement appréciée en ce moment.

Créé par la société californienne Varien, Magento s'est positionné pour être un concurrent à toutes les solutions e-commerce gratuites disponibles.


Adresse du projet TypoGento

En fonction du nombre de niveau qu’a votre arborescence, vous vous êtes peut-être déjà retrouvé dans l’obligation de devoir scroller horizontalement pour voir votre arborescence dans son entier. Comme pour la précédente astuce, il est possible toujours via une petite ligne de TS de rendre la frame de l’arborescence redimensionnable. Vous pouvez aussi en déterminer la largeur (en pixels) par défaut.
Pour se faire, éditer votre compte d’administrateur (ou le compte de votre choix) et insérer le code suivant dans le champ “TS Config“ :


// Rendre l'arborescence redimensionnable
setup.override.navFrameResizable = 1


// Modifier la largeur par défaut de l'arborescence
setup.override.navFrameWidth = 400

Pour avoir plus de détails, veuillez consulter la documentation TSConfig


Lorsqu’on doit configurer une extension TYPO3, ont doit parfois indiquer en TypoScript (TS) l’ID de la page qui par exemple contient des enregistrements utilisés pour une recherche. Or, quand on travaille avec une arborescence à 8000 pages, ça peut vite devenir une perte de temps que de constamment balader sa souris sur l’icône de page pour en récupérer l’ID. Grâce à une petite ligne de TS, on peut afficher l’ID de la page avant le titre de la page dans l’arborescence.


Pour se faire, éditer votre compte d’administrateur (ou le compte de votre choix) et insérer le code suivant dans le champ “TS Config“ :

options.pageTree.showPageIdWithTitle = 1

Pour avoir plus de détails, veuillez consulter la documentation TSConfig

Une nouvelle mise à jour est sortie hier soir, voici 2 nouvelles versions stables de TYPO3 sont disponibles en téléchargement sur le site typo3.org, TYPO3 4.2.5 pour ceux qui utilisent PHP5 et TYPO3 4.1.9 pour ceux qui utilisent PHP4, cliquez en dessous pour voir les spécifications de ces mises à jour.

TYPO3 4.1.9
TYPO3 4.2.5


Vous pourrez télécharger toutes les versions de TYPO3 ici:
Télécharger TYPO3

Le flexform est un outil très pratique car il vous permet de configurer votre extension en Backend pour chaque instance de celui-ci. De plus, sa mise en place est simple et les possibilités quasi illimités.

Pour le mettre en place, rendez-vous dans un premier temps dans le fichier “ext_tables.php” sous le répertoire de l'extension, il suffit d'ajout 2 lignes de code juste avant le IF final pour faire appel au fichier XML.
...

//Ajout du flexform pour le pi1 - begin
$TCA["tt_content"]["types"]["list"]["subtypes_addlist"][$_EXTKEY."_pi1"]="pi_flexform";
t3lib_extMgm::addPiFlexFormValue($_EXTKEY.'_pi1', 'FILE:EXT:'.$_EXTKEY.'/flexform_pi1.xml');
//Ajout du flexform pour le pi1 - end

if (TYPO3_MODE=="BE") ...

Suite à cela, créer le fichier dans le répertoire correspondant (exemple: $_EXTKEY.’/flexform_pi1.xml’). Pour la syntaxe des tags utilisés dans le fichier flexform, reportez vous au wiki typo3.

wiki.typo3.org

Voila un script qui peut être utile pour certains traitements et qui est peu relayé. Cette classe permet de décompresser le contenu d’un fichier t3x dans un répertoire du même nom.

Cliquez-ici pour télécharger le fichier

Dans ce fichier, le script est sous la forme d’un script bash linux (.sh), mais il suffit de retirer le “#!/usr/bin/php” du début de fichier pour l’utiliser dans n’importe quel script PHP.


Créer un blog sous TYPO3 est devenu possible grâce à la nouvelle extension qui est apparue sur le TER fin 2008. Cette extension s'appelle « T3Blog ». De ce jour, pas besoin de s'orienter vers une solution de type Wordpress. Cette extension est une solution complète qui contient l'affichage des articles, des commentaires pour chaque article, une calendrier d’affichage des articles et pleins d'autres surprises à découvrir avec T3Blog.


Télécharger T3Blog

Inscription à : Articles (Atom)