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

Obtenir l'affichage de la typographie dans votre site

Purity III fournit une variété de typo qui vous permettra d'économiser votre temps pour construire votre contenu et de lui donner fière allure. Nous avons mis toutes les typos utilisées pour construire le Contenu Purity III dans une page typo dans le site exemple (Tous les éléments de menu sous l'élément de menu typographie).

Voir les exemples de TYPO

Remarque :

Purity III intègre Bootstrap 3 donc il prend en charge toutes les typos Bootstrap 3.

Etape 1: obtenir le balisage de typo

Il y a plusieurs façons d'obtenir le balisage de typo.

#1: en utilisant Firebug

#2: en utilisant Webdevelopper pour firefox

#3: en utilisant le package quickstart

Joomlart fournit un package quickstart qui inclut des exemples de données de telle sorte que lors de l'installation, votre site sera identique à la démo de Purity III. Lorsque vous avez le site installé, ouvrez juste une session back-end et allez chercher les balises de typo d'articles, ou de module personnalisé HTML.

Étape 2: ajouter des balises de typo à votre contenu

Vous pouvez ajouter du balisage de typo au champ de contenu de l'article ou au module HTML personnalisé.

Désactiver l'éditeur :

Lorsque vous ajoutez le code HTML au contenu - article, veuillez vous assurer que vous désactivez l'éditeur. Allez dans Sytème >> configuration, choisir Editeur – non WYSIWYG dans le champs Éditeur par défaut.

Ou directement depuis l'éditeur HTML, basculer en mode HTML.

Étape 3: obtenir la typo affichée en première page

Créer un lien de menu, affecter l'article auquel nous avons ajouté le balisage de typo HTML.

Pages de typographie prises en charge dans le tempalte purity III

La typo pré-fabriquée vous permettra d'économiser du temps lorsque vous générez votre contenu de site.

Page Our Team

Code HTML

    <div class="our-team">
      
     <div class="page-header">
       <h1 class="text-center">Welcome to our...

Lire → Pages de typographie prises en charge

Système de Menu pris en charge par purity III:

Purity III prend en charge 3 systèmes de menu incluant Megamenu, la barre latérale Off-canvas et le menu par défaut Bootstrap sur petit écran comme les mobiles.

Megamenu

Off-canvas sidebar

Lire → Système de Menu pris en charge

Configuration du Megamenu Purity III

L'image ci-dessous montre l'exemple du menu megamenu dans la démo purity III. En fait, vous pouvez faire beaucoup plus avec tout ce que le Megamenu est capable de faire.

megamenu 1

Megamenu est une fonctionnalité principale de...

Lire → Configuration Megamenu

Configuration de la Barre latérale Off-canvas

L'idée première de Off-canvas est un système de menu pour mobile, mais maintenant il est beaucoup plus flexible. Off-canvas est considéré comme une position de sorte que vous pouvez ajouter lui tout contenu en...

Lire → Barre latérale Off-canvas

Plus d'articles...

Page 21 sur 25

Tutoriels sur Joomla et la création de site