- Vous êtes ici :
-
Accueil
-
blog / tutoriels
- tutoriels frameworks / templates
Tutoriels sur Gantry, Vertex, Helix ... etc ...
(documentation personnelle ou traduction de la documentation originale)
Gantry5 remplace avantageusement Gantry4 !
Retrouvez-ici toutes les procédures pour prendre en main cet outil !
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
Documentation en français sur le framework astroïd Pour Joomla

par

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.
Découvrez un aperçu vidéo du framework Astroid
Un des principes fondamentaux du framework Gantry est la possibilité d'être ovverridé. Cela lui permet d'être aussi souple que possible afin de répondre aux besoins d'un site ou d'un template. Gantry vous permets de surcharger les mises en page des modules, des Modules Chromes , des layouts, et propose une plateforme pour les surcharges d'extensions. La partie spécifique que nous allons traité dans ce tutoriel sera la surcharge des fonctionnalités (features)
Une fonctionnalité est un élément autonome qui ajoute une utilité spécifique au template. Elles améliorent les fonctionnalités du template et peuvent être configurées de façon générale, ou pour des éléments de menu spécifiques à l'aide de l'interface administrateur Gantry.
Les fonctionnalités sont situées dans /libraries/gantry/features/ et incluent un grand choix de différents types tels que la date, le Copyright, et le logo. Il existe de nombreuses autres fonctionnalités par défaut inclus.
Voici un exemple de la fonctionnalité /libraries/gantry/features/copyright.php :
<?php
defined('JPATH_BASE') or die();
gantry_import('core.gantryfeature');
class GantryFeatureCopyright extends GantryFeature
{
var $_feature_name = 'copyright';
function render($position)
{
ob_start();
?>
<div class="clear"></div>
<div class="rt-block">
<a href="http://www.rockettheme.com/" title="rockettheme.com" id="rocket"></a>
<?php echo $this->get('text'); ?>
</div>
<?php
return ob_get_clean();
}
}
Il y a plusieurs éléments dans une fonctionnalité. D'abord, le code suivant définit le fichier comme une fonctionnalité Gantry, important les fonctions nécessaires:
<?php
defined('JPATH_BASE') or die();
gantry_import('core.gantryfeature');
Ensuite, la fonctionnalité est alors différenciée par un nom, dans ce cas, GantryFeatureCopyright et 'copyright':
class GantryFeatureCopyright extends GantryFeature
{
var $_feature_name = 'copyright';
Juste après le nommage de la fonctionnalité, il y a un code de traitement complémentaire qui ne devrait pas être modifié.
function render($position)
{
ob_start();
?>
La prochaine zone de la fonctionnalité est la mise en page XHTML, à laquelle vous pouvez ajouter votre code XHTML personnalisé à l'intérieur:
<div class="clear"></div>
<div class="rt-block">
<a href="http://www.rockettheme.com/" title="rockettheme.com" id="rocket"></a>
<?php echo $this->get('text'); ?>
</div>
Après la structure XHTML, vous terminez la fonctionnalité avec ce qui suit:
<?php
return ob_get_clean();
}
}
Gantry permet aux fonctionnalités d'être surchargées soit en créant une copie directement de la fonction depuis /libraries/gantry/features/ou en créant un nouveau fichier feature.php file dans /templates/[TEMPLATE]/features/.
A feature file must follow the format in the section above. There is, in effect, two areas of modification. The first is the name that must be unique. The second is the XHTML layout where you can construct the feature's structure to meet your ends.
Selon le niveau de modification que vous envisagez pour une fonctionnalité particulière, vous pouvez vouloir éditer ses paramètres. Pour cela vous devrez modifier le fichier /templates/[TEMPLATE]/template-options.xml .
L'élément concerné de ce fichier XML commence par:
<fieldset name="features" label="FEATURES">
Ici vous pouvez repérer le(s) champ(s) pour la fonctionnalité que vous souhaitez modifier comme copyright:
<fields name="copyright" type="chain" label="COPYRIGHT" description="COPYRIGHT_DESC">
<field name="enabled" type="toggle" default="0" label="SHOW" />
<field name="position" type="position" default="copyright-a" label="POSITION" />
<field name="text" type="text" default="Designed by RocketTheme" label="TEXT" class="text-long" />
</fields>
Il peut arriver, pour diverses raisons, que nous ayons besoin d'installer un template pour une partie d'un site, et un autre pour le reste.
Avec la gestion des styles de template, on...
Ce tutoriel vous guidera à travers les étapes nécessaires pour ajouter une feuille de style personnalisée à votre template Gantry sans se soucier des modifications perdues lorsque le template ou le framework gantry sont mis à jour. Nous n'avons pas...
Lire → Ajout d'une feuille de style personnalisée dans Gantry
Joomla permets la gestion multilingue des sites internet, et des composants comme Falang peuvent également être très utiles.
Le contenu est modifié selon la langue choisie par l'utilisateur ou le gestionnaire.
Mais quand on utilise Gantry, Il peut arriver de...
Gantry possède plusieurs éléments qui sont prêts à l'emploi mais qui sont cachés ou pas indiqués dans la documentation officielle. Un de ceux- ci est Icomoon. J'ai déjà décrit dans le post Font Awesome 3, les overrides de bootstrap. less...