Lightning Talks – jd18fr

https://www.joomladay.fr/2018/programme/conferences/lightning-talks

1. Téléchargement

Cette présentation sera téléchargeable sur le site https://www.joomladay.fr/ dès la fin du #jd18fr.

%INCLUDE_disabled_notfound LTs/template.md%

1.1. Le best of de Marc – Marc

Marc Dechèvre (aka Woluweb)

1.1.1. ImageRecycle

Besoin d’alléger/optimiser vos images pour votre site web ? Le site suivant permet de diviser le poids initial par 2 ou plus (selon l’image initiale bien sûr) : https://www.imagerecycle.com/

Mieux : il est même possible de l’intégrer directement dans Joomla grâce à une extension https://www.imagerecycle.com/cms/joomla

On peut alors choisir

NB : on peut toujours revenir à l’image originale.

1.1.2. Allégez la liste de positions

Quand vous devez assigner une position à un module, la liste est trop longue, pas vrai ? Avez-vous pensé à désinstaller ou à désactiver les templates que vous n’utilisez pas ?

Exemple : désactivez Protostar (inutile de le désinstaller vu qu’il reviendrait lors des upgrades de Joomla)... ... et vous ne verrez plus dans la liste des positions les position-5, position-7 etc

1.1.3. Personnalisez l’administration

Il est possible de changer la couleur et le logo de l’écran de connexion (login), ainsi que de l’interface d’administration. Allez dans le menu Extensions > Templates > choisir Administration dans le menu déroulant > template Isis > onglet Avancé

1.1.4. VPN gratuit

Vous ne parvenez pas à avoir accès à un site (IP bloquée par votre Admin Tools) ou vous souhaitez rester anonyme ? Un VPN vous permet de contourner le problème. Le navigateur Opera offre un VPN gratuit : https://www.opera.com/fr/computer/features/free-vpn

Vous pouvez vérifier/visualiser “d’où vous surfez” p.ex. grâce à cet outil : https://tools.keycdn.com/geo

1.1.5. Articles Anywhere – liste déroulante pointant vers des articles

Comment faire un dropdown qui pointe vers les articles avec un url SEF ?

<select name="mon_dropdown" onchange="location = this.value;">
    {articles category="Ma Catégorie"}
        <option value="[sefurl]">[title]</option>
    {/articles}
</select>

1.1.6. Filtres sur des Champs Personnalisés (Custom Fields)

Vous utilisez des Custom Fields pour enrichir votre contenu (fiches de films, fiches produits, fiches projets, ...) et vous voudriez avoir une possibilité de filtre ?

Voyez cet excellent module entièrement gratuit développé par pmleconte (pseudo sur https://forum.joomla.fr) https://www.conseilgouz.com/sources/simple-isotope

1.1.7. Changer de version de Boostrap

Voici quelques astuces pour faire efficacement les adaptations de votre site :

1.1.8. Vulnérabilités

Besoin de vous convaincre (de convaincre un client) qu’il y a chaque année grosso modo deux fois moins de vulnérabilités (CVE) sur Joomla que sur WordPress ?

1.1.9. Partages Facebook & Twitter

Besoin de vider le cache de Facebook et/ou Twitter avant de (re)partager une page ?

1.1.10. Besoin d’envoyer de très gros fichiers

Les fichiers que vous devez envoyer à un tiers sont trop volumineux pour https://wetransfer.com/ ?

Essayez par exemple https://mega.nz/ qui a une limite beaucoup plus élevée.

En auto-hébergé, il existe aussi BoZon

1.1.11. Votre custom.css appliqué même dans le backend

Vous utilisez l’éditeur JCE et vous voudriez que lors de l’édition dans l’administration le texte “applique” déjà votre custom.css pour un rendu plus proche du résultat final ?

Dans la Configuration de JCE, trouvez le paramètre Fichier(s) CSS Personnalisé(s) et indiquez template/$template/css/custom.css

(ou le lien vers n’importe quel autre fichier css bien sûr)

1.1.12. Certificat SSL sur votre propre serveur

Vous voulez avoir votre certificat SSL (https) sur votre propre serveur ?

Suivez le guide :

https://www.dionysopoulos.me/255-forge-your-own-ssl-certificates-for-local-development.html

1.1.13. Tâches CRON

Besoin de lancer une tâche CRON comme par exemple

Voyez le service gratuit https://cron-job.org/en/

1.1.14. Comment limiter la recherche à une seule catégorie

Avec la Smart Search (Recherche avancée), il est possible de limiter l?indexation du site à certaines Catégories

Enfin, dans le module de recherche, on peut spécifier le filtre voulu.

https://stackoverflow.com/questions/29731314/joomla-search-in-specific-category

1.1.15. Google Chrome et ERR_SPDY_PROTOCOL_ERROR

Vous avez parfois ce message d’erreur ERR_SPDY_PROTOCOL_ERROR dans Google Chrome lorsque vous êtes en train de travailler sur un de vos sites ?

Pour le résoudre immédiatement :

  1. Aller sur chrome://net-internals/#events&q=type:SPDY_SESSION%20is:active dans Chrome
  2. Cliquer sur la flèche en haut à droite
  3. Dans la liste déroulante, cliquer sur Flush Sockets

1.1.16. Remettre le compteur de tous les articles à 0

Autrement dit, commentfaire un “reset hits”

Aller dans phpmyadmin et exécuter le SQL suivant :

update MonPrefixe_content set hits = 0

Explications : http://www.ostraining.com/blog/joomla/reset-joomla-hits-to-zero/

Comment mettre certains onglets du backend en couleur

Quand on utilise Custom Fields, ceux-ci apparaissent dans l’Administration (backend) sur des onglets dédiés. Pour rendre ces onglets plus visibles, on peut par exemple les mettre en couleur.

En fait, on peut créer son propre custom.css pour le template backend Isis dans le dossier \administrator\templates\isis\css

Il sera chargé automatiquement

Dans ce fichier custom.css, on ajoute p.ex. le css suivant :

css_mytab.png

Migrer votre contenu K2

Vous aviez K2 sur votre site et vous voudriez migrer ce contenu vers les Articles Joomla “normaux” ?

Essayez cette extension (gratuite) : https://www.joomlart.com/joomla/extensions/k2-to-com-content-migration-plugin

Log_admin – Se connecter à l’admin par FTP

Christophe Avonture (@cavo789)

Plus d’accès admin... ð&#159;&#146;&#148;

ð&#159;&#134;&#152; Je n’ai plus accès à l’admin !!!

Réflexe – docs.joomla.org

Deux méthodes sont expliquées sur https://docs.joomla.org

Vous avez accès au FTP

Alors un petit script et vous êtes sauvé...

Placez le fichier log_admin.php dans le dossier /administrator et accéder le plus simplement du monde à https://votresite/administrator/log_admin.php

result.png

En coulisse ð&#159;&#145;&#149;

Ce script se connecte à la base de données du site Joomla, identifie le premier super-admin actif, crée une session Joomla afin d’y passer le login et le mot de passe trouvé et lance une validation de la session.

Une fois connecté, le script s’auto-détruit.

Quelques liens ð&#159;&#148;&#151;

Un titre d’enfer même si votre contenu est ennuyeux à mourir

David Arnaud-Jouffrey (@David ARNAUD)

Save the cat

Astuce inspirée du livre Blake Snyder :

Save-The-Cat1.png

Pourquoi et pour quoi

Pourquoi Pour quoi
être lu, visionné, écouté tutos, news, podcast, livres, Interviews...

Le bon titre est ironique

Comment trouver le titre ultime ?

Si votre contenu est ennuyeux, vous ne pouvez pas avoir un bon titre sans tromper vos consomateurs

La solution : créer du contenu vraiment intéressant

  1. Ecrire votre titre ironique
  2. Ecrire votre contenu en adéquation avec votre titre

Le titre = la ligne directrice

Un bon titre :

Le combo titre + image + description

Pour allez plus loin

Flexiadmin pour Flexicontent

Yannick Berges (@Yberges)

Introduction

Pour créer un beau site bien pensé puissant et performant, nous utilisons souvent le CCK Flexicontent. Mais il est aussi important de soigner la partie publique que la partie privée. C’est pour cela que j’ai créé un module d’administration gratuit appelé Flexi-admin.

Il permet en un seul module de créer un dashboard complet.

Asikar quick icon existe ... mais ce module permet d’aller plus vite pour créer une administration puissante. Il peut être mis en position cpanel ou icon, traduisible et même être dupliqué !

Position Cpanel

Flexi Admin Icon

Voici ses fonctions

Quelques liens

UP – Universal Plugin

Loïc Martin (@lomart) | Présenté Pascal Leconte (pmleconte)

p-logo-carr

UP permet de réaliser des actions
dans vos articles et modules personnalisés.

Une action, c’est insérer une vidéo, des prévisions météo, modifier le comportement d’une table pour la rendre responsive, ajouter du code CSS/JS sans risque de suppression par les éditeurs wysiwyg.

UP en pratique

Un simple shortcode saisi en mode code
ou dans un éditeur wysiwyg

p-widge

UP et les images

p-image

UP et les tables

able-par-ligne

able-par-colonne

UP et le CSS

p-addclas

UP ajoute une classe pour le père, le grand-père, l’arrière-grand-père, ...
On peut même indiquer le code CSS inline à ajouter dans le head de la page

UP et la saisie wysiwyg

Qui n’a pas pesté contre du code effacé
par JCE ou TinyMCE ?

p-htm

Les utilisateurs de UP

Le novice

Le webmaster

Le graphiste

Le programmeur

Les types d’actions

HTML : addCodeHead – file – html – icon CSS : addClass – addCssHead – googlefont PHP : php CONTENU : article-category – markdown MISE EN FORME : box – cell – faq – filter – flexauto – flexbox – marquee – readmore – sameheight – tab – tabslide IMAGES : image_compare – image_hover – image_magnify – imagemap – lorempixel – slider_owl – slideshow_billboard MULTIMEDIA : media_plyr – media_youtube – sound_hover TABLES : table_by_columns – table_by_rows – table_fixe – table_flip DIVERS : countdown – gmap – lorem – meteo_france INTERNE : upactionslist – upscsscompiler

Liens

À découvrir sur https://up.lomart.fr

Interdire l’accès à un dossier

Christophe Avonture (@cavo789)

J’en veux un â&#157;¤

image

Pourquoi ð&#159;&#155;&#130;

Cette protection, dite htpasswd, est mise en place au niveau du serveur Apache/nginx; elle est plus forte qu’une protection logicielle car on ne sait pas la “brute-forcer”. ð&#159;&#145;¾

Pour l’affichage du formulaire de connexion, aucun code PHP n’est requis : votre site Joomla n’est pas même accédé, votre log des intrusions est préservé, vous n’aurez pas mille alertes “Quelqu’un essaie de s’introduire...”

Uniquement pour le dossier administrator

Non, pas du tout !

Une protection htpasswd peut être ajoutée sur n’importe quel dossier de votre site et va automatiquement restreindre l’accès aux seules personnes disposant du prévieux sésame ð&#159;&#148;&#145;.

Par exemple

Création â&#156;&#143;

  1. Il faut ajouter dans le dossier à protéger un fichier .htaccess
  2. Il faut y inclure les lignes que vous verrez sur la diapositive suivante
  3. Il faut générer un fichier nommé .htpasswd avec un ou plusieurs couples login/password
Fichier .htaccess
AuthUserFile .htpasswd
AuthName "Vous devez montrer patte blanche"
AuthType Basic
require valid-user
Fichier .htpasswd

Exemple :

Christophe:$apr1$2xK9t8ST$PX8xXmyHpvCXnd7T/ZVq4.

Générateur en ligne : http://aspirine.org/htpasswd.html

1.1.17. Remarques ð&#159;&#147;&#148;

1.1.17.1. Mieux qu’un ?clef_secrete

Certains plugins Joomla permettent d’obliger l’utilisation d’une clef secrète type https://monsite/administrator/index.php?MaSuperClefSecrete.

ð&#159;&#153;&#136; ð&#159;&#153;&#137; ð&#159;&#153;&#138;

Il faut installer un tel plugin et Joomla est donc accédé, c’est donc “trop tard”. Et puis, ces plugins ne fonctionnent que pour /administrator.

1.1.17.2. Mise en place

Il existe des outils pour mettre en place ce type de protection. Les logiciels type pare-feu (AdminTools, aeSecure, ...) proposent cela dans leur version gratuite.

1.1.17.3. Remplissage automatique

Des outils comme p.ex. LastPass (coffre fort où l’on stocke ses mots de passe) peuvent automatiquement compléter ces écrans de connexions : la protection est donc forte et peu intrusive.

1.1.18. Quelques liens ð&#159;&#148;&#151;

1.2. Le best of de Marc – Brian Teeman

Marc Dechèvre (aka Woluweb)

1.2.1. Astuces par Brian Teeman (JoomlaDay UK 2017)

JD17UK – Joomla Achieving Magic

https://www.youtube.com/watch?v=hajcntZF7Uw https://fr.slideshare.net/brianteeman/jam-joomla-achieving-magic

1.2.1.1. Make the menu work for your users

Réduire le nombre de menu dans l’administration. Depuis Joomla 3.7, on peut complètement personnaliser l’interface d’administration

1.2.1.2. Save them from wysiwyg hell

Afficher une version allégée de l’éditeur pour que l’utilisateur ait uniquement à l’écran les boutons/fonctions dont il a besoin

1.2.1.3. Show them their own content when they login

Dans le module Latest articles il y a un paramètre pour choisir l’auteur... Exemple : Ajouté ou modifié par moi

On peut faire cela aussi depuis le front-end : https://brian.teeman.net/joomla/871-managing-content-should-be-easy

1.2.1.4. Create templates for content

Créer une catégorie mes templates. Ils contiennent un article-type avec le bon layout, le bon css etc. Ils sont dépubliés, mais l’utilisateur peut les ouvrir et cliquer sur le bouton Save as copy /

Dans le backend, on peut afficher avec le module Articles - latest tous les articles de cette catégorie.

1.2.1.5. Customise the edit pages with just what they need
1.2.1.6. Don’t forget you can drag & drop images into your content

On peut directement glisser-déposer les images dans son contenu

1.2.1.7. Hidden menu items, not hidden menus

Un nouveau paramètre a été ajouté lorsqu’on édite un élément de menu : Display in Menu : YES/NO

1.2.1.8. Automate everything you possibly can
1.2.1.9. Use default image if they forget to add one

Grâce à un layout override, on peut dire si pas d'image d'intro, utiliser telle image.

1.2.1.10. Custom Fields really make everything easier

Voir les présentations à ce sujet

1.3. Le best of de Marc – Shirat Goldstein

Marc Dechèvre (aka Woluweb)

1.3.1. Astuces par Shirat Goldstein (Joomla World Conference 2017)

Certaines astuces viennent d’une présentation faite par Shirat Goldstein lors de la Joomla World Conference 2017 à Rome Secrets from the Workstation

https://www.youtube.com/watch?v=07uZ8MDaE_Y

1.3.1.1. TinyMCE & JCE – insérer facilement une image

Saviez-vous qu’on peut glisser-déposer une image directement dans l’éditeur, que l’on utilise TinyMCE ou JCE ?

1.3.1.2. Menu caché (hidden menu)

Dans l’élément de menu, on peut directement choisir d’afficher ou pas un menu. Plus besoin (comme dans le temps) de créer un Menu caché factice contenant tous les éléments de menus qu’on ne souhaite pas montrer

1.3.1.3. no follow – no index

Vous avez un site en développement ? Pour éviter qu’il soit déjà référencé alors que le site n’est pas encore prêt (ce qui vous pénalise ensuite), n’oubliez pas d’aller dans Configuration et de choisir l’option no follow - no index

1.3.1.4. Changer le message du site “hors ligne”

Se configure dans le menu Système > Configuration

Pour un site multilingue, on peut même faire une surcharge de langue

On peut aussi ajouter le logo du client, ...

1.3.1.5. Association multilingue

Dans les sites multilingues, on peut lier entre eux

C’est beaucoup plus facile lors de l’édition du contenu car dans la liste on a un lien direct vers chacune des langues

1.3.1.6. Afficher les positions de module

Parfois, dans le front-end, on cherche à savoir où se trouve quelle position. Il est possible d’avoir une indication visuelle : https://docs.joomla.org/Finding_module_positions_on_any_given_page/fr

Concrètement :

  1. Dans l’interface d’administration, allez dans Extensions—>Templates. Cliquez sur Paramètres et réglez Prévisualisez la position des modules sur Activé.
  2. Enregistrez et fermez.
  3. Sur la page voulue de votre site, ajoutez ?tp=1 à la fin de l’url
1.3.1.7. Créer sa propre page 404

A moins que votre template ait directement prévu de pouvoir personnaliser sa page d’erreur (page 404), voici comment procéder : https://docs.joomla.org/Creating_a_Custom_404_Error_Page/fr

2. Merci pour votre attention

... et merci à tous les intervenants qui ont contribué à cette présentation éclair