Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations




Comment créer un template


Niveau de difficulté : Facile
Temps nécessaire : -
Logiciel necessaire : -


But de l'explication:
Savoir comment créer un nouveau template pour votre design. L'ensemble des template que vous allez créer (si vous en créez plusieurs) vont composer le design de votre site.


Sommaire :
1. Qu'est ce qu'un template ?
2. Comment créer un template ?
3. Comment attribuer un template à vos pages
4. Comment mettre en ligne vos templates ?


1. Qu'est ce qu'un template ?
Pour savoir ce qu'est un template, rendez-vous sur la documentation suivante :
http://www.wifeo.com/documentation-81.html


2. Comment créer un template ?
Pour créer un nouveau template pour votre site, rendez-vous dans "Vos pages > Design".

Puis choisissez le type de design "Design vierge à créer".

Vous allez ainsi partir d'un design totalement vierge.

Vous allez pouvoir créer votre (ou vos) template(s) en toute tranquilité, ils ne seront appliqués à votre site que lorsque vous le déciderez.

Cliquez sur l'onglet "Nouveau template".

Indiquez un nom de template (utile si vous créez plusieurs template, pour savoir à quoi ils correspondent).

Indiquez la largeur de votre templates, en pixels (si vous ne savez pas, vous pouvez remplir cette information plus tard).

Vous allez ensuite pouvoir indiquer des scripts Javascript et CSS. Si vous ne savez pas ce que c'est, ignorez ces deux zones.

Passons maintenant aux choses sérieuses... Le template lui même.

Vous allez pouvoir créer votre template comme vous créez une page normale, via l'éditeur. Sauf qu'a la place d'insérer directement du contenu, vous allez placer des "balises" qui seront remplacées par le contenu de vos page lors de l'affichage de votre site.

Il existe 5 balises.
•Pour tous :
{entete} qui sera remplacée par l'entête de votre page
{menu} qui sera remplacée par le menu de votre page
{corps} qui sera remplacée par le corps de votre page
•Pour ceux qui ont retiré les publicités de leurs pages :
{zone_publicites} qui sera remplacée par le contenu à la place des publicités
{zone_pied} qui sera remplacé par le contenu du pied de page

Vous pouvez librement disposer ou non ces balises. La seule obligation est d'avoir la balise {corps} (les autres sont facultatives).

Pour mieux comprendre, utilisez la fonction de prévisualisation (en dessous de l'éditeur du template).

Mettez par exemple dans l'éditeur du template :
{entete}
{corps}
Choisissez une page et cliquez sur "prévisualiser".

Vous verrez que {entete} a été remplacé par votre entête et {corps} par votre corps de page.

Une fois votre template terminé, cliquez sur "enregistrer".


3. Comment attribuer un template à vos pages
Si vous créez plusieurs templates, il vous faudra définir quel template va sur quelle page.

Pour cela, rendez-vous simplement dans l'onglet "Attribution des templates".


4. Comment mettre en ligne vos templates ?
Une fois que vous avez terminé la création de votre template, celui-ci ne s'applique pas automatiquement à vos pages (cela vous permet de créer votre template tranquillement, et de le mettre en ligne uniquement lorsqu'il est terminé).

Pour mettre en ligne votre nouveau design et l'appliquer à votre site, rendez-vous dans l'onglet "Vos templates", puis cliquez simplement sur "Cliquez ici pour appliquer ce design".
Attention, pour cela vous devez avoir créé au moins un template.

Une fois que vous aurez cliqué sur "Cliquez ici pour appliquer ce design", vos visiteurs verront votre site dans son nouveau design. Les modifications que vous ferez ensuite sur vos templates seront directement visibles par vos visiteurs (après enregistrement).

 


 

Dans le forum...


 
 

Autres documentations liées


• CSS : comment mettre une couleur de fond de pages
Extrait :
[i][color=green]Niveau de difficulté : Facile Temps nécessaire : - Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment mettre une couleur de fond dans vos pages en utilisant le CSS dans le design libre de votre...
Sommaire :
1. Comment créer un template
2. mettre une couleur de fond de page
3. Créer un dégradé en fond de page

 
• CSS : comment afficher une image en fond de votre page
Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : - Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Comment inserer une image de fond de page dans votre design libre avec le CSS. Cette image de fond pourra se repeter ou non,...
Sommaire :
1. Comment créer un template
2. Le script CSS de base pour votre image de fond
3. Personnalisation avancée de votre image de fond

 
• Comment créer une version mobile de mon site
Extrait :
[i][color=green]Niveau de difficulté : Moyen Temps nécessaire : - Logiciel necessaire : Avoir un smartphone pour tester ![/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Comment créer une version mobile de votre site. Quel en est...
Sommaire :
1. Avant de commencer...
2. Créer un template destiné aux smartphones
3. Créer des pages destinées aux smartphones

 
• Qu'est ce qu'un template ?
Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : - Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Connaitre la difference en un design et un template, a quoi sert un template, et comment creer un nouveau template pour le...
Sommaire :
1. Qu'est ce qu'un template ?
2. Comment créer un template ?
3. Quel est l'intérêt de créer plusieurs templates ?

 
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES