- Vous êtes ici :
-
Accueil
-
blog / tutoriels
- tutoriels frameworks / templates
Tutoriels sur Joomla et la création de site
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
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
Approche simple
Dans YJSG, nous avons utilisé une approche très simple pour la mise en œuvre des Google fonts .
Cette option vous permettra d'utiliser toutes les 600 et + familles de polices disponibles dans la bibliothèque de polices Google.
exemple:
Utilisation
Accédez à votre gestionnaire de template, onglet nommé Style et activez les paramètres suivants:
-
Paramétrez "Utiliser substitution de polices des balises élément" sur Yes
-
"Type de substitution de la balise élément" choisir Google font
-
Google Font-Family par défaut ou utilisez le comme dans l'exemple
Mouse+Memoirs|cursive|normal -
Dans la zone de texte "sélecteurs concernés" ajoutez les sélecteurs qui doivent utiliser la Famille de fonte de Google définie ci-dessus
Paramètres de police Google expliqués
Le paramètre de police Google comporte trois attributs que vous pouvez utiliser et chacun d'entre eux doit être séparé par |:
exemple:
-
Mouse+Memoirs|cursive|normal
Le premier attribut est le nom de police réel pris directement à partir du lien de la feuille de style de police de Google, family= ( inclus + ):
exemple:
-
http://fonts.googleapis.com/css?family=Mouse+Memoirs
Le second attribut est en général une famille de police comme:
-
sans
-
sans-serif
-
cursive
-
fantasy
-
monospace
Le second attribut peut être combiné:
exemple:
-
Mouse+Memoirs|'Helvetica',arial|normal
-
Mouse+Memoirs|Helvetica,arial|normal
Le troisième attribut est font-weight (graisse de police) que vous pouvez définir comme:
-
bold
-
normal
-
500
-
700
exemple:
-
Mouse+Memoirs|cursive|normal
-
Mouse+Memoirs|cursive|bold
-
Mouse+Memoirs|cursive|700
Polices multiples
Pour une feuille de style avec plusieurs polices, utilisez un double signe égal entre les noms de police. Notez que la police supplémentaire sera incluse dans la feuille de style Google, mais que vous devrez ajouter les sélecteurs affectés par la police supplémentaire dans l'un des fichiers CSS de template.
exemple:
-
Rock+Salt==Open+Sans:400,500
Ajout dans custom.css :
h2.my_class{
font-family:OpenSans,sans-serif;
font-weight:300;
}
De meilleures polices Web avec @font-face
Depuis CSS2 nous pouvons profiter de @font-face et utiliser des types de polices personnalisés dans nos applications Web. Plutôt que d'être limité aux polices web par défaut nous pouvons maintenant utiliser notre propre famille de police et styler...
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...
Navigateurs supportés
|
|
|
|
|---|---|---|---|
Chrome 64+ |
Firefox 58+ |
Edge 14+ |
Safari 10+ |
Introduction
Dans ce didacticiel, nous installerons le template à l'aide de la fonctionnalité Télécharger du panneau de configuration de L’Administration Joomla.
Assurez-vous d'avoir téléchargé le template, (Vous...
Général
Sous la section Général, vous avez les paramètres suivants
- Préchargeur
- Retour au sommet
- Réglages de la mise en Page
Préchargeur
Cette option vous permet d'activer ou de désactiver le préchargeur pour le site. C’est un effet affiché pendant le...
Plus d'articles...
L'agence Web54 est spécialisée dans la création de sites internet, le référencement naturel (SEO), le développement web sur mesure, et propose des solutions utilisant Joomla pour les entreprises.
Interactions
A propos
S'inscrire à la newsletter
