--- title: 'Lightning Talks' created_time: '2023-09-23 17:07:06' language: fr subtitle: '' --- # Lightning Talks ## Téléchargement Cette présentation sera téléchargeable sur le site https://www.joomladay.fr/ dès la fin du #jd17fr. ## Personnalisation de son administration > Loïc Martin (*lomart*) ### Personnaliser les menus administration Une simple configuration de Joomla! pour faciliter la navigation dans l'administration de votre site. Mettre en évidence certaines fonctionnalités avec des libellés qui parlent aux utilisateurs, rend tout de suite plus simple la prise en mains par les administrateurs. De même, certaines fonctions peu utilisées méritent une mise en retrait. Aucune extension ne sera nécessaire, juste un peu de CSS et des substitutions de traduction. --- ![Le menu avant et après](%URL%.images/LightningTalks/custom-admin-menu-avant-apres.png) **Tous les détails sont disponibles sur [lomart.fr](https://lomart.fr/trucs-et-astuces/56-personnaliser-les-menus-administration-de-joomla)** ### Différencier un site en local du site en ligne Si comme moi, il vous arrive souvent d'ouvrir les 2 versions de votre site pour appliquer sur le site en ligne une fonctionnalité testée en local, cette astuce peut vous aider à les différencier. Un petit bout de code PHP pour changer automatiquement le look du backend. Ce code peut être inséré avec mon module [LM-CUSTOM-ADMIN](https://lomart.fr/extensions/lm-custom). --- ![En ligne ou en local ?](%URL%.images/LightningTalks/indicateur-localhost.png) **Plus d'infos sur [lomart.fr](https://lomart.fr/trucs-et-astuces/60-indicateur-localhost)** ## Adapter les couleurs de l'administration > Céline Robert (*c-line*) ### Changer votre page de connexion admin ![Administration - 1](%URL%.images/LightningTalks/celine_admin_1.png) --- Extensions > Gestion des templates > isis – Default Onglet "Paramètres avancés" ![Administration - 2](%URL%.images/LightningTalks/celine_admin_2.png) ## Les positions de modules > Cédric Keiflin (*ced1870 *) ### Bien choisir ses positions - Partie 1 Une des premières questions qu'on se pose lorsqu'on veut administrer un site web, c'est **où sont les positions de modules ?** --- ![positions_ou_ca](%URL%.images/LightningTalks/ou_sont_les_positions.png) --- Joomla! embarque une fonctionnalité très utile qui permet la prévisualisation des positions d'un template. Cette fonctionnalité étant désactivée par défaut, il faut l'activer dans l'administration. ![tp1_option1](%URL%.images/LightningTalks/tp1_option1.png) --- ![tp1_option2](%URL%.images/LightningTalks/tp1_option2.png) --- Une fois l'option activé, il suffit d'ajouter la variable `tp=1` à l'url de la page (**http://monsite.fr?tp=1**) ![tp1](%URL%.images/LightningTalks/tp1.png) ### Bien choisir ses positions - Partie 2 Une description explicite est toujours plus compréhensible qu'un nom de position du genre "position-3". Joomla! permet de personnaliser (pour chaque langue installée) la description des positions de module. --- Il faut éditer le fichier : ```ini SITE/language/xx-XX/xx-XX.tpl_TEMPLATE.sys.ini ``` Exemple avec le template Protostar et la langue française fr-FR : ```ini SITE/language/fr-FR/fr-FR.tpl_protostar.sys.ini ``` Pour personnaliser la description on utilise une chaine de caractères composée de la manière suivante : ```ini TPL_[TEMPLATE]_POSITION_[POSITION] ``` Exemple avec le template Protostar et la position-3 : ```ini TPL_PROTOSTAR_POSITION_POSITION-3="Bannière de OUF !" ``` --- ![banniere_ouf](%URL%.images/LightningTalks/banniere_ouf.png) ### Montre moi un autre template Besoin de tester un autre template sans casser tout le site car vous avez des millions de visiteurs par minute ? Pas de panique ! Joomla! sait le faire :) Il suffit d'ajouter la variable `template` dans l'url, suivie du nom du template à afficher. Exemple : **http://monsite.fr?template=beez3** --- ![beez3.png](%URL%.images/LightningTalks/beez3.png) **Vous pouvez aussi cumuler avec la prévisualisation tp=1 : http://monsite.fr?template=beez3&tp=1** ## Optimisation de vos images > Gwenaël Perquis ### Contrainte du retina (écran apple) > Comment éviter d’avoir ses images pixélisées sur de tel écran, Si image afficher en 600 x 450 -> pour avoir un affichage optimal >>> la générer en 1200 x 900 px --- ![gwen_contrainte-retina.png](%URL%.images/LightningTalks/gwen_contrainte-retina.png) ### Générer une image légère pour un affichage optimale Sur un écran retina (notamment sur un background) --- ![gwen_toshop.png](%URL%.images/LightningTalks/gwen_toshop.png) ### Les icônes de votre site Avantages des fonts d’icons en SVG (aucune déperdition de qualité) à la place des sprites --- ![gwen_font_icon.png](%URL%.images/LightningTalks/gwen_font_icon.png) ### Alternative : l’icône en PNG optimisé Pour le retina (génération d’un icon en x2 de sa taille initiale avec optimisation sur tiny PNG https://tinyjpg.com/). --- ![gwen_tiny.png](%URL%.images/LightningTalks/gwen_tiny.png) ## JCE - Créer des répertoires personnalisés & protégés > Mihàly Marti (*sarki*) ### Pourquoi créer des répertoires personnalisés ? Tant que vous êtes seul à gérer votre site, cette question ne vous concerne pas, mais le jour où vous serez ne serait-ce que deux à le faire, cette question pourra s'avérer pertinente. Imaginez Joomla avec son verouillage des contenus en édition permet d'éviter que deux personnes modifient le même contenu en même temps, mais ce n'est pas le cas des médias, deux personnes pourraient décider de remplacer une image sans s'aperçevoir qu'ils sont les deux en train de le faire en même temps ; bien entendu, c'est l'image envoyée en dernier qui sera utilisée. --- Mais pire, imaginons qu'un des deux rédacteurs pense que certains médias ne sont plus nécessaires et les supprime sans savoir qu'ils ont été utilisés par l'autre rédacteur dans des contenus... C'est dans ces cas que l'attribution d'un répertoire propre aux différents rédacteurs, inaccessible aux uns et aux autres s'avère pertinente. ![Le travail d'équipe avec JCE](%URL%.images/LightningTalks/jce_travail-equipe.png) ### Comment adapter le chemin des médias de Joomla JCE permet d'adapter le chemin du répertoire des médias dans les paramètres de ses profils. Pour accéder à la gestion des profils JCE, cliquez sur le lien de menu d'administration 'Composants -> Editeur JCE -> Gestion des profils'. ![Accès aux profils JCE](%URL%.images/LightningTalks/jce_chemin-perso_01.png) --- Editez ensuite le profil que vous souhaitez adapter en cliquant sur son titre. ![Modifier un profil JCE](%URL%.images/LightningTalks/jce_chemin-perso_02.png) --- Accédez à l'onglet 'Paramètres de l'éditeur' et au sous-onglet 'Fichier système', le premier paramètre 'Chemin du répertoire principal' est celui que vous devez adapter, par défaut il s'agit du répertoire 'images' de Joomla. ![Chemin du répertoire des médias](%URL%.images/LightningTalks/jce_chemin-perso_03.png) ### Variables à disposition pour le chemin * $id - sera remplacé par l'ID de l'utilisateur * $username - sera remplacé par l'identifiant * $usertype - sera remplacé par le type d'utilisateur Joomla! * $profile - sera remplacé par le nom du profil JCE * $group - sera remplacé par le nom du groupe Joomla! * $year - sera remplacé par la date de l'année courante, exemple : 2017 * $month - sera remplacé par la valeur numérique du mois courant, exemple: 05 * $day - sera remplacé par la valeur numérique du jour courant, exemple: 12 ### Attribuer un profil JCE à un utilisateur donné Pour pouvoir attribuer le profil JCE dont vous venez d'adapter le chemin des médias, revenez sur le premier onglet 'Généralités'. Décochez tous les groupes Joomla qui sont cochés et, en dessous, cliquez sur le bouton 'Ajouter' afin de sélectionner l'utilisateur souhaité. Finaliser le tout en cliquant sur le bouton 'Enregistrer & Fermer'. --- ![Attribuer le profil à un utilisateur](%URL%.images/LightningTalks/jce_chemin-perso_04.png) ### JCE - Quelques liens utiles : * Site officiel de JCE : https://www.joomlacontenteditor.net * Site de support francophone : https://www.sarki.ch/jce/ ## Open Graph > David Arnaud-Jouffrey (*David ARNAUD*) ### Affichez votre page Facebook sur les partages d’URL de votre site sur Facebook. Cette astuce vous permet d'avoir un aperçu de votre page Facebook et offre la possibilité de la "liker" directement à partir de la publication d'une URL de votre site. Pour ce faire, vous devez modifier le fichier index.php qui se trouve dans le dossier de votre template. --- Par exemple : www/templates/mon_template/index.php. Puis vous devez insérer la ligne ci-après à l'intérieur de la balise ```html ``` Aller plus loin : https://www.joomladay.fr/2016/programme/accroitre-sa-visibilite-avec-le-protocle-open-graph --- ![](%URL%.images/LightningTalks/open_graph.png) ## Quelques utilitaires hors Joomla! > Christophe Avonture (*cavo789*) ### Installer Joomla en 30 secondes Créez un nouveau dossier sur votre système (localhost ou distant), téléchargez le fichier [getjoomlafr.zip](http://aide.joomla.fr/telechargements/documentation/script-d-installation-joomla/download), récupérez le fichier `index.php` qu'il suffit de placer à la racine de votre site et lancer le script. Après quelques écrans de configuration, Joomla!® sera téléchargé, décompressé et l'écran d'installation sera affiché. https://www.joomla.fr/actualites/news-des-adherents/item/1629-installer-joomla-en-30-secondes ### chmod Petit script .php à placer à la racine de son site Joomla! et qui va réinitialiser les permissions des dossiers à 755 et des fichiers à 644. https://github.com/cavo789/joomla_free/tree/master/src/chmod ### folder_size Fichier .php à placer dans le dossier de son choix et qui affichera la taille des dossiers du sites ainsi que la taille par type de fichiers (càd par extension) https://github.com/cavo789/joomla_free/tree/master/src/folder_size --- ![folder_size](%URL%.images/LightningTalks/foldersize.png) ### kill_db_tables Ce script vous permettra de nettoyer votre base de données en supprimant, depuis une interface, les tables dont le nom commence par un préfixe (p.ex. `old_`, `com_unusedextension`, ...) https://github.com/cavo789/joomla_free/tree/master/src/kill_db_tables --- ![kill_db_tables](%URL%.images/LightningTalks/kill_db_tables.png) ### kill_folder Supprimer un site depuis son client FTP prends des dizaines de minutes, le supprimer depuis un script juste quelques secondes. Placer le fichier `kill_folder.php` dans le dossier de votre site, par FTP, et exécutez-le, la suppression sera rapidement réalisée. https://github.com/cavo789/joomla_free/tree/master/src/kill_folder --- ![folder_size](%URL%.images/LightningTalks/kill_folder.png) ### log_admin * Vous avez perdu votre accès admin ? * Vous devez intervenir sur le site d'un client qui ne s'en souvient pas ? Dès lors que **vous avez accès au FTP**, copiez le fichier log_admin.php dans le dossier /administrator et exécutez-le. Le script va ouvrir une session d'administration; comme si vous aviez complété le formulaire de connexion https://github.com/cavo789/joomla_free/tree/master/src/log_admin --- ![log_admin](%URL%.images/LightningTalks/log_admin.png) ### show_table Script php qui permet d'afficher des informations de votre base de données (p.ex. une liste d'articles ou d'évènements, la liste des utilisateurs, ...) et qui permet, surtout, de rendre cette liste disponible sous la forme d'une feuille de calcul dans MS Excel. https://github.com/cavo789/joomla_free/tree/master/src/show_table --- ![show_table](%URL%.images/LightningTalks/show_table.png) ### zip Placé dans un dossier de votre site, `zip.php` va générer une archive au format ZIP du dossier et de ses sous-dossiers. Il devient aisé de télécharger un site où p.ex. vous n'avez pas (encore) d'outil de sauvegarde. https://github.com/cavo789/joomla_free/tree/master/src/zip --- ![zip](%URL%.images/LightningTalks/zip.png) ### Deux sites pour maîtriser les expressions régulières * https://regex101.com/ pour apprendre à construire et tester des regex * https://jex.im/regulex/ pour avoir un aperçu visuel des regex ### Applications mobiles pour le forum Joomla!FR Il existe deux applications pour mobile (Android & IOS) pour travailler sur le forum de Joomla France; applications développées par Yann Gomeiro (aka Daneel) * https://play.google.com/store/apps/details?id=com.tapatalk.forumjoomlafr&hl=fr * https://itunes.apple.com/cn/app/forum-joomla!fr/id591601866?l=en&mt=8 ## SEO - Notions de silos & cocon > Thierry Broussegoutte (*apweb*) ### Créez vos silos avec les catégories ![](%URL%.images/LightningTalks/seo_silos.png) ### Créez vos silos avec les catégories 2 ![](%URL%.images/LightningTalks/seo_silos_categories.png) ### Créez des pages cibles ![](%URL%.images/LightningTalks/seo_pages_cibles.png) ### Optimisez la catégorie ![](%URL%.images/LightningTalks/seo_optimisez.png) ### Ajoutez les liens ![](%URL%.images/LightningTalks/seo_ajoutez_liens.png) --- ![](%URL%.images/LightningTalks/seo_ajoutez_liens_2.png) ### Créez des liens contextualisés ![](%URL%.images/LightningTalks/seo_contexte.png) ### Entretenez votre maillage interne ![](%URL%.images/LightningTalks/seo_maillage.png) ### Utilisez les modules * Menu * Fil de navigation * Articles d'une catégorie * Articles d'une catégorie parente * Articles en relation * Articles les plus consultés * Derniers articles ## Les nouveautés de J!3.7 > Marc Dechèvre (*woluweb*) ### Survol des nouveautés Pour un survol des nouveautés * de Joomla!3.7 * mais aussi de chaque sous-versions depuis J!3.0 voyez p.ex. la présentation suivante https://www.slideshare.net/woluweb/joomla3-les-nouveauts-marc-dechvre#33 Même si vous suivez l'actu Joomla de près, il y a certainement plein de fonctionnalités que vous n'aurez pas vues passer :-) ## Quelques scripts et outils > Marc Dechèvre (*woluweb*) ### Effacer toutes les occurrences d'un fichier sur le serveur Comment effacer dans dans TOUS les dossiers d'un site ? * Un fichier spécifique (p.ex. toutes les occurrences d'un fichier php.ini) * Tous les fichiers ayant une extension donnée (p. ex. tous les fichiers *.gif) https://github.com/woluweb/delete_specific_file_recursively ## Scripts de Rene Kreijveld Rene Kreijveld met à disposition de la communauté une série de scripts très utiles, notamment sur : * https://github.com/renekreijveld * https://gist.github.com/renekreijveld ### findlargefiles amp; jfindfiles Comme scripts particulièrement intéressants : * **findlargefiles** permet de lister toutes les images dépassant une taille donnée choisie (p.ex 1000 pixels de large) https://gist.github.com/renekreijveld/1c276ea929883e22b8db * **jfindfiles** permet de retrouver les images orphelines qui sont stockées sur son serveur mais plus utilisées (voir slides suivants) https://gist.github.com/renekreijveld/27d9062b941a2d0c80f3 https://github.com/renekreijveld/joomlabashscripts/blob/master/src/jfindfiles ### Identifier les images orphelines Comment trouver toutes les images orphelines sur un site ? Au fil du temps ou lors de la reprise d'un site existant, il est fréquent qu'un site soit encombré par de nombreux fichiers devenus inutiles (images, documents PDF, ...). Parfois, il s'agit de milliers de fichiers... mais il est quasiment impossible de faire manuellement la liste de ces fichiers pour effectuer le "grand nettoyage". --- NB : Nous proposons quelques améliorations en partant de ce script * exécution depuis le navigateur, ce qui permet d'exécuter le script même si on n'a pas accès à la ligne de commande chez l'hébergeur * pour les utilisateurs de myJoomla : exclusion des tables créées par myJoomla * pour les utilisateurs d'aeSecure : la désactivation provisoire d'une règle de sécurité qui bloque l'exécution de scripts (.sh) * nettoyage de la table gérant l'historique des versions des articles * explications sur les droits (chmod) des deux fichiers de script, qui doivent être en 755 --- Explications détaillées : https://www.jugwallonie.be/trouver-les-fichiers-orphelins-sur-son-site.html ### Scripts de Jisse Reitsma (Yireo) Jisse est un spécialise Joomla des Pays-Bas très connu notamment pour son livre sur la création de Plugins Joomla. Yireo publie de nombreuses extensions intéressantes, comme **Language Domains** par exemple, permettant d'associer un nom de domaine différent à chaque langue du site. Ses scripts sont accessibles en ligne sur https://github.com/yireo Un script intéressant est le "Joomla Install" qui permet de facilement mettre en place des versions de test de Joomla pour un Pizza Bug & Fun : https://github.com/yireo/joomla_install ### Adaptive Images Les templates responsive permettent d'ajuster la taille des images à la taille de l'écran... mais l'image reste toujours physiquement aussi lourde. Comment résoudre ce problème et servir une image réellement réduite sur les écrans plus petits, afin de rendre le site plus léger et donc plus rapide ? Voyez ce script, qui requiert seulement d'éditer votre .htaccess, d'ajouter un fichier adaptive-images.php à la racine du site et d'ajouter une ligne dans le `` du site http://adaptive-images.com ### R2H ImageManager Comment gérer efficacement les images sur son site, p.ex. : * trouver et effacer toutes les images inutilisées ! * déplacer les images sur son site sans casser les liens * renommer les images en lot (remplacer les espaces, ...) Nouvelle extension très prometteuse qui sort ce w-e des #jd17fr : R2H ImageManager - https://www.r2h.nl/joomla-extensions/imagemanager NB : **réduction de 20%** durant les 4 semaines à venir avec le code CINNK20P Plus de détails sur l'extension sur http://cinnk.com --- ![Image manager](%URL%.images/LightningTalks/ImageManager.gif) ### Newsletter : testez votre score "anti-spam" AcyMailing a développé ce fantastique outil, d'accès libre NB : les versions payantes d'AcyMailing intègrent directement cet outil dans l'interface http://www.mail-tester.com ### Émulation browsers Besoin de tester un site avec différentes navigateurs ? (ou d'anciennes versions de ces navigateurs ?) * https://crossbrowsertesting.com/ * https://turbo.net/hub/category/web ### Affichage image Besoin d'optimiser vos images et de booster votre site web ? Essayez p.ex. https://kraken.io/ ### Alternative à Photoshop Vous devrez parfois/régulièrement * travailler avec des calques, détourer, ... * convertir des fichiers CYMK en RGB, ... * ouvrir des PSD, ... **Adobe Photoshop** est certainement très bien, mais très cher **Gimp** est sympa, open-source, mais plus limité Une alternative aussi pro que Photoshop
... mais à 55€ tvac et sans inscription : **Affinity Photo** --- Disponible sur Mac et depuis 6 mois aussi sur Windows https://affinity.serif.com/fr/photo https://www.youtube.com/watch?v=GJsZdtfIjUI ![](%URL%.images/LightningTalks/affinityphoto.png) --- Aussi disponible au même tarif : **Affinity Designer**, équivalent de **Adobe Illustrator** https://affinity.serif.com/fr/designer ### Analyse SEO Outil en ligne d'analyse SEO de votre site (1e analyse gratuite) https://www.woorank.com/fr/ ### db8 Options Manager Peter Martin (Joomler néerlandais présent au JoomlaDay Nice 2015) vient de sortir une extension intéressante * pour notamment **exporter/importer** les Paramètres de son choix entre sites * mais aussi pour **mettre à plat tous** les Paramètres de son site pour les gérer efficacement https://db8.eu/options-manager https://db8.eu/options-manager/buy-options-manager **Réduction de 30%** avec le code JD17FR (appliquer le code d'abord) Valable jusqu'au 31 mai 2017 --- Exemple : parmi les éléments de menu, quels Paramètres diffèrent des Paramètres Globaux ? ![folder_size](%URL%.images/LightningTalks/db8-options-manager.png) ### db8 Optimize Site Cet autre outil de Peter Martin donne un accès direct dans l'administration à une série d'outils SEO, de sécurité, d'accessibilité, ... https://db8.eu/download/component/db8-optimize-site --- ![folder_size](%URL%.images/LightningTalks/db8-optimize-site.png) ### Regular Labs Regular Labs offre plein d'extensions intéressantes pour améliorer ses sites ou se faciliter la vie. Outre le classique Cache Cleaner, d'autres extensions peuvent s'avérer pratique. Quelques exemples ci-après avec DB Replacer et ReReplacer. A l'occasion du JoomlaDay Marseille, **-40% de réduction** avec le lien suivant : https://regl.io/JD17FR #### DB Replacer P.ex. pour supprimer le /stories dans les liens de toutes les images dans les articles et dans les Modules HTML Personnalisés (après avoir déplacé toutes ses images pour supprimer l'historique /stories) NB : à utiliser avec précaution et après avoir pris un backup du site vu qu'on travaille en direct sur la base de données... #### ReReplacer Exemple 1 : Si le client veut que les titres des menus ou des articles soit sur deux lignes, il suffit de remplacer ```html /// ``` par ```html
``` On écrit alors /// là où on veut obtenir le passage à la ligne, normalement impossible dans un titre #### ReReplacer Exemple 2 (avec expression régulière) : Afficher la vignette d'une vidéo YouTube https://www.youtube.com/watch?v=vWPjL-YCClE simplement en tapant dans l'article *{youtube vWPjL-YCClE}* Il suffit alors de remplacer ```html \{youtube ([^:\}]*)\} ``` par ```html ``` ### Override directement via fichier ini Pour créer une surcharge/override de langue, plutôt que de passer par l’administration Joomla (Extensions > Langues > Substitutions > Français > Nouveau > Rechercher > Ajouter) vous pouvez directement créer le fichier suivant ```ini /language/overrides/fr-FR.override.ini ``` et y ajouter votre surcharge. Par exemple : ```ini COM_CONTENT_TITLE_FILTER_LABEL="Filtrer" ``` ### Captcha Depuis J!3.7, il y a dans Articles > Paramètres > onglet Agencement > une Option `Captcha` pour l’ajout d’articles en front-end Concrètement, ça veut dire qu'il devient possible de laisser p.ex. des Guests proposer des articles en front-end sans risque d'être pollué. ### Joomla Overrides & Alternate Layouts Yann Gomerio et Cédric Keiflin avaient déjà fait une excellente présentation sur les "surcharges et les layouts alternatifs" lors du JoomlaDay 2016 Lors des JoomlaDays Pays-Bas 2017, une autre présentation a été faite, très complète et notamment avec des exemples concernant les Custom Fields (champs personnalisés) https://www.slideshare.net/hans2103/jd17nl-joomla-overrides-and-alternate-layouts ### OS Content Super petite extension gratuite pour introduire ses articles en lot dans Joomla (et même directement créer les menus correspondants !) https://www.joomlashack.com/joomla-extensions/oscontent/ ## Merci pour votre attention *... et merci à tous les intervenants qui ont contribué à cette présentation éclair*