Creation Du Design

Cration d'un site de membres

Comment crer un site de membresFormation complte et gratuitehttp://sitedemembres.com


Bonjour, maintenant que MODX est install, vous allez faire la premire configuration ncessaire, retournons sur notre site de dmonstration ...


Introduisez votre identifiant et mot de passe que vous avez choisi lors de la configuration et cliquez sur 'Connexion'


On arrive directement sur les crans de configuration ou cliquez sur outils, Configuration, commencez par mettre un nom de site ...


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


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


C'est prt, vous pouvez dj visualiser votre site en cliquant sur 'Prvisualiser'


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


Mais vous pouvez aussi utiliser cette ressource gratuite dont les modles graphiques sont moins pousss mais totalement gratuitement

http://dotemplate.com


Avec Artisteer, une fois que le logiciel dmarre, il faut choisir le 'Modle HTML'


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


La bote 'Newsletter' sera probablement inutile (donc dsactive), la bote 'Highlights' pour divers messages et la bote de contact pour vos informations de contact :)


Ds que tout cela vous plat, cliquez sur 'Exporter' et choisissez la destination des fichiers sur votre disque


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


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 ...


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


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)


[*pagetitle*]

Les deux premires balises sont mettre au dbut de la page, dans les tags de rfrencement


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


Pour ajouter le template dans MODX, cliquez sur 'Elements' ensuite sur Gestion des lments', cliquez sur 'Modles' et sur 'Nouveau modle'


Donnez un nom au modle (par exemple Template 1) et collez le code html que vous avez modifi, enregistrez votre travail


Maintenant, pour activer le template, il faut cliquer sur l'onglet 'Outils' et ensuite sur 'Configuration'


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'


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


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 chunk

Cliquez sur 'Elements', 'Gestion des lments', l'onglet 'Chunk' et sur le lien 'Nouveau chunk'


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


Avant de configurer les variables de template, on a besoin de connatre le numro des pages qui vont remplir le contenu des box


Crez la page qui va remplir la bote message. Cliquez sur 'Site' et ensuite 'Nouvelle Ressource'


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'une variable de template

Cliquez 'Elments', 'Gestion des lments','Nouvelle variable de modle'


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


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'


Il reste maintenant crer un chunk 'google' et y mettre le code de Google analytics, vous savez comment faire !


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

Self Improvement

Creation Du Design