Post on 16-Apr-2017
Cration d'un site de membres
Comment crer un site de membresFormation complte et gratuitehttp://sitedemembres.com
Cration d'un site de membres
Bonjour, maintenant que MODX est install, vous allez faire la premire configuration ncessaire, retournons sur notre site de dmonstration ...
Cration d'un site de membres
Introduisez votre identifiant et mot de passe que vous avez choisi lors de la configuration et cliquez sur 'Connexion'
Cration 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 ...
Cration d'un site de membres
Un peu plus bas, mettre 'Oui' sur l'option 'Publi par dfaut' et passons l'onglet de configuration suivant, 'URLs simples' et cochez 'Oui' sans rien changer d'autre
Cration d'un site de membres
Vous ne devriez pas changer d'autres paramtres pour le moment, il faut maintenant valider toute la configuration en cliquant sur 'Enregistrer' en haut droite
Cration d'un site de membres
C'est prt, vous pouvez dj visualiser votre site en cliquant sur 'Prvisualiser'
Cration 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 faon pro tous vos sites et vos blogs
http://www.artisteer.be
Cration d'un site de membres
Mais vous pouvez aussi utiliser cette ressource gratuite dont les modles graphiques sont moins pousss mais totalement gratuitement
http://dotemplate.com
Cration d'un site de membres
Avec Artisteer, une fois que le logiciel dmarre, il faut choisir le 'Modle HTML'
Cration d'un site de membres
Maintenant, c'est vous de choisir !
Cliquez sur 'Suggrer la conception' et lorsque vous trouvez quelque
chose qui commence vous plaire, chipotez dans les menus
Cration d'un site de membres
La bote 'Newsletter' sera probablement inutile (donc dsactive), la bote 'Highlights' pour divers messages et la bote de contact pour vos informations de contact :)
Cration d'un site de membres
Ds que tout cela vous plat, cliquez sur 'Exporter' et choisissez la destination des fichiers sur votre disque
Cration d'un site de membres
Artisteer (ou Dotemplate) va gnrer un dossier avec toutes les images, une page page.html et quelques feuilles de style, javascript, on va dposer ces fichiers sur le serveur en FTP
Cration 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 ...
Cration 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 rfrencement et aussi dans quelques endroits du template qui affichera le titre
Cration 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)
Cration d'un site de membres
[*pagetitle*]
Les deux premires balises sont mettre au dbut de la page, dans les tags de rfrencement
Cration d'un site de membres
Ensuite, cherchez dans le template 'highlights', mettez 'Messages' ou news, info ...
Ensuite, il faut reprer 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 dtailles
Cration d'un site de membres
Pour ajouter le template dans MODX, cliquez sur 'Elements' ensuite sur Gestion des lments', cliquez sur 'Modles' et sur 'Nouveau modle'
Cration d'un site de membres
Donnez un nom au modle (par exemple Template 1) et collez le code html que vous avez modifi, enregistrez votre travail
Cration d'un site de membres
Maintenant, pour activer le template, il faut cliquer sur l'onglet 'Outils' et ensuite sur 'Configuration'
Cration d'un site de membres
Assurez vous que vous tes bien sur l'onglet 'Site' et cherchez la configuration des templates, cochez la premire option, choisissez votre template et sauvez avec le bouton 'Enregistrer'
Cration d'un site de membres
Dans le fichier PDF, vous avez les dtails des lments de votre template, on y a insr des 'chunks', des 'variables de template', vous allez voir maintenant comment les configurer et terminer l' intgration du template dans MODX
Cration d'un site de membres
Dans les crans suivants, vous allez apprendre la cration d'un chunk et d'une variable de template, dans le PDF vous trouverez le dtail de chaque chunk et variable de template crer
Cration d'un site de membres
Cration d'un chunk
Cliquez sur 'Elements', 'Gestion des lments', l'onglet 'Chunk' et
sur le lien 'Nouveau chunk'
Cration d'un site de membres
Mettez le titre du chunk et son contenu selon les dtails dans le PDF et enregistrez le chunk, faites ainsi tous les chunks ncessaires notre template
Cration d'un site de membres
Avant de configurer les variables de template, on a besoin de connatre le numro des pages qui vont remplir le contenu des box
Cration d'un site de membres
Crez la page qui va remplir la bote message. Cliquez sur 'Site' et ensuite 'Nouvelle Ressource'
Cration 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 reprez son identifiant (ici 2)
Cration d'un site de membres
Cration d'une variable de template
Cliquez 'Elments', 'Gestion des lments','Nouvelle variable de
modle'
Cration d'un site de membres
Mettez le titre de la variable 'BoxMessage' et dans la valeur par dfaut, mettez '@document 2' (Notre identifiant de page de l'tape prcdente),cochez Template 1, sauvez
Cration d'un site de membres
Faites la mme chose pour la bote de contact, crez une page pour le contenu de la bote, probablement un identifiant 3 et refaites la mme opration pour une autre variable de template 'BoxContact' en mettant un contenu par dfaut de '@document 3'
Cration d'un site de membres
Il reste maintenant crer un chunk 'google' et y mettre le code de Google analytics, vous savez comment faire !
Cration 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 leons de vos membres et attendre les inscriptions !
Patrickhttp://sitedemembres.com