- Vous êtes ici :
-
Accueil
-
blog / tutoriels
- blog / tutoriels
Tutoriels sur Joomla et la création de site
blog / tutoriels
Nous proposons à la communauté des tutoriels au gré de nos humeurs, de l'actualité et des besoins.
( n'hésitez pas, par ailleurs à nous en demander)
Sous-catégories
Le blog d'une agence web lorraine
Quelques articles sur l'actualité de Web54 et de ce qu'il se passe au niveau internet en Lorraine
tutoriels frameworks / templates
Tutoriels sur Gantry, Vertex, Helix ... etc ...
(documentation personnelle ou traduction de la documentation originale)
logiciels libres
La création de site internet, necessite des logiciels.
En lorraine, certains créateurs de sites utilisent des logiciels libres et en font la promotion.
Serge Billon en fait partie, et vous fait partager ici, en tant que webmaster reconnu sur Nancy et sa région, sa passion pour les logiciels libres.
tutoriel reférencement
Référencer un site n'est souvent pas une partie de plaisir, ni une formalité.
C'est pourquoi nous proposons des prestations en référencement, sur forfait ou sur devis personnalisé.
Toutefois, nous tenons à proposer une méthodologie aux clients qui voudraient tenter l'aventure et procéder eux-même à leur référencement.
Suivez les étapes pas à pas, et faites progresser votre site dans les méandres des moteurs de recherche.
tutoriels RS
Tutoriels en français des composants RS
L'un des concepts clés qui rendent Gantry si puissant, c'est qu'il propose une richesse de possibilités et des fonctionnalités qui peuvent être facilement accessibles par le template de Joomla.
Pour vous développeur de template, cela vous facilite l'écriture d'un code propre et vous fournit, comme avantage secondaire, un niveau d'abstraction qui vous permettra de passer de Joomla 2,5 à 3,0 + sans rien changer à votre template.
La bibliothèque de gantry gère tous les morceaux compliqués à votre place.
Template index.php
Commençons à creuser dans Gantry en jetant un oeil à ce à quoi ressemble index.php:
// no direct access defined
( '_JEXEC' ) or die( 'Restricted index access' );
// load and inititialize gantry class require_once('lib/gantry/gantry.php')
; $gantry->init();
Ce bloc de code en haut est tout ce qui est nécessaire pour faire que Gantry soit en place et fonctionne. En incluant le fichier bootstrap gantry.php, vous êtes connecté au framework Gantry et l'initialisez. Un grand nombre de manipulations lourdes se traitent à ce moment, en toute sécurité hors de la vue et l'esprit. Vient ensuite le début de l' HTML:
<!doctype html><html xml:lang="" lang="" >
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php $gantry->displayHead();
$gantry->addStyle('grid-responsive.css', 5);
$gantry->addLess('global.less', 'master.css', 8);
$gantry->addScript('rokmediaqueries.js'); ?>
</head>
Ici vous pouvez voir que les traditionnels appels Joomla pour obtenir la langue ont été remplacés par les appels Gantry équivalents.
Il ya aussi un appel pour inclure les éléments head. Ceux-ci incluent les CSS et JavaScript qui ont été initialisés et installés dans d'autres parties du framework Gantry.
Vous voyez également un appel pour ajouter des feuilles de style à l'entête du template. Cet appel est construit dans une logique et incluera les CSS de base Gantry , ainsi que notamment les fichiers CSS qui correspondent à ces noms dans les dossiers CSS du template.
De plus, toutes les versions spécifiques à chaque navigateur de ces fichiers sera également ajouté. Par exemple, si vous avez /css/master-ie8.css dans le dossier css du template, il sera également collecté, mais il ne sera présenté qu'aux navigateurs IE8. Une des nouvelles fonctionnalités importantes de Gantry4 est la possibilité d'ajouter et de compiler les fichiers LESS dans le CSS en se servant de la méthode addLess(). Vous pouvez également inclure des fichiers JavaScript avec la méthode addScript(). Portons maintenant notre regard sur le morceau suivant du fichier qui comprend des références à certaines positions de module:
<header id="rt-top-surround">
<div id="rt-top" >
<div class="rt-container">
<div class="clear">
</div>
</div>
</div>
<?php /** End Top **/ endif; ?>
Maintenant vous pouvez voir un peu de l''élégance que Gantry apporte. Tout d'abord dans la balise body, vous voyez un appel à la méthode displayBodyTag(). Cela saisit tous les paramètres de template qui ont été désignés via templateOptions.xml pour les afficher dans la balise body. Cela va afficher ces derniers au format PARAM_NAME-PARAM_VALUE. Cela rend vraiment facile la stylisation de votre CSS basé sur un paramètre de template, sans codage exigé de votre part. En dessous, vous pouvez voir les commentaires qui désignent la position "Top". En premier il y a un bloc "if" pour s'assurer qu'il y a un contenu assigné à ces positions, s'il n'y a pas de contenu, alors l'ensemble de la structure HTML "rt-top" n'est pas affichée. À l'intérieur de la div "rt-container" se trouve un appel pour afficher les modules : displayModules() qui prend un nom de position, dans ce cas "top", un type de mise en page, "standard", et un module chrome, également "standard", dont nous en dirons plus ultérieurement. Cette fonction effectue toute l'affichage logique pour les 6 positions de module: top-a, top-b, top-c, top-d, top-e, et top-f. Vous configurez vos modules avec le gestionnaire de Module Joomla comme vous le feriez habituellement, mais cette méthode fait tout le calcul concernant la façon dont les modules devraient afficher.
Configuration XML
Dans le cas de l'exemple dont nous discutons, nous nous référons à une position "top", mais cela représente réellemnt un groupe allant jusqu'à 6 emplacements de modules individuelles dans cette position top. Les emplacements possibles de modules qui s'offrent à vous sont définis dans le fichier templateDetails.xml, dans l'élément XML "position". Il s'agit de l'emplacement standard pour définir des positions pour Joomla, car c'est ce qui est utilisé par le gestionnaire de modules à afficher des positions possibles assignables aux modules. Toutes les options de configuration Gantry personnalisées se trouvent dans le fichier templateOptions.xml. Ce fichier se décompose en fieldsets qui définissent chaque...
Le Framework Gantry a des exigences de système pour fonctionner, vous les trouverez énumérées ci-dessous décomposées dans des groupes distincts :
Exigences de Joomla
Il est fortement recommandé de toujours utiliser la dernière version stable de Joomla pour s'assurer que tous...
Merci de vous assurer que vous avez lu et compris les conditions de licence et d'utilisation avant de déployer un template basé sur le Framework Gantry
Licence
Le Framework Gantry est gratuit et distribué sous la licence GPLv2.0 . La...
Le framework Gantry, en tant que tel, est indépendant de n'importe quel template.
Chaque template Gantry s'appuie sur le framework Gantry pour fournir la base sous-jacente et de nombreuses fonctionnalités permettant la création de sites aussi puissants.
Un...
Gantry comporte deux parties principales, le framework et le template, qui sont liées mais indépendantes. Si vous souhaitez désinstaller uniquement la partie template, vous l e pouvez, suivez alors les instructions pour supprimer le template uniquement. Si vous voulez garder...
Plus d'articles...
L'agence Web54 est spécialisée dans la création de sites internet, le référencement naturel (SEO), le développement web sur mesure, et propose des solutions utilisant Joomla pour les entreprises.
Interactions
A propos
S'inscrire à la newsletter
