Arc En Terre

Intégration du thème

ajouter supprimer Flo

Créer un thème pour sandymango.fr, ça veut dire créer un thème pour Pluxml et donc s'aligner sur le framework PluCSS. Nous pouvons discuter içi des spécificités de ce framework et de comment y adapter notre thème.

La doc de référence : https://wiki.pluxml.org/developper/developpement/

Mon idée de départ était de trouver dans les thèmes disponibles celui dont le template (l'organisation des blocs contenant les divers éléments du site) s'approche le plus possible de celui imaginé par Sandy. De cette manière on n'a pas à s'occuper de toute la partie responsive qui peut-être très laborieuse à coder, ni du système de gestion des blocs utilisé par Pluxml que je ne comprends pas encore bien.

Pour cela j'ai commencé à faire des tests d'intégration de bannière avec le thème "default", puis fait un test de modification avec un thème peu plus "moderne", Blablaoo.
Ce dernier s'avère trop compliqué pour être modifié facilement, et je pense qu'il faudrait revenir au thème par défaut pour y intégrer le background et le bloc menu, puis organiser les blocs (avec flexbox ou bien le système de pluxml).

Répondre RSS

Replies

ajouter supprimer #1. Guillaume

Salut,

Je vais regarder la doc' de pluxml et les themes dont tu parles un peu plus en détail.
Ok pour la modification du "default" pour simplifier et embellir le site actuel.

J'ai déjà un fond, quelques design à intégrer, des bannières, boutons et boxes.
Il me faudrait plus d'info sur les résolutions nécessaires pour ces divers éléments afin d'optimiser l'intégration.
Je t'upload ce que j'ai sur ton espace.

Au niveau design, sandy est satisfaite du rendu actuel.
J'aimerai bien faire une petite animation sur le fond, Je sais que c'est un peu délicat pour la lisibilité, j'essaye de faire un truc relativement léger.
On verra.

Concernant le contenu, Sandy m'a envoyé ce message hier :

Sur ce site, j'aimerai que les gens puissent lire ma bio, avoir mon contact, mes oeuvres et mes presta et petre l'association aussi :

dans oeuvres il y a :
peinture, musique et bientot danse

dans presta :
On a ateliers, conférences, ateliers création artistique Resonance

On est vraiment dans le même schéma que le site de sarafistolle avec une partie contenue/gallerie plus étoffèe et divisée en 3 ou 4 parties.
Il faudra aussi je pense la possibilité de faire des dons dans la partie contact et peut-être voir pour intégrer un player dans le site avec quelques musiques si possible.

ajouter supprimer #2. Flo

Ok pour la modification du "default" pour simplifier et embellir le site actuel.

Bien, on va alors se construire une façon de travailler. Pour le début on va se mettre un pluxml en localhost chacun de notre côté et mener des test d'intégration. Pour le début, je vois ça comme ça : tu m'envoie tes images et je fais des tests d'intégration au thème par défaut vu que j'ai un peu l'habitude de le manier ça ira vite. Ensuite, je pense que ça débouchera sur un git, tu sais utiliser ça toi ?

J'aimerai bien faire une petite animation sur le fond, Je sais que c'est un peu délicat pour la lisibilité, j'essaye de faire un truc relativement léger.
On verra.

Ok, on verra ce qu'on peut faire et ce que ça donne.
Je ferais bien ça en gif ou CSS, mais pas en js, trop gourmand en ressources, pas forcément du code libre, introduit de possible failles, etc.
On trouve pas mal d'exemples d'animations en CSS3 sur codepen.io. C'est quoi que tu voudrais animer ? Des bulles qui montent ?

Concernant le contenu, Sandy m'a envoyé ce message hier :

C'est bien qu'elle t'envoie des messages, mais j'ai mis en place ce forum justement pour qu'elle puisse participer directement, comme elle aime pas trop taper des textos. Je suis pas sûr qu'elle ait bien compris l'idée. après je sais qu'elle est pas mal occupée en ce moment, mais quitte à t'envoyer un message, autant qu'elle l'envoie içi directement non ?

On est vraiment dans le même schéma que le site de sarafistolle avec une partie contenue/gallerie plus étoffèe et divisée en 3 ou 4 parties.

Ok. Ce qu'il faudra voir, c'est si on utilise des articles ou des pages statiques. Pour la structure du site, les pages statiques c'est bien (exemple ce site que j'ai fait http://mjkpsychologue.fr), ça simplifie la gestion du menu, des catégories, etc.
Ensuite on pourra ajouter une partie blog avec des articles.
Ca veut dire, pas mal de copier-coller, mais vaut mieux le faire maintenant tant que le site est pas trop plein. On en profitera pour faire une mise à jour, j'en parlerais dans un sujet dédié.

Il faudra aussi je pense la possibilité de faire des dons dans la partie contact et peut-être voir pour intégrer un player dans le site avec quelques musiques si possible.

Les dons sont déjà en place sur la landing page, et si je me souviens bien dans la sidebar aussi. J'ai un petit bout de code qu'on peut copier-coller n'importe ou dans les templates.
Le lecteur de musique je lui en ai déjà mis un en place sur le site cosmic boat il y a un peu plus d'un an mais elle m'a jamais fait de retour dessus, alors il a pas évolué depuis. Voir sur http://sandymango.fr/cosmicboat
Pour ça j'utilise le HTML5 et j'aimerais qu'on continue avec cette technologie pour un maximum d'accessibilité. Là, si on veut styler le lecteur plus que ce que j'ai fait, on aura à utiliser un peu de js, on peut faire une concession içi, mais ce ne sera pas nécessaire si le lecteur actuel lui convient.

:: @Flo added on 26 Apr ’20 · 12:50

J'ai regardé un peu ce que t'as mis dans la galerie, c'est top !

:: @Flo added on 26 Apr ’20 · 12:51

Lien directe vers la page avec le lecteur http://sandymango.fr/cosmicboat/index.php?static2/album

J'ai aussi mis une playlist dessous, tout en restant en HTML5.

ajouter supprimer #3. Sandy

Coucou ! J'espère que tu vas bien Flo !

Désolée jsuis pas mal occupé en ce moment, jsuis a côté de Guillaume, je suis le deroulé de la conversation !

ajouter supprimer #4. Flo

Ok cool !

ajouter supprimer #5. doe

Répondre

(Leave this as-is, it’s a trap!)

Pas besoin de "s'enregistrer", entrez simplement le même nom + mot de passe de votre choix à chaque fois.

Astuce: Utilisez markup pour ajouter des liens, citations et plus encore.

Your friendly neighbourhood moderators: Jin