Your SlideShare is downloading. ×
0
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Creation Du Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Creation Du Design

1,710

Published on

Configuration du moteur du site de membres et habillage à l'aide d'un template généré par http://artisteer.be

Configuration du moteur du site de membres et habillage à l'aide d'un template généré par http://artisteer.be

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,710
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
58
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Création d'un site de membres Comment créer un site de membres Formation complète et gratuite http://sitedemembres.com
  • 2. Création d'un site de membres Bonjour, maintenant que MODX est installé, vous allez faire la première configuration nécessaire, retournons sur notre site de démonstration ...
  • 3. Création d'un site de membres
    • Introduisez votre identifiant et mot de passe que vous avez choisi lors de la configuration et cliquez sur 'Connexion'
  • 4. Création d'un site de membres
    • On arrive directement sur les écrans de configuration ou cliquez sur « outils », « Configuration », commencez par mettre un nom de site ...
  • 5. Création d'un site de membres
    • Un peu plus bas, mettre 'Oui' sur l'option 'Publié par défaut' et passons à l'onglet de configuration suivant, 'URLs simples' et cochez 'Oui' sans rien changer d'autre
  • 6. Création d'un site de membres
    • Vous ne devriez pas changer d'autres paramètres pour le moment, il faut maintenant valider toute la configuration en cliquant sur 'Enregistrer' en haut à droite
  • 7. Création d'un site de membres
    • C'est prêt, vous pouvez déjà visualiser votre site en cliquant sur 'Prévisualiser'
  • 8. Création d'un site de membres Vous allez maintenant faire la partie 'design' de votre site et pour faire tous vos designs je vous recommande d'utiliser un programme fantastique, sans graphiste vous allez habiller de façon pro tous vos sites et vos blogs http://www.artisteer.be
  • 9. Création d'un site de membres Mais vous pouvez aussi utiliser cette ressource gratuite dont les modèles graphiques sont moins poussés mais totalement gratuitement http://dotemplate.com
  • 10. Création d'un site de membres
    • Avec Artisteer, une fois que le logiciel démarre, il faut choisir le 'Modèle HTML'
  • 11. Création d'un site de membres
    • Maintenant, c'est à vous de choisir ! Cliquez sur 'Suggérer la conception' et lorsque vous trouvez quelque chose qui commence à vous plaire, chipotez dans les menus
  • 12. Création d'un site de membres
    • La boîte 'Newsletter' sera probablement inutile (donc désactivée), la boîte 'Highlights' pour divers messages et la boîte de contact … pour vos informations de contact :)
  • 13. Création d'un site de membres
    • Dés que tout cela vous plaît, cliquez sur 'Exporter' et choisissez la destination des fichiers sur votre disque
  • 14. Création d'un site de membres
    • Artisteer (ou Dotemplate) va générer un dossier avec toutes les images, une page page.html et quelques feuilles de style, javascript, on va déposer ces fichiers sur le serveur en FTP
  • 15. Création d'un site de membres
    • Copiez tous les fichiers du template sauf page.html sur le serveur, dans la racine du site et faites une copie de page.html pour travailler dessus, on va mettre les mains dans le cambouis ...
  • 16. Création d'un site de membres MODX va mettre à votre disposition des 'tags' qu'il faudra placer dans le template. [*Pagetitle*] va contenir le titre de la page et se placera dans certaines balises de la page html pour le référencement et aussi dans quelques endroits du template qui affichera le titre
  • 17. Création d'un site de membres La seconde balise à mettre dans le template, c'est [*#content*], une fois placé dans le template, MODX placera le contenu de votre site à la place de cette balise, maintenant il va falloir mettre les mains dans le code :-/ Il faut éditer la page html avec un éditeur de texte simple (notepad par exemple)
  • 18. Création d'un site de membres <title>[*pagetitle*]</title> <meta name=&quot;description&quot; content=&quot;[*description*]&quot; /> Les deux premières balises sont à mettre au début de la page, dans les tags de référencement
  • 19. Création d'un site de membres Ensuite, cherchez dans le template 'highlights', mettez 'Messages' ou news, info ... Ensuite, il faut repérer et enlever les codes avec le contenu bidon actuel et mettre à la place [*#content*] Un pdf est mis à votre disposition avec tout le code et des explications plus détaillées
  • 20. Création d'un site de membres
    • Pour ajouter le template dans MODX, cliquez sur 'Elements' ensuite sur Gestion des éléments ', cliquez sur 'Modèles' et sur 'Nouveau modèle'
  • 21. Création d'un site de membres
    • Donnez un nom au modèle (par exemple Template 1) et collez le code html que vous avez modifié, enregistrez votre travail
  • 22. Création d'un site de membres
    • Maintenant, pour activer le template, il faut cliquer sur l'onglet 'Outils' et ensuite sur 'Configuration'
  • 23. Création d'un site de membres
    • Assurez vous que vous êtes bien sur l'onglet 'Site' et cherchez la configuration des templates, cochez la première option, choisissez votre template et sauvez avec le bouton 'Enregistrer'
  • 24. Création d'un site de membres Dans le fichier PDF, vous avez les détails des éléments de votre template, on y a inséré des 'chunks', des 'variables de template', vous allez voir maintenant comment les configurer et terminer l' intégration du template dans MODX
  • 25. Création d'un site de membres Dans les écrans suivants, vous allez apprendre la création d'un chunk et d'une variable de template, dans le PDF vous trouverez le détail de chaque chunk et variable de template à créer
  • 26. Création d'un site de membres
    • Création d'un chunk Cliquez sur 'Elements', 'Gestion des éléments', l'onglet 'Chunk' et sur le lien 'Nouveau chunk'
  • 27. Création d'un site de membres
    • Mettez le titre du chunk et son contenu selon les détails dans le PDF et enregistrez le chunk, faites ainsi tous les chunks nécessaires à notre template
  • 28. Création d'un site de membres
    • Avant de configurer les variables de template, on a besoin de connaître le numéro des pages qui vont remplir le contenu des box
  • 29. Création d'un site de membres
    • Créez la page qui va remplir la boîte message. Cliquez sur 'Site' et ensuite 'Nouvelle Ressource'
  • 30. Création d'un site de membres
    • Mettez juste dans le titre, par exemple 'Box message', c'est dans cette page que l'on mettra le contenu de la box message, enregistrez la page et repérez son identifiant (ici 2)
  • 31. Création d'un site de membres
    • Création d'une variable de template Cliquez ' Eléments ',  'Gestion des éléments', 'Nouvelle variable de modèle'
  • 32. Création d'un site de membres
    • Mettez le titre de la variable 'BoxMessage' et dans la valeur par défaut, mettez '@document 2' (Notre identifiant de page de l'étape précédente),cochez Template 1, sauvez
  • 33. Création d'un site de membres Faites la même chose pour la boîte de contact, créez une page pour le contenu de la boîte, probablement un identifiant 3 et refaites la même opération pour une autre variable de template 'BoxContact' en mettant un contenu par défaut de '@document 3'
  • 34. Création d'un site de membres Il reste maintenant à créer un chunk 'google' et y mettre le code de Google analytics, vous savez comment faire !
  • 35. Création d'un site de membres Merci de votre attention, je suis conscient que ce n'est pas facile, mais une fois le moteur installé, il ne restera qu'à mettre les leçons de vos membres et attendre les inscriptions ! Patrick http://sitedemembres.com

×