«Patch v2.1» Kit de Publication v2.1 Date modification : 25/05/2009 Kit de Publication Page 1 sur 16
Table des matières 1 OBJET..2 2 PRÉ-REQUIS D'INSTALLATION2 3 CONTENU DU PATCH.2 4 CHANGELOG..3 5 TÉLÉCHARGER LE PATCH V2.1.4 6 PROCÉDURE DE MISE À JOUR.4 6.1 Mise à jour des templates html, des feuilles de styles et de la base de données..4 6.2 Modification des templates..4 6.2.1 template «Gabarit root».5 6.2.2 template «+ext» newsletter..6 6.2.3 template «+ext» dans l'intranet..7 6.2.4 template «+ext» dans l'extranet..7 6.2.5 template «SmoothGallery».8 6.2.6 template «PageComments»9 6.2.7 template «Redéfinition d'éléments».10 6.2.8 template Ics_Awstats12 6.2.9 template News.12 6.2.10 template tt_address.14 7 FINALISATION DE L'INSTALLATION16 1 OBJET Ce document a pour but de décrire la procédure de mise à jour du kit de publication en version 2.1. 2 PRÉ-REQUIS D'INSTALLATION Disposer d'une installation fonctionnelle du kit de publication en version 2.01 datée du 21/10/2008 (vous pouvez vérifier ce pré-requis en vous connectant à l'adresse suivante : http://ip_ou_nom_de_domaine/typo3conf/version.php) Accès à la machine en ligne de commande. Accès FTP ou SSH Disposer d'un compte de backend avec le droit «administrateur». Remarque : Afin de prévenir d'éventuels problèmes lors de la mise à jour du kit de publication, il est fortement recommandé d'effectuer une sauvegarde de votre site (base mysql + fichiers) 3 CONTENU DU PATCH Ce patch comprend la mise à jour : des feuilles de style CSS de templates Typoscript du changelog d'objets templavoila (structure du site) Date modification : 25/05/2009 Kit de Publication Page 2 sur 16
4 CHANGELOG Voici la liste des corrections apportées sur cette nouvelle version : Affichage des légendes photos avec Smooth Gallery : augmentation de la taille de la police - Mantis 0000553 Correction affichage du mode liste de l'agenda en page d'accueil extranet - Mantis 0000602 Correction de l'infobulle "answer" -> "répondre" pour le plugin de commentaires - Mantis 0000589 Modification des classes "vertclair", "vertfonce" en "clair" et "fonce" + affichage en nuances de gris dans l'éditeur de texte - Mantis 0000601 Suppression de la prise en compte des pages de type Newsletter dans le plugin affichant les pages récemment mises à jour - Mantis 0000597 Suppression des liens sur les feuilles de styles dans les objets TemplaVoilà -> paramétrage des feuilles de styles dans les gabarits des pages d'accueil internet, extranet et intranet - Mantis 0000409 Correction de l'affichage du contenu Texte + Image (alignement des images par rapport au texte) - Mantis 0000686 Correction affichage url des "pages vues" dans les statistiques AwStats - Mantis 0000631 Correction de la redirection après authentification en frontend - Mantis 0000743 Modification de la valeure par défaut de la propriété "show" dans l'enregistrement tt_address (non cochée) - Mantis 0000719 Ajout de paramétrage sur les tailles d'image en pop up dans les actualités - Mantis 0000401 Date modification : 25/05/2009 Kit de Publication Page 3 sur 16
5 TÉLÉCHARGER LE PATCH V2.1 Télécharger le fichier situé à l'adresse suivante : http://www.atolcd.com/echange/kit_publication/maj_kit.sh 6 PROCÉDURE DE MISE À JOUR 6.1 MISE À JOUR DES TEMPLATES HTML, DES FEUILLES DE STYLES ET DE LA BASE DE DONNÉES Copier le fichier «maj_kit.sh» dans le répertoire racine de l'installation du kit de publication (soit /var/www/kitpublication/) En ligne de commande Linux : cd /var/www/kitpublication/ sh maj_kit.sh NB : Attention, cette procédure part du principe que le kit de publication est installé dans le répertoire /var/www/kitpublication le chemin d'installation peut différer selon les serveurs. 6.2 MODIFICATION DES TEMPLATES Cette mise à jour impose la modification de Typoscript afin de répondre aux dernières corrections apportées sur le kit de publication. Dans ce chapitre, vous trouverez : Des éléments surlignés en vert : il s'agit d'instructions qui sont à ajouter à votre template. Des éléments surlignés en jaune : il s'agit d'instructions à supprimer du template. La chaine de caractères indique qu'il s'agit d'un extrait du template et qu'il existe des instructions avant ou après. Attention, vos modifications sont à valider en cliquant sur le bouton Date modification : 25/05/2009 Kit de Publication Page 4 sur 16
6.2.1 template «Gabarit root» Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Sélectionner le template «Gabarit root» dans la liste. page.10 = USER page.10.userfunc = tx_templavoila_pi1->main_page [globalvar = TSFE:loginUser = 0] && [PIDinRootline = {$page_protegees_sans_connexion.pids] page.100 = TEXT page.100.value = {$page_protegees_sans_connexion.message page.100.wrap = <div class="erreur-connection"> </div> [global] # Admin Panel page.config.admpanel = 1 page.includecss { file1 = fileadmin/templates/admpanel.css filecal = fileadmin/templates/cal.css filesitemap = fileadmin/templates/sitemap.css filerss = fileadmin/templates/rss.css filerecherche = fileadmin/templates/recherche.css filetagcloud = fileadmin/templates/tagcloud.css filesitemap = fileadmin/templates/sitemap.css chartegraphique = fileadmin/templates/styles_internet.css Toujours dans le setup, supprimer : # corrections du contenu text + image ==> l'image dépasse des cadres orange, olive tt_content.textpic.20 > tt_content.textpic.20 =< tt_content.image.20 tt_content.textpic.20 { text.10 = COA text.10 { if.value = 24 Date modification : 25/05/2009 Kit de Publication Page 5 sur 16
if.isgreaterthan.field = imageorient 10 = < lib.stdheader 10.stdWrap.dataWrap = <div class="csc-textpicheader csc-textpicheader-{field:imageorient"> </div> text.20 = < tt_content.text.20 text.datawrap = <div class="csc-textpic-clear"></div> Éditer les constantes (bouton en forme de crayon à gauche de «Constants») : # Texte affiché en infobulle lors du survol de la souris sur le logo Chambre lib.config.infobullelogo = Chambre d'agriculture de Cote d'or pids_pages_protegees = page_protegees_sans_connexion { pids = 470,467 message = Vous devez vous authentifier pour accéder à cette page 6.2.2 template «+ext» newsletter Cliquer sur le dossier système «Newsletter» dans l'arborescence de pages Sélectionner le template «+ext» Éditer les constantes (bouton en forme de crayon à gauche de «Constants») : plugin.tt_news.file.templatefile = fileadmin/templates/template_news/tt_news_newsletter.html lib.config.imagenewsletter = fileadmin/templates/images/newsletter/logo.jpg lib.url_img2 = TEXT lib.url_img2.value = height: 21px; background: url({$lib.config.urlfileadmin/templates/images/newsletter/bg_big.jpg) center 2px no-repeat; lib.url_img2.insertdata = 1 lib.url_img3 = TEXT lib.url_img3.value = {$lib.config.imagenewsletter lib.url_img3.insertdata = 1 page.config.tx_m1_google_analytics > Date modification : 25/05/2009 Kit de Publication Page 6 sur 16
6.2.3 template «+ext» dans l'intranet Sélectionner la page d'accueil Intranet («Intranet xxx») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» page.includecss { filerss = fileadmin/templates/rss_intra.css filetagcloud = fileadmin/templates/tagcloud_intra.css filecal = fileadmin/templates/cal_intra.css chartegraphique = fileadmin/templates/styles_intranet.css 6.2.4 template «+ext» dans l'extranet Sélectionner la page d'accueil Extranet («Extranet xxx») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Date modification : 25/05/2009 Kit de Publication Page 7 sur 16
page.includecss { filerss = fileadmin/templates/rss_extra.css filetagcloud = fileadmin/templates/tagcloud_extra.css filecal = fileadmin/templates/cal_extra.css chartegraphique = fileadmin/templates/styles_extranet.css 6.2.5 template «SmoothGallery» Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Sélectionner le template «SmoothGallery» dans la liste. plugin.tx_rgsmoothgallery_pi1 { pathtojdgallerycss = fileadmin/templates/jd.gallery.css pathtoslightboxcss = fileadmin/templates/slightbox.css lightbox2.file.20 { # Configuration du texte inséré dans l'image affichée initialement text.notrimwrap = (c) - Chambre d'agriculture de Cote d'or Date modification : 25/05/2009 Kit de Publication Page 8 sur 16
6.2.6 template «PageComments» Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Sélectionner le template «PageComments» dans la liste. Date modification : 25/05/2009 Kit de Publication Page 9 sur 16
# Commentaires sur les pages plugin.tx_skpagecomments_pi1.showform = 1 plugin.tx_skpagecomments_pi1.showformlink = 1 plugin.tx_skpagecomments_pi1.hidenewmsg = 1 plugin.tx_skpagecomments_pi1 { answer { override = <img src="typo3conf/ext/sk_pagecomments/res/answer.png" width="16" height="16" alt="répondre" title="répondre" /> usesectionformlink = 1 showform = 1 6.2.7 template «Redéfinition d'éléments» Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Sélectionner le template «Redéfinition d'éléments» dans la liste. Date création : 22/12/2008 Patch v2.1 Édition : 1.0 Date modification : 25/05/2009 Kit de Publication Page 10 sur 16
tt_content.image.20.layout { default.value = <div class="csc-textpic csc-textpic-center csc-textpic-above###classes###">###images###<div class="csc-textpicclear"></div>###text###</div><div class="csc-textpic-clear"><!-- --></div> 1.value = <div class="csc-textpic csc-textpic-right csc-textpic-above###classes###">###images###<div class="csc-textpic-clear"></div>###text###</ div><div class="csc-textpic-clear"><!-- --></div> 2.value = <div class="csc-textpic csc-textpic-left csc-textpic-above###classes###">###images###<div class="csc-textpicclear"></div>###text###</div><div class="csc-textpic-clear"><!-- --></div> # Cadre aux bords arrondis et des fonds colorés tt_content.stdwrap.innerwrap.cobject { 101 = TEXT 101.value = <div class="moduleencadre"><div><div><div> </div></div></div></div> Attention : lors du copier/coller de ces lignes : la valeur des variables default.value, 1.value et 2.value ne doivent pas comporter de retour à la ligne. Date création : 22/12/2008 Patch v2.1 Édition : 1.0 Date modification : 25/05/2009 Kit de Publication Page 11 sur 16
6.2.8 template Ics_Awstats Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Sélectionner le template «Ics_Awstats» dans la liste. # Configuration de ics_awstats config.stat = 1 config.stat_excludebeuserhits = 1 config.stat_apache = 1 config.stat_apache_logfile = access.log config.stat_apache_pagenames = [request_uri] Vérifier la configuration de votre module Sélectionner «AWStats» dans le menu de gauche. Cliquer sur le bouton «Edit Configuration» Dans la zone de texte «Domain(s)» saisir votre nom de domaine ou l'ip de votre domaine sans / à la fin Exemple : www.atolcd.com ou 81,123,152,203 6.2.9 template News Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Date modification : 25/05/2009 Kit de Publication Page 12 sur 16
Sélectionner le template «News» dans la liste. plugin.tt_news.displaysingle.image { imagelinkwrap { width = {$plugin.tt_news.singlepopuplargeur height = {$plugin.tt_news.singlepopuphauteur # parametrage des actualités du site plugin.tt_news.displaylist.title_stdwrap.wrap = includelibs.imagemarkerfunc = EXT:tt_news/res/example_imageMarkerFunc.php Éditer les constantes (bouton en forme de crayon à gauche de «Constants») : plugin.tt_news.file.templatefile = fileadmin/templates/template_news/tt_news_v2_template.html [globalvar = TSFE:id = 12] plugin.tt_news.file.templatefile = fileadmin/templates/template_news/tt_news_v2_template_accueil.html [global] # Largeur maximale d'une image affichée dans le détail de l'actualité (en pixels, maximum 500) plugin.tt_news.singlemaxw = 150 # Hauteur maximale d'une image affichée dans le détail de l'actualité (en pixels) plugin.tt_news.singlemaxh = 200 # Taille de l'image en popup. # le 'm' force TYPO3 à garder les proportions de l'image # le redimenssionnement tient compte de la taille 'originale' (cf. singlemaxw et singlemaxw cidessus) plugin.tt_news.singlepopuplargeur = 500m plugin.tt_news.singlepopuphauteur = 500 Sélectionner la page d'accueil («Bienvenue!») Éditer le contenu «3 dernières actualités» à l'aide du crayon: Supprimer le fichier de gabarit: Sélectionner tt_news_v2_template_accueil.htm (en bleu sur cette impression d'écran) Date modification : 25/05/2009 Kit de Publication Page 13 sur 16
Cliquer sur la croix pour supprimer ce fichier Enregistrer le formulaire 6.2.10 template tt_address Sélectionner la page d'accueil («Bienvenue!») : Sélectionner ensuite, dans la liste située dans le coin supérieur droit de votre fenêtre, le choix «Info/Modify» Sélectionner le template «tt_address» dans la liste. Remplacer tout son contenu par: plugin.tx_ttaddress_pi1.templates.affichage_sans_logo < plugin.tx_ttaddress_pi1.templates.default plugin.tx_ttaddress_pi1 { templatepath = fileadmin/templates/template_tt_address/ Date modification : 25/05/2009 Kit de Publication Page 14 sur 16
templates.default { # Taille maximum des images affichées avec le plugin tt_address image.file.width = 75 image.params = style="margin-right:12px" city.outerwrap = zip.outerwrap = phone.wrap = <div class="tel">tél. </div> fax.wrap = <div class="fax">fax. </div> organization.wrap = <strong> </strong> first_name.wrap = <strong> </strong> last_name.wrap = <strong> </strong> templates.affichage_sans_logo { city.outerwrap = zip.outerwrap = phone.wrap = <div class="tel">tél. </div> phone.required = 1 fax.wrap = <div class="fax">fax. </div> fax.required = 1 organization.wrap = <strong> </strong> first_name.wrap = <strong> </strong> last_name.wrap = <strong> </strong> Date modification : 25/05/2009 Kit de Publication Page 15 sur 16
7 FINALISATION DE L'INSTALLATION Vérifier la présence dans le fichier styles_internet.css présent dans le dossier /var/www/kitpublication/fileadmin/templates sur votre serveur la présence des lignes suivantes (Si les lignes n'apparaissent pas les ajouter) :.erreur-connection { position: absolute; top: 300px; left: 570px; color:red; border: 2px dashed black; padding: 18px 7px 16px 40px; background: transparent url(images/internet/exclamation.png) no-repeat scroll 5px 9px; Pour faire un test : Accéder dans votre espace intranet, sur une page. Copier son URL Fermer votre navigateur Ouvrir votre navigateur Copier votre URL et appuyer sur la touche Entrée Vous devez voir un message vous expliquant que vous devez vous identifier pour accéder à l'information désiré. Après cette mise à jour, il nécessaire de vider le cache applicatif (typo3conf) ainsi que le cache de vos contenus. Pour cela, cliquer dans le menu gauche «Fonctions d'administration» sur les deux options disponibles : Vider le cache dans typo3conf Vider tous les caches Date modification : 25/05/2009 Kit de Publication Page 16 sur 16