Tutoriels sur Joomla et la création de site

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

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 :

 
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.

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 modifier une couleur ?

Étape 1:Choisissez une couleur dans la palette ou entrez le code hexadécimal de la couleur souhaitée.

Étape 2:Enregistrez les paramètres.

INFO Comment faire pour ajouter un nouveau paramètre dans l'onglet Modifications de couleur ?

NOTE Si vous souhaitez restaurer les valeurs par défaut de la couleur, supprimez simplement les valeurs de tous les champs et cliquez sur Enregistrer.

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 verrez des boutons supplémentaires pour enregistrer vos paramètres.

INFO Nous avons une section distincte consacrée au personnaliseur de thème . Visitez-la

Source Map (LESS) – Activer ou désactiver une source Map pour chaque fichier LESS qui a été compilé en CSS.De cette façon, vous serez en mesure d'inspecter le code à l'aide d'un des outils de développeur web pour trouver un emplacement de fichier et le numéro de ligne des styles LESS.Veuillez noter qu'un inspecteur web doit prendre en charge les sources Map.

Injection de code - Ajoute du code personnalisé dans la section head si nécessaire. Ici vous pouvez coller un script Google Analytics, Google Webmaster meta tag ou tout autre code personnalisé qui doit être collé dans la section head du template.

Compression CSS/Compression JS – activer ou désactiver le compresseur CSS/JS. Cela vous aidera à optimiser la vitesse de chargement de votre site.
Comment fonctionnent les compresseurs ?
- les fichiers sont fusionnés en un seul fichier
- comments, tabs, spaces, new lines and other unuseful signs are removed
- Le temps de réponse est réduit

Compression HTML - activer ou désactiver le compresseur HTML. Le compresseur supprime les commentaires, les espaces et les sauts de ligne de la sortie de code HTML.

Ignorer fichiers – Ajouter des fichiers CSS ou js (Nom de fichier ou de chemin complet) qui seront ignorés pendant la compression. Chaque fichier doit être ajouté dans une nouvelle ligne.

Reporter les scripts de chargement – Active le report de chargement de tous les scripts. Cette option peut améliorer la vitesse de chargement de votre page, mais la mettre en route peut également provoquer des erreurs de javascript. Vous pouvez exclure des scripts qui provoquent des bogues en les répertoriant dans le champ ci-dessous. jQuery et Mootools en sont exclus par défaut.enable or disable defer loading of all scripts. This option can improve your page speed loading, but turning it on can also cause javascript errors. You can exclude individual scripts which are causing bugs by listing them in the "Exclude scripts" field. jQuery and Mootools libraries are excluded from defer loading by default.

Scripts Exclus – liste des scripts (chemins) qui sont exclus du report de chargement par défaut, en raison des dépendances des scripts.

Exclure les scripts – Ajouter des scripts (nom de fichier ou partie du chemin) à exclure du report de chargement. Chaque fichier doit être ajouté dans une nouvelle ligne.

Facebook Open Graph - Activer le protocole Open Graph Facebook.Il comprend les balises META qui aident votre site Web à devenir un objet important pour les graphes sociaux. Cette fonction est liée au composant de contenu Joomla.

Facebook APP ID - Facultatif. Il s'agit de L'ID unique qui permet à Facebook de connaître l'identité de votre site. Ceci est crucial pour que Facebook Insights travaille correctement. Consultez la documentation de Facebook pour ensavoir plus.

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.

La mise en page du template se compose de plusieurs blocs. Chaque bloc peut contenir une ou plusieurs positions de module. En utilisant le constructeur de mise en page, vous serez capable de :

• modifier la largeur du template en pixels ou en pourcentage

• modifier la taille de la gouttière

• modifier l'ordre des blocs

• activer ou désactiver le recalcul de pleine largeur

• modifier l'ordre des colonnes principales

• modifier la largeur des colonnes principales en se basant sur la taille de la grille bootstrap.

• choisir le nombre de modules dans un bloc modulaire

• assigner des positions de module

• exclure les blocs inutilisés

• masquer un bloc ou un seul module selon la taille de l'écran

• modifier la largeur des modules dans un bloc modulaire selon la taille de l'écran

• enregistrer vos paramètres et les affecter aux éléments de menu sélectionnés

La configuration de la mise en page n'a jamais été aussi facile.