tutoriels frameworks / templates

Tutoriels sur Gantry, Vertex, Helix ... etc ...

(documentation personnelle ou traduction de la documentation originale)

Sous-catégories

Tutoriels Gantry5

Gantry5 remplace avantageusement Gantry4 !

Retrouvez-ici toutes les procédures pour prendre en main cet outil !

Tutoriels Helix

Retrouvez les tutoriels et toute la documentation Du framework Helix de Joomshaper traduite en français. (http://www.joomshaper.com/documentation/helix/)

Tutoriel Astroïd

Tutoriel ASTROÏD

Documentation en français sur le framework astroïd Pour Joomla

https://astroidframe.work/

par

Astroid c’est quoi ?

Astroid est un puissant framework moderne conçu pour les designers et les développeurs ou simplement pour vous aider à créer votre premier site web. Son interface intuitive vous aidera à créer des sites web et des templates basés sur Joomla cc réactifs, rapides et robustes. Astroid utilise les dernières technologies web et intègre et améliore les capacités de base de Joomla.

Caractéristiques

Construit pour Joomla 4, Joomla 5 & au delà!
Crée des sites web à chargement rapide
Structure 100 % réactive avec des contrôles utilisateur avancés par appareil
Compatible Bootstrap 5, Sass Ready, Custom CSS & SCSS si necessaire
Constructeur de mise en page ergonomique par glisser-déposer avec une flexibilité totale en matière de conception
Options flexibles pour le logo et l'en-tête (logo Retina, menu « collant », contrôles de la mise en page...)
Font Awesome 6 (Chargement externe ou locale)
Icônes sociales, téléphone et partage
Conception accessible et instructions textuelles Prêt pour le RTL/LTR
Animations des sections et des éléments et contrôles étendus de l'arrière-plan
Options avancées des menus (bannières de pages, icônes, sous-titres, badges...)
Sections off-canevas et options puissantes de " Mega Menu "
Contrôles typographiques avancés pour les polices externes (Google, etc.) ou auto-hébergées
Options avancées de blog (Informations sur l'auteur, Articles connexes, Temps de lecture, Partage social, Commentaires...)
Options de type d'article personnalisé (vidéos, galerie, audio, commentaires, citations et badges d'articles...)
Intégration illimitée de codes et de fichiers personnalisés (Javascript, CSS, code de suivi...)
Profils et thèmes personnalisés avec paramètres d'importation/exportation
Lazy Loading et optimisation du code JS et CSS
Open Graph
Possibilité d'intégration totale des modèles enfants de Joomla
Administration Ajax et thèmes de couleurs claires et foncées avec commutateur pour les visiteurs
Expérience utilisateur améliorée. Créez facilement le design que vous avez en tête.
Code de base remanié, amélioration de toutes les versions
Disponible dans plusieurs langues
Système puissant de widgets
Et plus encore ...
N'activez que ce dont vous avez besoin et demandez-nous de nouvelles fonctionnalités !

Pour démarrer :

Vous avez 2 minutes ?

Découvrez un aperçu vidéo du framework Astroid

reglages3

Sous l'onglet réglages de police, vous êtes en mesure de changer la taille et la famille de polices des textes et des rubriques suivants:

Police de base – Les paramètres relatifs à l'ensemble du template.
La police de base est généralement affiché pour le contenu d'article et du module.

Menu horizontal – Les paramètres relatifs au menu horizontal.
Il est généralement publié en haut du template. Dans les templates J3 commerciaux de template-monster, ils utilisent DJ-MegaMenu et DJ-Menu pour les gratuits,

Entêtes de modules – Les paramètres relatifs aux entêtes de module.

Entêtes d'Article – Les paramètres relatifs aux entêtes d'articles.

Paramètres avancés – Les paramètres relatifs aux sélecteurs spécifiés.
Dans le champ sélecteurs vous devez entrer ID's ou des classes pour toute partie de tempalte dont vous voulez modifier les paramètres de police.
N'oubliez pas d'utiliser la virgule pour séparer les sélecteurs.
Par exemple: h1, #jm-top

Il existe 3 types de police disponibles à choisir :

1. Police depuis la liste

reglages4

Vous pouvez choisir parmi les polices web sécurisées suivantes :

Arial - Arial, Helvetica, sans-serif
Arial Bold - 'Arial Black', 'Arial Bold', Gadget, sans-serif
Arial Narrow - 'Arial Narrow', Arial, sans-serif
Tahoma - Tahoma, Geneva, Verdana, sans-serif
Verdana - Verdana, Geneva, Tahoma, sans-serif
Times New Roman - 'Times New Roman', Times, serif
Georgia - Georgia, 'Times New Roman', Times, serif
Courier New - 'Courier New', Courier, 'Andale Mono', monospace
Trebuchet MS - 'Trebuchet MS', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif
Lucida Sans - 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif
Impact - Impact, Haettenschweiler, 'Arial Narrow Bold', Charcoal, sans-serif
Palatino - Palatino, 'Palatino Linotype', 'URW Palladio L', Georgia, 'Times New Roman', Times, serif
Century Gothic - 'Century Gothic', 'Apple Gotic', 'URW Gothic L', sans-serif

2. Google webfont

Toutes les polices de Google que vous pouvez consulter ici : http://www.google.com/fonts

3. Polices web générées

Télécharger une police web générée :

reglages6

Pour télécharger une nouvelle police sur votre serveur afin de l'utiliser sur votre site :

Étape 1: Cliquez sur Parcourir pour sélectionner les fichiers de polices de votre disque.

Étape 2: Cliquez sur Télécharger pour télécharger les fichiers de polices sur votre serveur.

reglages7

Important ! Vous devrez enregistrer votre mise en page pour voir arriver votre police dans la liste !

NOTE : Téléchargez au moins 3 formats de police et assurez-vous que les fichiers de polices sont nommés exactement de la même façon.
Extensions de fichiers de polices acceptées: *.ttf, *.eot, *.woff, *.svg. Exemple: arial.ttf, arial.eot, arial.woff, arial.svg.

Dans l'onglet Modifications de couleur, vous pouvez modifier les couleurs liées au design du template comme arrière-plans, couleurs, couleurs des polices, etc..
Quels éléments seront disponibles pour changer leurs couleurs dans cet onglet ? cela dépend de la conception du template.

Comment...

Lire → Modifications de couleurs

Personnaliseur de Thème – Activer le personnaliseur de thème sur le front-end.

Login Personnaliseur de Thème – Choisissez si vous souhaitez afficher le formulaire de Login dans personnaliseur de thème
Si vous vous connectez dans le panneau personnaliseur de thème, vous...

Lire → Fonctionnalités avancées

Le Constructeur de mise en page est un outil inclus dans le framework EF4 et qui permet de personnaliser la mise en page de votre template à l'aide d'une interface conviviale.

builder1

La mise en page du template se compose...

Lire → Présentation de l'outil

Le constructeur de mise en page est situé dans le backend de votre template:

Extensions -> Gérer-> [nom_du_template]

Cliquez sur l'onglet constructeur de mise en page :

image

En haut du constructeur de mise en page, vous trouverez deux...

Lire → Configuration

Plus d'articles...

Page 16 sur 25

Tutoriels sur Joomla et la création de site