Mise au clair : CSS

Bonjour

1an et demi aprés ma découverte de modx e reviens vers lui afin de le comprendre enfin
et je crois y etre parvenu,du coup je vous soumet ce que j’ai compris de la mise en oeuvre de templates :
- creer le gabarit html et l’agrementer des balises dynamiques modx
- copier le code dans le nouveau template du manager
- que faire de la css ?? il faut l’envoyer separement sur le serveur ? en tenant compte du chemin donné par la balise modx ?
a priori oui mais j’en suis pas sur...

je m’attaque ensuite à comprendre l’arborescence
je teste en local et je voudrais creer une page...
hors celle ci se met toujours sous celle d’origine et je n’y accede jamais !

un peu de lumiere et surtout suis je pas trop loin du but...
j’aimerais vraiment faire marcher modx car je le trouve tres puissant...et surtout tres utile pour les mises a jour fastidieuses parfois...

merci

Quote from: aiphess at Dec 09, 2007, 10:49 AM

- que faire de la css ?? il faut l’envoyer separement sur le serveur ? en tenant compte du chemin donné par la balise modx ?
a priori oui mais j’en suis pas sur...

Construire une page avec MODx n’est pas différent de construire une page web fondée sur la séparation du contenu et de la présentation : les styles sont stockés dans un fichier CSS séparé de la page web en HTML.

Donc oui il faut télécharger une feuille de style sur ton serveur, à l’endroit que tu auras choisi (mais une bonne pratique est de le mettre dans assets/templates/mon_template/styles/mes_styles.css).

Quote from: aiphess

je m’attaque ensuite à comprendre l’arborescence
je teste en local et je voudrais creer une page...
hors celle ci se met toujours sous celle d’origine et je n’y accede jamais !

Je pense effectivement qu’il va falloir un peu creuser le concept de l’arborescence de MODx.

Lorsque tu créé un document, il n’est pas publié par défaut. Il n’apparaîtra donc pas sur ton site à moins que tu ne le publie (le plus simple est de positionner le curseur sur le document en question dans l’arborescence, faire un clic droit et "publier").

Ensuite, sans lien un document web n’est pas grand chose. Il faut donc créer un lien et/ou un moyen de naviguer. Si tu prend le site par défaut que tu peux installer avec MODx, tu as le snippet Wayfinder qui construit automatiquement les menus pour toi.

Salut,
Quote from: aiphess at Dec 09, 2007, 10:49 AM

hors celle ci se met toujours sous celle d’origine et je n’y accede jamais !

c’est surement parce que tu utilise l’option "créer une page ici" qui créer un enfant du document sélectionné.

si tu veux un document au premier niveau, tu peux simplement choisir l’option site > nouveau document ou même l’icône

si ta page est publiée, tu peux la visualiser en notant l’id (le chiffre à coté du document dans l’arborescence) et en l’inscrivant dans l’url du navigateur ( ...index.html?id=24 ).

merci pour ces eclaircissements
je vais approfondir la question tranquillement

Voila aprés avoir potassé j’en suis arrivé à ce genre de procédure que je peux suivre pour faire un site avec modx:
1- faire le design
2- integrer le design dans page html avec css externe
3- mettre les balises de modx type [content] ,les éléments fixes comme un flash swf object dans la page html

4- copier le tout dans un dossier dans assets/template
5- copier le code html comme nouveau modele dans modx

6- attribué le modele à une page,remplir la page de contenu

j’ai bon ?

personnellement je crois que ça va marcher nickel ta méthode !

de mon coté, je fais un peu différent les étapes 3,4,5 ..

j’upload les fichier css dans un "assets/templates/monprojet/css" puis je copie le html (qui est fini et fonctionnel en local) direct comme modèle modx , je l’assigne à une page et rapidement, j’extrais (couper/coller) chaque élément (entete, milieu, pied de page) en chunk.. pour finir avec les éléments plus complexe (navigation par ex.) en snippet etc.. en testant au fur et a mesure.. je passe ainsi d’une page statique à un site dynamique en douceur..

au final j’ai souvent un modèle du style :

oui c’est pas mal ce que tu fais, les chunks etant l’equivalent des includes php non ?
moi j’ai pas encore monté de site avec modx car je cherche d’abord à comprendre et me faire une procédure pour pas que ce soit trop vite le bodel...

Quote from: manu at Dec 15, 2007, 04:01 PM

en testant au fur et a mesure.. je passe ainsi d’une page statique à un site dynamique en douceur..

@Manu
J’aime bien ta technique: il y a un côte "refactoring" qui me plaît!

Sinon, quand tu dis "qui est fini et fonctionnel en local", tu prépares vraiment toutes les pages en statique? Ou plutôt juste quelques-unes pour chaque template potentiel - histoire d’avoir l’articulation du site et un prototype à montrer au client?

Sylvain.

@aiphess, oui c’est un peu le principe du include. l’idée principale étant d’isoler un élément réutilisable plusieurs fois.

@sylvain, j’essaie de préparer une page par modèle.. (en général j’ai un modèle de base pour le site et deux ou trois modèles qui sont des variantes de la base en fait.. pour des pages un peu spéciale).
En fait, j’ai constaté que le passage du statique au dynamique si tu le prépare bien (en connaissant déjà un peu comment les snippets vont se paramétrer par ex. ) ça va très très très vite.. c’est même grisant parfois.. donc autant passer du temps en local pour bien tout tester et pour avoir moins de manipulations/clics à faire dans le gestionnaire..