77 Rue Clemenceau, 54820 Marbache +33 03 83 56 65 20 +33 06 87 42 95 30

Sous l'onglet mises à jour, vous pouvez vérifier la version du template installé et du Framework EF4.

maj1

Comment mettre à jour le framework ?

Automatiquement:

Extensions -> Mises à jour

Recherchez si des mises à jour sont disponibles, sélectionnez -les, puis cliquez sur le bouton Mises à jour.

 maj2

Manuellement:

Extensions -> Gérer -> Installation

installation8

 stockage1

Réglages mémorisés - Une liste de fichiers de paramètres précédemment enregistrés. Sélectionnez l'élément et cliquez sur le bouton "CHARGER" pour utiliser les paramètres ou téléchargez-les en tant que fichier à l'aide du bouton 'Envoyer' des paramètres.

Envoi de Paramètres - Choisissez un fichier avec les paramètres enregistrés et téléchargez-le. Le fichier apparaîtra dans la liste de l'option 'Réglages mémorisés'.

NOTE : Le Navigateur IE ne prend pas en charge le téléchargement.

Enregistrer les paramètres - Enregistrer les paramètres du template en tant que fichier. Le fichier apparaîtra sur la liste dans l'option 'Réglages mémorisés' . <b>Veuillez noter:</b> Vous devez d'abord enregistrer les paramètres du template afin de les enregistrer en tant que fichier.

NOTE : Vous devez d'abord enregistrer les paramètres du template afin de les enregistrer en tant que fichier.

Emplacement de stockage – C'est à cet endroit que tous vos fichiers de configuration sont conservés

Le framework EF4 propose un large éventail de paramètres qui vous aidera à configurer votre template rapidement et facilement. Nous allons y jeter un coup d'œil,

Les paramètres du template sont situés dans le back-end de template:

Extensions -> Templates -> [nom_du_template]

reglages1

Logo – Choisissez une image à télécharger comme logo pour votre site.
Laissez vide ou cliquez sur le bouton en forme de croix si vous ne souhaitez pas afficher le logo ou vous souhaitez afficher un logo texte seulement.

Texte du logo - Entrez un texte de logo comme alternative à une image de logo.
Le texte du logo s'affiche uniquement lorsque vous n'avez choisi aucune image à afficher comme logo.

Description du site – Entrez une description du site.
C'est généralement affiché sous le logo ou à côté.

Image favicon - Choisissez une image à télécharger comme favicon pour votre site.
Elle est généralement affichée dans la barre d'adresse du navigateur, sur l'onglet du navigateur ou dans une liste de signets. La taille recommandée pour un favicon est de 16 x 16 pixels.

Sélecteur de taille de police – activer ou désactiver le sélecteur de taille de police.
Il est généralement affiché au-dessus de la zone de composant du template. Cet outil permet d'agrandir ou réduire la taille de la police de la zone de composant.

Bouton de retour en haut – Activer ou désactiver l'option bouton " Retour en haut de page".
Il est généralement affiché dans le coin inférieur ou dans la zone de bas de page de template. Ce bouton permet de défiler de manière souple vers le haut de la page.

Barre latérale offcanvas - Choisissez si vous voulez afficher la barre latérale offcanvas. Offcanvas est une barre latérale dans une position du module supplémentaire qui peut être affichée en cliquant sur un bouton personnalisé.

Largeur Offcanvas - Entrez la largeur de la barre latérale offcanvas en pixels.

Position Offcanvas - Choisissez si vous voulez afficher la barre latérale offcanvas sur le côté gauche ou le côté droit de votre template.

Comment afficher la barre latérale offcanvas sur un site web?

Pour afficher la barre latérale offcanvas sur votre site, vous devez suivre ces étapes:

Étape 1: Assurez-vous que vous avez activé la fonctionnalité d'offcanvas dans les paramètres du template, tel que décrit ci-dessus.

Étape 2: Créez un module personnalisé de HTML avec le code suivant:

<a class="toggle-nav menu"><span class="icon-align-justify"></span></a>

Publier le module sur une des positions de module disponibles dans votre template. Il contient un bouton sur lequel un utilisateur peut cliquer pour afficher ou masquer la barre latérale offcanvas.

ASTUCE Comment empêcher joomla de nettoyer des éléments HTML ? (en anglais)

Étape 3: Publier un module dans la position du module « offcanvas ». C'est une position de module à l'intérieur de la barre latérale offcanvas.

ASTUCE Comment créer un module HTML personnalisé ? (en anglais)

 

Page prochainement (coming soon) - Choisissez si vous voulez afficher la page "prochainement". Cela affiche un compte à rebours pour compter le temps restant pour lancer un site Web.

Date prévisionnelle d'ouverture - choisir une date à laquelle vous avez l'intention de lancer un site Web. L'horloge de compte à rebours va compter le temps restant jusqu'à cette date.

Mise en page responsive – Activer ou désactiver le modèle responsive pour tablettes et mobile.
Lorsque cette option est désactivée, votre site sera la même largeur pour tous les périphériques : ordinateurs de bureau, les tablettes et les mobiles.

Désactiver le composant – Sélectionnez les pages sur lesquelles vous souhaitez masquer la zone de composant.
Cette fonctionnalité peut être utile pour vous, si vous décidez de publier uniquement des modules sur une des pages de votre site.

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 webfontreglages5

 

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.

couleurs1

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 ?

 couleurs2

É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.

fonctions avancees1

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.