Structure de fichiers d'un template basé sur le Framework EF4

Assets/config :

Dans l'onglet stockage de paramètre dans les paramètres de template, vous pouvez enregistrer tous les paramètres dans un fichier. Tous les fichiers de configuration sont stockés dans ce répertoire par défaut.

Tous les fichiers sont générés automatiquement et vous n'avez pas besoin de les modifier.

Assets/layout : 

Dans ce répertoire, vous trouverez les fichiers de configuration pour chaque mise en page disponible. Ces fichiers contiennent des informations sur la structure du bloc du constructeur de mise en page.

Tous les fichiers sont générés automatiquement et vous n'avez pas besoin de les modifier.

Assets/style :

Dans ce répertoire, vous trouverez les fichiers de configuration pour chaque style de template. Ces fichiers contiennent des informations sur l'assignation des menus pour les mises en page disponibles de chaque style de template. Le nom de fichier contient un ID de style de template, par exemple : assigns-9.json ( id du template est 9).

Tous les fichiers sont générés automatiquement et vous n'avez pas besoin de les modifier.

cache :

If the CSS and/or JS compressor is enabled in the template parameters, then the cached files are stored in this directory.

Tous les fichiers sont générés automatiquement et vous n'avez pas besoin de les modifier.

css :

La plupart des fichiers CSS sont compilées à partir des fichiers LESS et vous n'avez pas besoin de les modifier:

  • bootstrap_responsive_rtl.css

  • bootstrap_responsive.css

  • bootstrap_rtl.css

  • bootstrap.css

  • comingsoon.css

  • offcanvas.css

  • offline.css

  • template_responsive.css

  • template_rtl.css

  • template.css

  • Et tous les fichiers relatifs aux extensions, par exemple, djmegamenu.css, djclassifieds.css, etc.

Les fichiers suivants ne sont pas compilés à partir des fichiers CSS et vous pouvez les modifier si nécessaire:

  • error.css – feuille de style de la page d'erreur

  • template_params.php - Cela charge du code PHP comme des styles CSS. Nous utilisons ce fichier pour les sélecteurs avancés que vous pouvez trouver dans les paramètres du template dans l'onglet Paramètres de police.

Dans le répertoire CSS vous trouverez aussi des maps sources pour les fichiers LESS :

  • *.map - Grâce à eux, vous pouvez utiliser un inspecteur web pour inspecter les fichiers LESS. Ils sont générés automatiquement afin que vous ne devez pas les modifier.

Les noms de fichiers peuvent contenir un ID de style de template. Chaque style de template a des feuilles de style CSS séparées, puisque vous pouvez enregistrer différents paramètres (Par exemple, couleurs, polices, largeur du template, etc) pour chacun. par exemple

  • bootstrap_responsive_rtl.14.css

  • bootstrap_responsive_rtl.11.css

  • bootstrap_responsive_rtl.9.css

fonts :

Dans l'onglet Paramètres des polices dans les paramètres de template, vous pouvez télécharger une police web générée et l'assigner comme police du template. La police téléchargée est stockée dans ce répertoire.

html :

Répertoire des surcharges de mise en page. Plus de détails:

Surcharges de mises en page dans Joomla (en anglais)

Comprendre les surcharges de rendu ( output overrides ) (en anglais)

images :

 

Répertoire d'images du template.

Si vous créez une version de couleur en tant que style de template distinct, vous aurez peut-être à utiliser certaines images de template différentes pour chacun d'eux. Il existe un autre paramètre de template pour choisir un chemin d'accès aux images. De cette façon, vous pouvez choisir un chemin différent pour les images de chaque style de template, par exemple :

  • images/scheme1

  • images/scheme2

  • images/scheme3

js :

Répertoire des scripts du template.

language :

Répertoire des fichiers de langue du template.

less :

Répertoire des fichiers LESS du template.

  • less/bootstrap_responsive_rtl.less - fichier principal des styles Bootstrap responsive LESS pour les langues RTL (right to left)

  • less/bootstrap_responsive.less - fichier principal des styles Bootstrap responsive LESS pour les langues LTR (left to right)

  • less/bootstrap_rtl.less -fichier principal des styles Bootstrap LESS pour les langues RTL (right to left)

  • less/bootstrap.less - fichier principal des styles Bootstrap LESS pour les langues LTR (left to right)

  • less/comingsoon.less - styles LESS pour la page "prochainement"

  • less/custom.less - styles LESS pour des styles personnalisés. Un client peut mettre des styles personnalisés ici.Ce fichier n'existe pas dans le package du template, vous devez créer ce fichier manuellement. Plus de détails dans l'article :Comment ajouter vos proprs styles css dans un tempalte basé sur le framework EF4?

  • less/djimageslider_responsive.less, less/djmediatools_responsive.less, less/djclassifieds_responsive.less, etc - Styles Responsive LESS des extensions

  • less/djimageslider_rtl.less, less/djmediatools_rtl.less, less/djclassifieds_rtl.less, etc - Styles Responsive LESS des extensions en langage RTL

  • less/djimageslider.less, less/djmediatools.less, less/djclassifieds.less - LESS des extensions

  • less/editor.less - Styles LESS pour la typographie et code html personnalisé

  • less/joomla.less - Styles LESS pour les modules et vues Joomla

  • less/layout.less - Styles LESS pour la mise en page du template

  • less/modules.less - Styles LESS pour le design des modules

  • less/offcanvas.less - Styles LESS pour panneau offcanvas

  • less/offline.less - Styles LESS pour le panneau en mode hors connexion

  • less/template_mixins.less - mixins supplémentaires pour Styles LESS du template

  • less/template_responsive.less - Styles LESS pour mises en page responsives

  • less/template_rtl.less - Styles LESS du template pour les langues RTL

  • less/template_variables.less - Variables de template pour les Styles LESS de template

  • less/template.less - Fichier principal du Style LESS des templates

Less/override :

Répertoire des fichiers de surcharge Bootstrap LESS .

La principale bibliothèque de bootstrap est situé dans le répertoire de plugins:
plugins/system/ef4_jmframework/includes/assets/template/bootstrap

Si vous avez besoin d'ajouter un fichier personnalisé Bootstrap LESS dans le template, Vous devez copier le fichier personnalisé dans /less/override dans le répertoire template.

Vous devez copier deux versions du fichier, pour les langues RTL et LTR:

  • less/override/ltr

  • less/override/rtl

N'oubliez pas de changer le chemin du fichier dans le fichier Bootstrap principal. Prenons le fichier form.less comme exemple. Si vous copiez ce fichier vers le répertoire /less/override, Vous devez éditer le fichier bootstrap.less pour décommenter l'ancien chemin d'accès et ajouter le nouveau chemin:

old path:
@import "../../../plugins/system/ef4_jmframework/includes/assets/template/bootstrap/less/forms.less";

new path:
@import "override/ltr/forms.less";

 

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Fonctionnels