If you can't read please download the document
Upload
patrick-van-hoof
View
2.900
Download
1
Embed Size (px)
Citation preview
Dans ce document, je vais vous dcortiquer un template gnr par Artisteer et vous montrer les modifications apportes pour l'importer dans votre MODX.
Les lignes dont le fond est jaune est la partie html dont on parle
Les lignes en bleu sont mes commentaires
Les lignes en vert sont les lignes que j'ai modifi ou ajout
On peut enlever cette partie, aucun intrt
Artisteer
On va profiter pour mettre ici les balises de MODX pour le rfrencement, je remplace la balise title en ajoutant quelques autres balises
[*pagetitle*]
Site de membres Comment faire un site de membres en 10 tapes pas pas
On arrive la bote de message
Highlights
On va changer le titre de la bote en mettant par exemple 'Messages', on changera plus tard le contenu par une balise, un chunk, maintenant vous savez ce que c'est :)
Messages
Jun 14, 2008
Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum,
quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue
pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam
pharetra.
Read more... Aug 24, 2008
Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum,
quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue
pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam
pharetra.
Read more...
On va remplacer le code en jaune, par la balise en vert, dans ce cas, on va mettre une variable de template ...Une variable de template permet d'assigner le contenu d'une page cette balise, on pourra donc facilement modifier le contenu d'une page qui sera en fait place dans cette bote message
[*BoxMessage*]
Contact Info
On va changer le titre de la bote de contact
Contact
Company Co.
Las Vegas, NV 12345
Email: [email protected]
Phone: (123) 456-7890
Fax: (123) 456-7890
Maintenant, on va aussi mettre une variable de template la place du contenu de la bote de contact, cela permettra d'diter une page tranquillement pour modifier le contenu de la bote
[*BoxContact*]
On arrive au contenu de la page
On va changer 'Welcome' en plaant le titre de la page et virer le contenu actuel pour mettre la balise de MODX qui va grer le contenu.
Welcome
On remplace la balise en jaune par la suivante
[*pagetitle*]
A partir d'ici je met la balise de MODX pour le contenu
[*#content*]
et je supprime le contenu existant en jaune Lorem ipsum dolor sit amet, link, visited link, hovered link consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Read more... Support Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna. Development Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna. Strategy Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna.
On arrive la 2eme bote qui ne nous sert rien dans notre site de membres, on va donc la virer compltement
Text, Link, Visited, Hovered Lorem superscript dolor subscript
amet, consectetuer adipiscing elit, test link. Nullam dignissim
convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui.
Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec,
gravida vehicula, nisl. Praesent mattis, massa quis luctus
fermentum, turpis mi volutpat justo, eu volutpat enim diam eget
metus. Maecenas ornare tortor. Donec sed tellus eget sapien
fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem,
consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet
augue quis tellus. AVE Heading 1 Heading 2 Heading 3 Heading 4
Heading 5 Heading 6 This stylesheet is going to help so freaking
much.
-Blockquote
Header Header Header Data Data Data Data Data Data Data Data Data
JoinNow! Contact Us | Terms of Use | Trademarks | Privacy
Statement
Copyright 2009 ---. All Rights Reserved.
On va mettre ici un lien vers les mentions lgales par exemple
Conditions d'utilisation
Copyright 2009 ---. All Rights Reserved.
Web Template created with Artisteer.
On termine ici en ajoutant un chunk qui contiendra les balises de google Analytic{{google}}
Et voil, le code est prt intgrer MODX, il faudra peut-tre adapter ce tutoriel au template que vous avez, vous le copiez et le collez selon les instructions des vidos.