Jahia en Français > Créer ou modifier...

1 (1 Good)
0 (0 Bad)

Créer ou modifier un template

by  fallnc »  2013/03/29 09:45

Bonjour tout le monde,

Je suis actuellement en train de faire la prise en main de Jahia.

Je dois voir le comportement de Jahia en mode responsive notamment avec la grille 960 gs. J'ai un exemple de structure de pages que je veux reproduire. Mon probléme est que des que je crée un site web, je suis obligée de choisir parmi les templates proposés, sauf que je ne peux pas modifier la structure. J'aimerai savoir s'il y a possibilité de modifier un template existant, sinon quel serait le processus pour en créer un.

Je vous remercie d'avance.

Cordialement

  • Créer ou modifier un template
    2013/04/11 11:53

    fallnc <p> Bonjour tout le monde,</p> <p> Je suis actuellement en train de faire la prise en main de Jahia.</p> <p> Je dois voir le comportement de Jahia en mode responsive notamment avec la grille 960 gs. J&#39;ai un exemple de structure de pages que je veux reproduire. Mon probl&eacute;me est que des que je cr&eacute;e un site web, je suis oblig&eacute;e de choisir parmi les templates propos&eacute;s, sauf que je ne peux pas modifier la structure. J&#39;aimerai savoir s&#39;il y a possibilit&eacute; de modifier un template existant, sinon quel serait le processus pour en cr&eacute;er un.</p> <p> Je vous remercie d&#39;avance.</p> <p> Cordialement</p>

  • Number of messages  11
    Registration date Mar 29, 2013
    0 (0 Good)
    0 (0 Bad)

    Re: Créer ou modifier un template

    by  theklem »  2013/03/29 09:55

    Bonjour,

    En premier lieu je pense que vous avez installé Jahia en mode développement ou installé le SDK, en non en mode production. Dans ce cas vous devez avoir accès au Studio (via la toolbar principale) qui est l'outil permettant demodifier les templates.

    La structure des templates et leur mode de fonctionnement est un aspect essentiel à comprendre. Je vous conseille de lire le guide de templating et/ou de regarder les videos d'introduction que vous trouverez ici http://www.jahia.com/cms/fr/home/download/jahia-academy/documentation.default.html?displayTab=technical-documentation La seule vraie difficulté lorsque l'on démarre c'est d'appréhender ce qui est créé dans le studio (en gros la structure des pages et les zones disponibles, soient pré-définies au niveau des templates soient laisées à disposition des éditeurs qui utiliseront ces templates pour créer eurs pages) et ce qui est géré dans les fichiers script des différents modules (en gros, la structure -champs et contraintes- des objets manipulables et ce que nosu apellons des vues, c'est à dire les fichiers de rendu destinés à produire le html final).

    Si vous avez installé la dernière version, le set de templates fourni avec le site d'exemple (templates web space) est en 960 et en responsive, c'est donc un bon point de départ.

    Bonne prise en main, en espérant que ces informations vous aident dans votre exploration.

  • Re: Créer ou modifier un template
    2013/03/29 09:56

    theklem <p> Bonjour,</p> <p> En premier lieu je pense que vous avez install&eacute; Jahia en mode d&eacute;veloppement ou install&eacute; le SDK, en non en mode production. Dans ce cas vous devez avoir acc&egrave;s au Studio (via la toolbar principale) qui est l&#39;outil permettant demodifier les templates.</p> <p> La structure des templates et leur mode de fonctionnement est un aspect essentiel &agrave; comprendre. Je vous conseille de lire le guide de templating et/ou de regarder les videos d&#39;introduction que vous trouverez ici&nbsp;<a href="http://www.jahia.com/cms/fr/home/download/jahia-academy/documentation.default.html?displayTab=technical-documentation">http://www.jahia.com/cms/fr/home/download/jahia-academy/documentation.default.html?displayTab=technical-documentation</a>&nbsp;La seule vraie difficult&eacute; lorsque l&#39;on d&eacute;marre c&#39;est d&#39;appr&eacute;hender ce qui est cr&eacute;&eacute; dans le studio (en gros la structure des pages et les zones disponibles, soient pr&eacute;-d&eacute;finies au niveau des templates soient lais&eacute;es &agrave; disposition des &eacute;diteurs qui utiliseront ces templates pour cr&eacute;er eurs pages) et ce qui est g&eacute;r&eacute; dans les fichiers script des diff&eacute;rents modules (en gros, la structure -champs et contraintes- des objets manipulables et ce que nosu apellons des vues, c&#39;est &agrave; dire les fichiers de rendu destin&eacute;s &agrave; produire le html final).</p> <p> Si vous avez install&eacute; la derni&egrave;re version, le set de templates fourni avec le site d&#39;exemple (templates web space) est en 960 et en responsive, c&#39;est donc un bon point de d&eacute;part.</p> <p> Bonne prise en main, en esp&eacute;rant que ces informations vous aident dans votre exploration.</p>

  • Number of messages  85
    Registration date Mar 29, 2013
    0 (0 Good)
    0 (0 Bad)

    Créer ou modifier un template

    by  fallnc »  2013/03/29 10:27

    Merci de votre réponse si rapide. :)

    Oui j'ai bien accés au Studio mais, il y a toujours certains contenus de templates que je n'arrive pas à du tout à modifier ou même supprimer.

    J'ai créé aussi un site web en choisisant le template web space. J'ai ajouté quelques éléments mais en redimensionnant ensuite mon navigateur, les éléments ne se repositionnent pas du tout.

    Je voudrai savoir aussi en mode studio si je crée un nouveau template et si j'utilise la grille personnalisée de 960 gs, ça devrait le faire non?

    Ya toujours beaucoup zones d'ombre pour moi mais je vais continuer de lire le guide.

    Merci :)

  • Créer ou modifier un template
    2013/03/29 10:27

    fallnc <p> Merci de votre r&eacute;ponse si rapide. :)</p> <p> Oui j&#39;ai bien acc&eacute;s au Studio mais, il y a toujours certains contenus de templates que je n&#39;arrive pas &agrave; du tout &agrave; modifier ou m&ecirc;me supprimer.</p> <p> J&#39;ai cr&eacute;&eacute; aussi un site web en choisisant le template web space. J&#39;ai ajout&eacute; quelques &eacute;l&eacute;ments mais en redimensionnant ensuite mon navigateur, les &eacute;l&eacute;ments ne se repositionnent pas du tout.</p> <p> Je voudrai savoir aussi en mode studio si je cr&eacute;e un nouveau template et si j&#39;utilise la grille personnalis&eacute;e de 960 gs, &ccedil;a devrait le faire non?</p> <p> Ya toujours beaucoup zones d&#39;ombre pour moi mais je vais continuer de lire le guide.</p> <p> Merci :)</p>

  • Number of messages  11
    Registration date Mar 29, 2013
    1 (1 Good)
    0 (0 Bad)

    Contenus non modifiables dans les templates

    by  theklem »  2013/03/29 10:34

    Difficile d'aider a distance, mais si certains contenus définis dans les templates ne vous sont pas immédiattement modifiables, il y'a deux explications possibles

    - soit l'élément affiché dans le template que vous souhaitez modifier est défini au niveau de la Vue (/modules/module-name/component-name/html/view-name.ext)

    - soit l'élément est bien défini dans les templates, mais dans un template parent et non sur celui sur-lequel vous essayez de le modifier. En effet les templates sont organisés en arbre, avec un principe d'héritage. Traditionnellement le premier template est nommé "base" et contient la strcuture générale (comme la zone de header, de footer...), l'appel aux css et aux javascripts, bref tout ce qui est commun à l'ensemble des templates "enfants". Quand on édite un template enfant, les éléments définis au niveau supérieur ne sont pas directement modifiables car hérités, mais vous pouvez les modifier en retournant sur le template ou ils ont été définis.

    Cdt

  • Contenus non modifiables dans les templates
    2013/04/05 09:25

    theklem <p> Difficile d&#39;aider a distance, mais si certains contenus d&eacute;finis dans les templates ne vous sont pas imm&eacute;diattement modifiables, il y&#39;a deux explications possibles</p> <p> - soit l&#39;&eacute;l&eacute;ment affich&eacute; dans le template que vous souhaitez modifier est d&eacute;fini au niveau de la Vue (/modules/<em>module-name</em>/<em>component-name</em>/html/<em>view-name.ext</em>)</p> <p> - soit l&#39;&eacute;l&eacute;ment est bien d&eacute;fini dans les templates, mais dans un template parent et non sur celui sur-lequel vous essayez de le modifier. En effet les templates sont organis&eacute;s en arbre, avec un principe d&#39;h&eacute;ritage. Traditionnellement le premier template est nomm&eacute; &quot;base&quot; et contient la strcuture g&eacute;n&eacute;rale (comme la zone de header, de footer...), l&#39;appel aux css et aux javascripts, bref tout ce qui est commun &agrave; l&#39;ensemble des templates &quot;enfants&quot;. Quand on &eacute;dite un template enfant, les &eacute;l&eacute;ments d&eacute;finis au niveau sup&eacute;rieur ne sont pas directement modifiables car h&eacute;rit&eacute;s, mais vous pouvez les modifier en retournant sur le template ou ils ont &eacute;t&eacute; d&eacute;finis.</p> <p> Cdt</p>

  • Number of messages  85
    Registration date Mar 29, 2013
    1 (1 Good)
    0 (0 Bad)

    test responsive

    by  theklem »  2013/03/29 10:54

    Vous pouvez aussi regarder le site Jahia.com pour voir le resultat d'une implémentation responsive un peu plus poussée (de mémoire l'aspect change peu dans le site web space) et nottament avec un browser mobile. L'important à savoir c'est que Jahia n'apporte pas de contraintes particulières en matière de HTML. Il est possible d'utiliser un framework css type 960gs, mais également d'autres, ou de faire du HTML totalement custom. Ce qu'il est possible de faire avec 960gs en responsive est également possible une fois utilisé dans Jahia, car la gestion du rendu est contrôlée par les templates et les vues, et le logiciel lui même ne "force" rien.

  • test responsive
    2013/04/05 09:25

    theklem <p> Vous pouvez aussi regarder le site Jahia.com pour voir le resultat d&#39;une impl&eacute;mentation responsive un peu plus pouss&eacute;e (de m&eacute;moire l&#39;aspect change peu dans le site web space) et nottament avec un browser mobile. L&#39;important &agrave; savoir c&#39;est que Jahia n&#39;apporte pas de contraintes particuli&egrave;res en mati&egrave;re de HTML. Il est possible d&#39;utiliser un framework css type 960gs, mais &eacute;galement d&#39;autres, ou de faire du HTML totalement custom. Ce qu&#39;il est possible de faire avec <a href="http://adapt.960.gs/" title="lien vers 960gs">960gs en responsive</a> est &eacute;galement possible une fois utilis&eacute; dans Jahia, car la gestion du rendu est contr&ocirc;l&eacute;e par les templates et les vues, et le logiciel lui m&ecirc;me ne &quot;force&quot; rien.</p>

  • Number of messages  85
    Registration date Mar 29, 2013
    0 (0 Good)
    0 (0 Bad)

    Re : test responsive

    by  fallnc »  2013/04/05 15:47

    Je vous remercie, j'ai pu corriger mon erreur en créant un template directement sur le portail et en éditant mon fichier template.mytemplate.jsp en html pour avoir une structure responsive.

     

  • Re : test responsive
    2013/04/05 15:47

    fallnc <p> Je vous remercie, j&#39;ai pu corriger mon erreur en cr&eacute;ant un template directement sur le portail et en &eacute;ditant mon fichier template.mytemplate.jsp en html pour avoir une structure responsive.</p> <p> &nbsp;</p>

  • Number of messages  11
    Registration date Apr 5, 2013
    0 (0 Good)
    0 (0 Bad)

    cool

    by  theklem »  2013/04/05 16:01

    content que vous ayez réussi à passer ce cap. je sais que la premlière prise en main de la partie templating n'est pas évidente (sans représenter une difficulté insurmontable fort heureusement).

    Nous travaillons actuellement sur ce point pour rendre le studio plus complet, plus facile a utiliser et en particulier sur la création de templates afin de faciliter ces opérations. Avec un peu d'expérience vous verrez que ces opérations deviennent de plus en plus triviales et que le côté très éclaté des objets que vous manipulez (composants, vues...) permet une grande vélocité et une facilité de développement appréciable.. Tout dépend de l'ampleur et de la complexité du projet que vous envisagez de réaliser. Plus celui-ci est complexe ou implique de développeurs, plus l'approche de Jahia fais la différence, en tous les cas c'est mon opinion. Pour des scénarios très "basiques", sauf a n'utliser que les composants (nombreux) fournis par défaut avec l'application, notre approche ajoute sans doute un overhead de travail par rapport à des solutions exclusivement orientées web publishing faites pour gérer des scénarios simples.

    N'hésitez pas à poser d'autres questions et à prendre un peu de temps pour regarder nos différentes vidéos http://www.youtube.com/user/JahiaCMS, certaines permettent de bien rentrer dans les concepts de templating du produit, particulièrement la série Quickstart développeur pas à pas, que vous trouverez en bas de la page http://www.jahia.com/cms/fr/home/download/jahia-academy/quick-start--videos/all-our-videos.html (http://www.youtube.com/playlist?list=PL5D2C6956E67B3CBE)

  • cool
    2013/04/05 16:03

    theklem <p> content que vous ayez r&eacute;ussi &agrave; passer ce cap. je sais que la premli&egrave;re prise en main de la partie templating n&#39;est pas &eacute;vidente (sans repr&eacute;senter une difficult&eacute; insurmontable fort heureusement).</p> <p> Nous travaillons actuellement sur ce point pour rendre le studio plus complet, plus facile a utiliser et en particulier sur la cr&eacute;ation de templates afin de faciliter ces op&eacute;rations. Avec un peu d&#39;exp&eacute;rience vous verrez que ces op&eacute;rations deviennent de plus en plus triviales et que le c&ocirc;t&eacute; tr&egrave;s &eacute;clat&eacute; des objets que vous manipulez (composants, vues...) permet une grande v&eacute;locit&eacute; et une facilit&eacute; de d&eacute;veloppement appr&eacute;ciable.. Tout d&eacute;pend de l&#39;ampleur et de la complexit&eacute; du projet que vous envisagez de r&eacute;aliser. Plus celui-ci est complexe ou implique de d&eacute;veloppeurs, plus l&#39;approche de Jahia fais la diff&eacute;rence, en tous les cas c&#39;est mon opinion. Pour des sc&eacute;narios tr&egrave;s &quot;basiques&quot;, sauf a n&#39;utliser que les composants (nombreux) fournis par d&eacute;faut avec l&#39;application, notre approche ajoute sans doute un overhead de travail par rapport &agrave; des solutions exclusivement orient&eacute;es web publishing faites pour g&eacute;rer des sc&eacute;narios simples.</p> <p> N&#39;h&eacute;sitez pas &agrave; poser d&#39;autres questions et &agrave; prendre un peu de temps pour regarder nos diff&eacute;rentes vid&eacute;os&nbsp;<a href="http://www.youtube.com/user/JahiaCMS">http://www.youtube.com/user/JahiaCMS</a>, certaines permettent de bien rentrer dans les concepts de templating du produit, particuli&egrave;rement la s&eacute;rie Quickstart d&eacute;veloppeur pas &agrave; pas, que vous trouverez en bas de la page&nbsp;<a href="http://www.jahia.com/cms/fr/home/download/jahia-academy/quick-start--videos/all-our-videos.html">http://www.jahia.com/cms/fr/home/download/jahia-academy/quick-start--videos/all-our-videos.html</a>&nbsp;(<a href="http://www.youtube.com/playlist?list=PL5D2C6956E67B3CBE">http://www.youtube.com/playlist?list=PL5D2C6956E67B3CBE</a>)</p>

  • Number of messages  85
    Registration date Apr 5, 2013
    0 (0 Good)
    0 (0 Bad)

    Re : cool

    by  fallnc »  2013/04/09 08:14

    Bonjour thelkem, 

    Je voudrai savoir si je veux tester Jahia en mode responsive avec bootstrap, quels sont les parametres à prendre en compte?

    Pour l'instant j'ai juste utilisé la syntaxe de Bootstrap avec les "span", en suite ajouté les ressources dans mon fichier mytemplate.jsp, et enfin copié les feuilles de style dans mon dossier css. Mais ce n'est pas dut tou pris en compte. Savez vous si c'est possible et comment procéder?

    Merci d'avance :)

    Cordialement

  • Re : cool
    2013/04/09 08:14

    fallnc <p> Bonjour thelkem,&nbsp;</p> <p> Je voudrai savoir si je veux tester Jahia en mode responsive avec bootstrap, quels sont les parametres &agrave; prendre en compte?</p> <p> Pour l&#39;instant j&#39;ai juste utilis&eacute; la syntaxe de Bootstrap avec les &quot;span&quot;, en suite ajout&eacute; les ressources dans mon fichier mytemplate.jsp, et enfin copi&eacute; les feuilles de style dans mon dossier css. Mais ce n&#39;est pas dut tou pris en compte. Savez vous si c&#39;est possible et comment proc&eacute;der?</p> <p> Merci d&#39;avance :)</p> <p> Cordialement</p>

  • Number of messages  11
    Registration date Apr 9, 2013
    0 (0 Good)
    0 (0 Bad)

    Re : Re : cool

    by  rmora »  2013/04/09 08:46

    Bonjour,
    afin d'utiliser directement dans la jsp de votre Template la syntaxe responsive Bootstrap il vous suffit d'appeler la CSS bootstrap.css dans votre Template :
    <template:addResources type="css"resources="bootstrap.css"/>
    Vous pouvais aussi créer une vue de jnt_customRow du composant grid dans votre Template afin de l'adapter à la syntaxe Boostrap,
    Ou encore faire votre propre composant de grid dont héritera votre set de Template suivant votre niveau.
    Cordialement


     

  • Re : Re : cool
    2013/04/09 08:46

    rmora <p> Bonjour,<br /> afin d&#39;utiliser directement dans la jsp de votre Template la syntaxe responsive Bootstrap il vous suffit d&#39;appeler la CSS bootstrap.css dans votre Template :<br /> <strong>&lt;template:addResources type=&quot;css&quot;resources=&quot;bootstrap.css&quot;/&gt;</strong><br /> Vous pouvais aussi cr&eacute;er une vue de jnt_customRow du composant grid dans votre Template afin de l&#39;adapter &agrave; la syntaxe Boostrap,<br /> Ou encore faire votre propre composant de grid dont h&eacute;ritera votre set de Template suivant votre niveau.<br /> Cordialement</p> <p> <br /> &nbsp;</p>

  • Number of messages  10
    Registration date Apr 9, 2013
    0 (0 Good)
    0 (0 Bad)

    Re : Re : Re : cool

    by  fallnc »  2013/04/09 09:21

    Bonjour, 

    Oui j'ai bien rajouté mes ressources comme suit:

    <template:addResources type="css" resources="boostrap.min.css,boostrap-responsive.min.css,mytemplate.css, "/>

    Mais quand je définis ma structure, J'ai mes éléments qui sont alignés les uns en dessous des autres. C'est à dire que le css n'est pas pris en compte.

    Je n'ai pas trop compris comment créer une vue (jnt_customRow) et est ce que ça permettrait de résoudre mon problème?

    Merci d'avance

     

    Cordialement

  • Re : Re : Re : cool
    2013/04/09 09:21

    fallnc <p> Bonjour,&nbsp;</p> <p> Oui j&#39;ai bien rajout&eacute; mes ressources comme suit:</p> <p> &lt;template:addResources type=&quot;css&quot; resources=&quot;boostrap.min.css,boostrap-responsive.min.css,mytemplate.css, &quot;/&gt;</p> <p> Mais quand je d&eacute;finis ma structure, J&#39;ai mes &eacute;l&eacute;ments qui sont align&eacute;s les uns en dessous des autres. C&#39;est &agrave; dire que le css n&#39;est pas pris en compte.</p> <p> Je n&#39;ai pas trop compris comment cr&eacute;er une vue (jnt_customRow) et est ce que &ccedil;a permettrait de r&eacute;soudre mon probl&egrave;me?</p> <p> Merci d&#39;avance</p> <p> &nbsp;</p> <p> Cordialement</p>

  • Number of messages  11
    Registration date Apr 9, 2013
    Contact
    Share
    Feedback

    Get in touch

    Whether you are a current user or if you are just evaluating Jahia, we are here to help.

    Contact us

    Share this page