template artisteer modx

Download Template Artisteer Modx

If you can't read please download the document

Upload: patrick-van-hoof

Post on 16-Apr-2017

2.904 views

Category:

Self Improvement


1 download

TRANSCRIPT

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.

[email protected]