Tutoriel Framework YJSG

 

YJSG Informations sur les exigences:

Tous les templates basés sur YJSG fonctionneront correctement sur Joomla! 2.5.x et +. Cependant, nous vous recommandons d'utiliser Joomla! 3.x.
Les exigences détaillées ci-dessous sont pour le CMS Joomla! uniquement et non pour YJSG.

Joomla! 2.5.x : Configuration requise

Logiciel

conseillé

Min exigé

Plus d’info

PHP

5.3+

5.2.4+

https://www.php.net

MySQL

5.0.4 +

5.0.4 +

https://www.mysql.com

Modules et serveurs Web

     

Apache

2.x +

2.x +

https://www.apache.org

Microsoft IIS

7

7

https://www.iis.net

Nginx

1.1

1.0

https://wiki.nginx.org/

mod_mysql

     

mod_xml

     

mod_zlib

     

 

Joomla! 3.x : Configuration requise

Logiciel

conseillé

Min exigé

Plus d’info

PHP

5.4+

5.3.10+

https://www.php.net

Bases de données supportées

     

MySQL (InnoDB support required)

5.1 +

5.1 +

https://www.mysql.com

MSSQL

10.50.1600.1+

10.50.1600.1+

https://www.microsoft.com/sql

PostgreSQL

8.3.18 +

8.3.18 +

https://www.postgresql.org/

Modules et serveurs Web

     

Apache

2.x +

2.x +

https://www.apache.org

Microsoft IIS

7

7

https://www.iis.net

Nginx

1.1

1.0

https://wiki.nginx.org/

PHP Magic Quotes GPC off

     

mod_mysql

     

mod_xml

     

mod_zlib

     

 

Exigences pour développement

Pour un développement plus rapide, nous vous recommandons des paquets de serveurs locaux qui peuvent être installés sur votre ordinateur. Dans la liste ci-dessous, sélectionnez votre système d'exploitation, puis téléchargez et installez le paquet de serveurs préféré.

MAC OS

Windows

Linux

XAMPP for Mac OS X

WampServer

XAMPP for Linux

MAMP & MAMP Pro

EasyPHP

LAMP Bundle

Zend Server Community Edition

Zend Server Community Edition

Zend Server Community Edition

Mac Port

XAMPP for Windows

 

 

Exigences de navigateur

Pour un développement précis, nous vous recommandons vivement le navigateur Google Chrome . Il est plus rapide et plus précis que n'importe quel autre navigateur.

  • Google Chrome 10+

  • Firefox 4+

  • Safari 5+

  • Internet Explorer 9+

  • Opera 10+

 

 

Le gestionnaire de Template YJSimpleGrid est l'une des fonctionnalités les plus intéressantes que le framework puisse offrir.
Les fonctionnalités les plus utilisées et les plus demandées ont été combinées et mises dans des onglets admirablement stylisés pour un accès facile et des modifications rapides. L'administrateur de templates YJSG est actionné par Ajax ce qui accélère le processus d'édition et de sauvegarde.
Regardez ci dessous les captures d'écran du gestionnaire de template YJSG pour plus d'informations.

Vérification du système

L'onglet Vérification du système vous fournira des informations importantes au cas où vous voudriez allumer / éteindre des paramètres de template spécifiques comme le compilateur LESS ou l’interrupteur de déconnexion des composants.
Il fournit également des informations en direct sur la dernière version de YJSG.

gestionnaire template yjsg 1

 

Style

Le gestionnaire de style vous permettra d'ajuster votre style de template par défaut, la taille de police par défaut et la famille de polices par défaut. Vous pouvez également utiliser des substititions de balises éléments pour définir une famille de polices spécifique pour les sélecteurs affectés.
Visitez la documentation avancée pour regarder comment vous pouvez ajouter d’autres @font-face kits ou Google Fonts .

 gestionnaire template yjsg 2

 

Menu Principal

Tous les templates basés sur YJSG sont livrés avec 5 styles de menu différents. SmoothDropdown,SmoothDropline, Dropdown, Dropline, Split Menu.

Il existe également une option appelée Position du module de menu qui éteint le type de menu intégré et vous permet d'utiliser le conteneur du menu principal en tant que position du module.

De cette façon, vous pouvez publier vos menus personnalisés dans position de module nommée topmenupoz.

gestionnaire template yjsg 3

Mise en page

Onglet mise en page, c’est là toute la magie opère.
Cet onglet contrôle largeurs et mise en page pour toutes les grilles de module disponible.
Chaque grille de backend ressemble à la disposition de la grille frontend comme vous le voyez dans le fichier template index.php.
Cet onglet contient également vos paramètres de logo et de bloc d'en-tête qui vous donnent un contrôle supplémentaire sur la mise en page de votre site.

 gestionnaire template yjsg 4

Fonctionnalités supplémentaires

L’onglet fonctionnalités supplémentaires est l'endroit où vous trouverez des paramètres personnalisés pour Google Analytics, des paramètres de direction du texte, avertissement IE6/7/8, commutateur de MediaElement, pieds de page ou commutateur pour les crédits de site.

Voici la liste complète des paramètres de fonctions supplémentaires disponibles :

  • Activer/désactiver Google Analytics

  • Activer/désactiver IE6/7/8 Notice

  • Activer/désactiver Avis nonscript

  • Activer/désactiver outils du site

  • Activer/désactiver redimensionneur de polices

  • Activer/désactiver Commutateur RTL

  • Orientation du texte par défaut

  • Activer/désactiver balise SEO H1

  • Activer/désactiver Mediaelement.js

  • Activer/désactiver credits Joomla!

  • Copyright pied de page personnalisé

  • Supprimer la balise generator Joomla

  • Activer/désactiver Liens de validation

  • Activer/désactiver Lien de retour vers le haut de page

 gestionnaire template yjsg 5

Options avancées

L'onglet Options avancées contient un commutateur de paramètres responsive, les paramètres de la barre latérale intégré, les réglages du compilateur LESS, la marche/arrêt/version de Bootstrap, le contrôle des éléments actualités du front end et le mise hors service du composant.

  

gestionnaire template yjsg 6

Code personnalisé

L'onglet de code personnalisé est l'endroit où vous pouvez ajouter votre propre CSS, javascript, avant la balise head, après la balise head, avant la balise body et après les extraits de code de la balise body pour améliorer ou surcharger le comportement de YJSG par défaut.

 gestionnaire template yjsg 7

Affectation de menu

Dans cet onglet, vous pouvez affecter le modèle basé sur YJSG à un élément de menu spécifique ou modifier le nom du style.

 

gestionnaire template yjsg 8

 

Il existe 2 façons de modifier le logo de votre site dans votre template YouJoomlaSimpleGrid. En remplaçant le logo.png existant situé dans le dossier site_racine/templates/nom_du_template/images/nom_du_style/ ou en le téléchargeant via le gestionnaire de logo du template.

Remplacer le logo.png existant

Pour remplacer le fichier logo.png existant, ouvrez logo.psd changez-le selon vos préférences.
Vous pouvez utiliser des logiciels libres et gratuits tels que Gimp ou Inkscape, ou des logiciels payants tels que Affinity ou photoshop.

logo yjsg 1

Puis veuillez enregistrer sous le nom logo.png et envoyer dans le dossier racine_du_site/templates/template_name/images/nom_du_style à la place de l'ancien logo.

logo yjsg 2

Accédez à votre page d'accueil et rafraîchissez. Votre nouveau logo devrait être visible.
: vous devrez peut-être effectuer un "rafraîchissement dur" pour supprimer le cache du navigateur existant pour votre image de logo. (CTRL +F5)

logo yjsg 3

Changer le logo par le gestionnaire de template

Accédez à l'onglet du gestionnaire de template nommé Mise en page et survolez le logo existant, puis cliquez sur l'icône crantée, le panneau des paramètres du logo s'ouvrira.
Cliquez sur le bouton Sélectionner et sélectionnez ou téléchargez votre nouveau logo:

 logo yjsg 4

Sélectionnez votre nouvelle image de logo et cliquez sur le bouton Insérer:

 logo yjsg 5

Votre logo s’appliquera à l’image d’aperçu du logo. Maintenant, cliquez sur Réglage automatique des paramètres pour définir automatiquement la hauteur de logo, sa largeur, selon la taille de l’image :

 logo yjsg 6

Cliquez sur le bouton "sauver" et allez à votre page d’accueil pour actualiser ...
Remarque: vous devrez peut-être effectuer un "rafraîchissement dur" pour supprimer le cache du navigateur existant pour votre image de logo. (CTRL+ F5)

logo yjsg 7

Page 2 sur 6

Contact

Parlons social

Recevoir des nouvelles du site

 

patenaire paypal