Les templates Joomla 4 et 5 - Le livre
Apprenez à créer votre propre template Joomla 4 avec ce guide. Le livre comprend une découverte des bases des méthodes HTML et CSS à utiliser, puis vous obtiendrez toutes les informations nécessaires sur le template Joomla 4 dans la documentation technique et vous obtiendrez un tutoriel étape par étape pour vous montrer comment créer un joli template.
Utiliser les boutons éditeur avec JCE
Vous pouvez utiliser les boutons de l'éditeur dans JCE lorsque vous utilisez Page Builder CK. Pour cela vous aurez besoin de JCE PRO
Ensuite dans la configuration JCE vous devez activer le bouton Joomla Editor - XTD dans le profil que vous utilisez :
Create a gallery with pagination
You can create a gallery and show only a limited number of images at once and add a pagination + navigation system to navigate through all the images. This is possible with Mediabox CK.
Image au survol
Vous pouvez ajouter une interaction dans votre menu en utilisant un effet de survol : placez votre souris sur un lien de menu et l'image d'aperçu dans la colonne changera en fonction des paramètres de cet élément de menu. C'est une fonctionnalité intéressante que vous pouvez facilement faire en utilisant Maximenu CK.
Icones SVG
Si vous souhaitez utiliser des icônes dans votre page, vous pouvez choisir 2 façons de le faire :
- Charger une police d'icônes avec CSS (par exemple Fontawesome comme police) et utiliser des classes CSS pour afficher les icônes
- Charger le code SVG de l'icône dans la page HTML
Alors que faire ? Quel est le meilleur ?
Cas 1 : Si vous utilisez déjà une police d'icônes telle que Fontawesome dans votre site Web à d'autres fins, vous pouvez continuer à l'utiliser. Il n'y aura pas de charge supplémentaire.
Cas 2 : Si vous n'utilisez pas encore une police d'icônes, vous devriez plutôt utiliser les icônes SVG.
Comment activer le lazy loading pour les images
Le lazy loading (traduction littérale "chargement paresseux" en français) est désormais une fonctionnalité native des navigateurs qui permet à vos images de se charger uniquement lorsque cela est nécessaire. Imaginez que vous avez une page avec 20 images, mais seulement 4 d'entre elles sont visibles au chargement de la page. Avec le chargement paresseux activé, le navigateur ne chargera que les 4 images et cela réduira beaucoup le chargement de la page ! Les autres images seront chargées sur demande au scroll, dès qu'elles arrivent dans la zone visible.
Lire la suite : Comment activer le lazy loading pour les images
Charger vos diaporamas depuis Flexicontent
L'une des choses les plus intéressantes de Flexicontent est la possibilité de créer les champs personnalisés et de configurer votre contenu comme vous le souhaitez. Vous pouvez maintenant utiliser Slideshow CK pour afficher les diapositives en fonction des images chargées dans Flexicontent, en utilisant un champ personnalisé (type image). Sélectionnez simplement le type à charger dans le diaporama, le type d'élément, la catégorie et obtenez un beau diaporama automatiquement en fonction de votre contenu.
Lien sur rangée ou colonne
Vous pouvez créer du contenu dans une colonne en utilisant plusieurs addons (texte, image, etc.) et ensuite vouloir avoir un lien qui s'applique à toute la zone de contenu. Ceci est possible en utilisant Page Builder CK. Cette option est disponible sur une ligne ou sur une colonne.
Page 4 sur 10
News