Lightning Talks - jd18fr

Les trois chapitres présentés par Marc Dechèvre lors du JoomlaDay 2018 à Paris

<!DOCTYPE html> marc

Le best of de Marc - Marc

Marc Dechèvre (aka Woluweb)

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 - si toutes les images sont d’office optimisées - ou si on le fait manuellement

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

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

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é

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

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>

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

Changer de version de Boostrap

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

  • https://readybytes.in/blog/upgrading-your-joomla-site-from-bootstrap-v2x-to-v3x
  • http://www.joostrap.com/support/tutorials-videos/206-boostrap2-to-bootstrap3-super-easy-update
  • https://github.com/asika32764/bootstrap3-adapter
  • https://github.com/rakeshmali/joomla-bootstrap-v3-template

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 ?

  • Joomla https://www.cvedetails.com/product/16499/Joomla-Joomla-.html?vendor_id=3496
  • Wordpress https://www.cvedetails.com/product/4096/Wordpress-Wordpress.html?vendor_id=2337

Partages Facebook & Twitter

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

  • https://developers.facebook.com/tools/debug/
  • https://cards-dev.twitter.com/validator

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

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)

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

Tâches CRON

Besoin de lancer une tâche CRON comme par exemple - pour lancer chaque nuit un backup automatiquement - pour lancer une newsletter tous les quarts d’heure - … mais votre hébergeur n’offre pas ce service (ou vous voulez le faire indépendemment de votre hébergement).

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

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


  • Activer le plugin contenu – indexation de recherche
  • Aller dans Contenu > Recherche Avancées > bouton Index
  • Ensuite aller sur Filtres de recherche et choisir sur quelles catégories on filtre (nb : si on n’a pas indexé, le 1er onglet sera simplement vide)

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

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

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

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

Il sera chargé automatiquement


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

isis-css.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

<!DOCTYPE html> brian

Le best of de Marc - Brian Teeman

Marc Dechèvre (aka Woluweb)

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

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

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

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

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.

Customise the edit pages with just what they need

  • https://magazine.joomla.org/issues/issue-sept-2014/item/2293-creating-an-article-in-joomla-has-never-been-this-easy
  • https://brian.teeman.net/joomla/867-simplifying-joomla-content-editing-part-1
  • https://brian.teeman.net/joomla/868-simplifying-joomla-content-editing-part-2

Don’t forget you can drag & drop images into your content

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

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

Automate everything you possibly can

  • dépublication des articles (mettre une date de fin de publication au moment de la création)
  • mises à niveau de Joomla (certains hébergeurs le permettent)
  • backups
  • mises à jour d’extensions : n’installer que les extensions vraiment nécessaires car il y aura d’autant moins de maintenance

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.

Custom Fields really make everything easier

Voir les présentations à ce sujet

<!DOCTYPE html> shirat

Le best of de Marc - Shirat Goldstein

Marc Dechèvre (aka Woluweb)

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

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 ?

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

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, …

Association multilingue

Dans les sites multilingues, on peut lier entre eux

  • menus
  • articles

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

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

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