• 1. Introduction
    • Les outils du développeur
  • 2. HTML
    • La syntax
      • Balise inline ou block ?
      • Les balises les plus utiles
      • Balises avec attributs
    • Une page html
      • Le nommage en WEB
      • Créer un fichier HTML
      • Structure de base
  • 3. CSS
    • La syntax
      • Les unités
      • Les sélecteurs
    • Une feuille css
      • Créer un document CSS
      • Lier le CSS
    • Positions
    • Flexbox
    • Grid
    • Responsive (Media queries)
  • 4. JS
    • La syntax
      • Les variables
    • Un fichier js
    • Exercices
  • 5. CMS
    • Introduction aux CMS
    • Installation de XAMPP (serveur local)
    • Joomla
      • Architecture
      • Le thème enfant
      • Les modules
      • Les menus
      • Custom fields
      • Language overrides
      • Tips&tricks
    • Wordpress
      • Initiation d'un wordpress
      • Le thème enfant
  • 6. SEO
    • Pourquoi la sémantique ?
  • 7. Mise en ligne
  • 8. UI / UX Design
    • Figma
      • Comprendre l'interface
      • Les pages et les calques
      • Raccourci clavier
    • Introduction
      • Les outils et aides de créations
      • Déroulement type d'un projet
Contact & horaire
  • fr
  • de

Tips&tricks

Favicons

Pour overrider la favicon de joomla, il faudra créer 3 fichiers différents en les nommant de la manière suivante :

  • favicon.ico
  • joomla-favicon.svg ~150x150px
  • joomla-favicon-pinned.svg ~150x150px

Glisse ces 3 fichiers dans le dossier images sous joomla : media/templates/site/ton_theme/images Au rafraîchissement de ta page, la favicon devrait apparaître dans l'onglet du navigateur.

Les noms des fichiers doivent impérativement être nommé comme l'exemple ci-dessus sans quoi l'override ne se fera pas

Sources : article override favicon


Ajouter jQuery

// ligne ~17 de l'index.php du thème enfant
Joomla\CMS\HTML\HTMLHelper::_('jquery.framework');

Télécharger le PDF : ajouter jQuery à Joomla 4
Voir l'original


Ajouter icon de fermeture du menu mobile

Avant de passer à cette étape, il te faudra activé le mode Collapsible dropdown dans le module du menu
Tout est expliqué ici

Télécharger le PDF : ajouter icon fermeture menu mobile
Voir l'original


Modifier le logo

Télécharger le PDF : ajouter icon fermeture menu mobile
Voir l'original


Ajouter une iframe

Télécharger le PDF : ajouter une iframe
Voir l'original

Table of Contents

  • Favicons
  • Ajouter jQuery
  • Ajouter icon de fermeture du menu mobile
  • Modifier le logo
  • Ajouter une iframe