Un nouveau petit site Yacs
Bonjours,
Voici un petit site ( http:www.rananiger.info/ ) réalisé avec Yacs pour l'association humanitaire RANA qui fait des actions et des projets dans la région de Zinder au Niger.
Aprés avoir découvers Yacs il y as juste 2 ans quasiment jour pour jour en créant mon site perso (pour la famille et les amis) site du type échange de photos, de nouvelles, de bon plan entre amis voir article Un site familial.
Cette fois avec Yacs, je cré un site associatif pour une association humanitaire. Ce site est du type communauté fermé, avec des pages présentant l'association et ces projets et l'avancement de ces projets, plus une zone d'échange privé pour les membres de l'association.
Le site à 2 jours, il est pas encore finalisé, la maquette sera montré à l'association sous peux, mais en peux de temps (2 jours) en faite surtout de soir. On peux créer un site déjà montrable avec du contenu (sachant que c'est plus la création du contenue (tapez le texte) qui as pris le plus de temps.
Le site, son graffisme et son contenue vont évoluer rapidement.
NB: Comme pour la premiére fois, je vais jouer réellement à modifier les skins et les logos. Je me propose de mettre dans les commentaires de cet article, les différents changements que j'ai fait au pas à pas. Cela pouras peut-être aider les nouveaux comme moi dans ce domaine (bien qu'il y ai de bon article sur le site, mais peut-être pas assez pas à pas pour les nuls comme moi. Ce sera surement du type: un nul explique comme il s'en sort....)
A+
| Pat 140 posts | Bon je suis nul en CSS, PHP et autre acronyme de ce site... et ceci est d'un bas niveau pour certain du site... mais voilà... en créant le site, je me pose des questions que beaucoup de nouveaux vont surement ce poser... Alors ce me propose de tenir une liste des questions que je me pose et des solutions que j'aurais trouvé ou seul ou sur les forums... La premiére chose que j'ai faite: Dérivé un style pour le modifier (comme dit dans la doc). Je suis partie du skin skeleton. Puis changer les images dans \yacs\skins\RanaSkeleton\images , pour avoir une base de couleur orange et un bandeau avec le logo de l'association.
La premier soucis: Pour afficher le logo il a fallu que je change la hauteur de l'image header_background.jpg et une fois la page afficher les onglets se retrouvé au même endroit et me bouffer tout le bas de mon image que j'avait ajouter. Premiére lesson: Si on change la hauteur de l'image d'entête header_background.jpg il faut allez dans le fichier .css de votre style change les paramêtres suivant.
Changer min-height et height avec des valeurs qui corespondent à la hauteur de votre bandeau... pour moi cela done:
Ensuite en modifiant les images yacs_background.png, yacs_top.png, yacs_bottom.png on donne le look de la page. En modifiant side_header.gif le look des boites des menus. Voilà c'est tout... il y as maintenant un nouveau look... Juste un petit probléme:... dans l'affichage du menu sous forme d'arbre lorsque l'on est dans des sous-sections... la derniére sous branche reste en bleu et ne prend pas votre look... Juste une petite solution: Toujours dans le fichier .css de votre skin. Localiser les lignes
Un dernier petit ajustement: Le titre du site RANA apparait en plein sur mon logo... et j'aimerai le déplacer pour l'afficher à coté du logo de Rana... La solution: Toujours est encore le fichier magique .css de votre skin localiser le texte suivant.
et jouer avec top et left...
Voilà, j'ai plein d'autre modif à faire, je vais m'amuser à chercher, et si je trouve pas je posserai des questions sur le forum.
On vois qu'il y as plein d'autres paramêtres possible à modifier pour le titre, la baniére (la plus part je ne sait pas à quoi ils servent). Si vous avec des questons voir avec les guru du site... Moi c'est service minimum, j'ai besoin de ça, je touche à ça et cela à l'air de marcher....
YACS, c'est trops cool, trop fort, trop flexibe, trop top... |
| Christian from Chonas l'Amballan Associate, 744 posts | On vous suit avec intérêt en tout cas ... Il est problable que vos commentaires feront également avancer la documentation ! |
| Lasares from L'Île-Bizard à Montréal, Québec 697 posts | Très beau site. Je viens de visiter avec grand plaisir : de belles photos et de belles actions. Votre initiative de documenter ici vos progrès est elle-même une action très généreuse, qui saura sûrement être utile. Je suis d'ores et déjà un de vos lecteurs. On a si peu d'idée de ce qui est possible... |
| Pat 140 posts | Merci pour ces commentaires... Voici la suite de mes avantures et découvertes.
Le souhait: avoir dans le menu les boites: Records de Visites, Records de téléchargement, Records de clics, Au hazard. Cela est facile car cela ce régle dans les paramétrages standard de la configuration de l'accueil.. Cependant le souhait est de ne pas avoir 7 liens par boite de menu. Car ceci ralonge le menu est donc le complexifie... Ils souhaiteraient avoir:
Premier constat: Tien c'est pas une option standard... Celà aurait été cool d'avoir dans la page de configuration de la page d'acceil, pour chaque boite, une valeur à saisir donnant le nombre d'éléments par boites...
Je ne veux pas changer le defaut de COMPACT_LIST_SIZE sur tout le site, et j'ai besoin d'autres valeurs spécifiquements pour certaines boites. Alors je vais mettre en dure dans le code mes valeurs (en attendant que des gurus Yacs nous ponde cette possibilité dans une prochaine version Les modification ce feront dans le fichier yacs\index.php. <br /> Remplacer COMPACT_LIST_SIZE par la valeur souhaité dans mon cas cela vas donner: <br /> Ensuite un nouveau besoin est apparus: Changer l'ordre de ces menus, pour ne pas favoriser de trops les pages les plus vues, mais plutôt proposer en premier les pages aux hazards, et mettre les liens externes en bas du menu.
<br /> Et voilà tout est possible simplement avec Yacs.... Maintenant ce que je me serai attendu à trouver dans Yacs, c'est dans la page de configuration de la page d'index, pour chacune de ces sections: la possibilité de mettre un nombre d'éléments et un rang comme pour les autres boites de menu. Ce serait cool aussi que les code yacs prennent un paramétre suplémentaire comme le nombre d'élément...
<br /> etc... je pense que vous avez compris comme moi, que pour l'instant, pour les boites de menu vous pouvez changer la valeur par defaut de chaque boite dans index.php Actuellement cela fonctionne sur mon site local, je vais monter les modifs dés que ma connection FTP fonctionnera surement dans la soiré et vous pourez voir le résultat sur www.rananiger.info si les modifs ne sont pas en place de lors visite revenez plus tard... C'est que mon FTP continue à me jouer des tours...
Au passage: quel beau code ce Yacs.... je n'avait pas encore soulever le capot... mais c'est claire, ultra documenté, que du bonheur... |
| Lasares from L'Île-Bizard à Montréal, Québec 697 posts |
Pat : " Je m'aperçois aussi que ce paramêtre est mis à 7 dans le script skins/skin_skeleton.php donc pas ajustable pour chaque skin différents.... " Au contraire, tout ce qui est dans skin_skeleton.php peut être ajusté dans un skin spécifique, en copiant la fonction voulue dans monskin/skin.php avant de l'y modifier à sa convenance.À l'inverse, il vous faut savoir que toute modification que vous avez faite à index.php sera automatiquement écrasée par la prochaine mise à jour que vous ferez de Yacs.
|
| Pat 140 posts |
" Au contraire, tout ce qui est dans Trés bien, bien vue. Cela résout le probléme d'avoir un nombre différent de 7 pour toutes les compact list. Cependant celà ne donne pas l'option d'avoir des valeurs différentes pour certaines boites. Et je ne vois pas pour l'instant d'autre option que de modifier dans index.php (idem pour changer l'ordre d'affichage de ces boites). Evidement la contre partie et à chaque mise à jour de devoir reporter les modifications. C'est pour cela que l'idéal serait l'ajout dans la page de configuration de l'index? pour chaqu'un de ces menus de:
En attendant pour avoir des valeures différentes d'élements et changer l'ordre d'affichage, je ne vois pour l'instant que la modification du fichier index.php. Mais en effet, il faut préciser à ceux qui voudrait changer ces paramétres en attendant une solution "standard", qu'aprés chaque mise à jour, il faudra reporter ces modifications à la main dans index.php.
Mais bon, ce n'est pas des modifs de haute volé.... et cela résout mon probléme.
|
| Lasares from L'Île-Bizard à Montréal, Québec 697 posts | Vous avez tout bon ! On parle beaucoup ces temps-ci de rendre les codes yacs encore plus puissants. Vous pourriez présenter vos suggestions dans la section du Forum Nouvelles fonctions pour qu'elles soient prises en compte par l'équipe de développement. On a si peu d'idée de ce qui est possible... |
| Bernard from nearby-an-airport Associate, 6581 posts | J'adore votre nouveau site, et la documentation de vos efforts ici-même. Alain et Christian sont de bons conseils et vous pouvez leur faire confiance. Comme indiqué précédemment, l'évolution de YACS est dictée par ses utilisateurs, donc n'hésitez pas à partager vos besoins avec les autres membres de la communauté, dans la section prévue à cet effet. Aussi, je me demandais quelles sont les langues parlées au Niger, et si vous aviez envisagé d'utiliser une autre langue que le français ou l'anglais pour votre site ? |
| Pat 140 posts |
Bernard : Merci, je suis un fan de Yacs depuis 2 ans avec mon site perso familiale, et j'ai toujours suivie les évolutions donc en effet j'ai pus déjà profiter des services de la communauté pour différentes mise à jour un peu sport... Mais sur mon ancien site j'utilisez un skin standard sans aucune modification, alors pour la 1° fois je vais faire des modifications.
Au Niger on parle le Français, donc il n'est pas nécessaire de faire un site multi langue. En tout cas ce n'est pas pour l'instant dans les besoins.
Par contre je pense qu'un jour (dans plusieur mois) on aimerait surement offrire la possibilité de faire des dons en ligne ou de renouveller sa cotisation à l'association en ligne.
Ceci n'est que de la curiosité pour commencer à me renseignier sur le sujet. Pour l'instant, on vas mettre l'effort dans les jours à venir sur le look, sur le graphisme, sur l'ergonomie et mettre déjà un peux d'information sur les projets et des photos des projets pour vréer une version 0 de départ avant de l'ouvrire aux membre de l'association, aux partenaires et aux donnateurs. L'étape suivante sera de ce faire référencer dans les moteurs de recherche, j'ai vue qu'il y avait de trés bons articles sur le site et un chat Mercredi sur le sujet (ce sera le sujet de Mars ou Avril je pense). Et surement à la rentré de septembre, il serait intéressant de mettre un systéme de paiment sécurisé pour les abonements (donc sujet pour la rentré scolaire). Je partagerai bien sure mon expérience de Newbie...
|
| Pat 140 posts | Bon je continue sur mon expérience. Aprés avoir passé du temps à entrer des sections, quelques articles, quelques photos est venue le temps de jouer avec les options standard pour changer le look (le type d'affichage) des sections, des articles, etc... Cela prend beaucoup de temps, mais évidement cela est primordial (grace à Yacs on peux changer plein de fois d'avis, et faire quasiment ce que l'on veux avec les options standards)
Arrive le moment ou ce que l'on veux faire est pas dans les options standards de YACS Un des souhait de l'association a été d'avoir un visuel graphic cohérent sur tout le site, mais un entête de page qui change (un peux) en fonction de la section consulté. Ce qui se traduit par un fichier .jpg différent pour chaque section dans la definition du style "header_panel". Comme header_panel est définie dans le fichier .css du skin, il n'est pas dynamiquement changeable, la logique doit être codé dans le fichier template.php. Le principe utilisé a donc été de déplacer la definition du style header_panel depuis le css vers le fichier template et d'ajouter la logique pour paramétrer le nom de fichier. Merci à Lesage Alain et Paques, Bernard qui m'ont donner les éléments qui me manquaient pour faire fonctionner le tout (voir article Bandeau différents pour chaque section (Via 1 skin)?) Il faut donc:
Dans mon besoin toutes les sections peuvent avoir potentiellement une image différente, cependant si l'image est différente uniquement pour les sections root (et les sous-section l'hérite). Il sufiit d'utiliser uniquement un test :
Evidement ensuite il suffit de faire vos images et des les appeler header_background_12.jpg pour la section N°12, etc... si vous n'avez pas d'image avec le bon indice alors l'image par defaut est utilisé.
Ce que j'ai appris:
Current_focus mon ami: La variable $context['current_focus'][0] qui contient le nom de la section parent (ex: section:12), mais aussi $context['current_focus'][1] la sous-section et $context['current_focus'][2] la sous-sous-section où l'on ce trouve. Exemple: L'article: http:www.rananiger.info/yacs/articles/view.php/13/ecole-de-karakara-en-septembre-2007 est dans la section et les sous-section suivantent: Accueil « Nos activités « Education et social « Ecole de Karakara « C'est à dire section:11 / section:12 / section:14 donc les valeurs sont:
NB: dans le cas de section special (page d'accueil, panneau de control,...) ces variables n'existent pas.
Actuellement cette solution est mise en place sur le site http:www.rananiger.info/yacs les images ne sont pas les images finales, mais on peux voir l'image d'entête changer sur certaine section et pas sur d'autres. Exemple en place actuellement:
Le besoin pour allez encore plus loin: Connaitre la liste des variables que l'on peux utiliser dans le fichier template.php pour construire une logique dynamique en fonction du contexte... Pour pouvoir afficher ou pas des menus, des images, des textes specifiques, etc.... en fonctions de l'article, d'une section, d'un utilisateur, etc....
|
| Lasares from L'Île-Bizard à Montréal, Québec 697 posts |
" Si quelqu'un a un pointeur vers une documentation de la liste des variables YACS utilisable dans template.php, je suis preneur.... " Vous avez posé la même question à deux endroits sans recevoir de réponse, il me semble. J'arrive un peu tard, mais si ça vous est encore utile, on trouve la plupart des variables importantes de Yacs dans /shared/global.php
|
| Tof from Grenoble-Chambery 474 posts | Bonjour Pat, Je fais parfois le tour des articles de yacs, et ce matin, c'est tombé sur vous ! rires. Bravo et merci pour tout ce fil de discussion, pour votre retour d'expérience, vos commentaires élogieux sur yacs, vos critiques constructives, vos apports pour les autres membres et surtout pour mettre Yacs au service de votre ONG. ----- Christophe Battarel Agitateur d'idées Responsable technique et co-gérant altairis |
Rate this page
Posted by Pat on Feb. 21, edited by Tof on Mar. 18, (popular)
)
Si quelqu'un a un pointeur vers une documentation de la liste des variables YACS utilisable dans template.php, je suis preneur....