Aide theming et performance

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by Aureve on

Bonjour à tous,

Nouvelle dans la communauté et dans l'utilisation de Drupal, je suis en train de réaliser mon site et la bonne compréhension de Drupal me donne du fil à retordre!
J'espère pouvoir compter sur votre expertise pour m'orienter car j'ai beaucoup de questions et pardonnez d'avance mon manque de avoir Drupalien!

Voilà, je souhaite réaliser mon site en one page avec un effet smooth scroll.

Détails de ce que je souhaite faire:
- Le fond global du site est un ensemble d'images fixes et prend toute la largeur.
- chaque "partie" (correspondant aux liens de menus) de ma page a également un fond qui défile au scroll sachant que ces fonds laissent apparaître par endroit le fond global avec les images.
-viennent ensuite des blocs avec des contenus textuels, images, slide, formulaire de contact selon les parties.
En gros l'idée est identique à celle de ce site: http://thomaslartaud.com/

Première question en ce qui concerne le theming, j'ai divisé chaque partie de ma page(correspondant aux liens de menus, donc à une page si nous étions en multi-pages) en régions dans lesquelles je placerais mes blocs. Pensez-vous que cela soit une bonne solution?
De votre côté comment auriez-vous fait?

J'ai groupé chacune de ces régions dans une section à laquelle j'ai attribué une classe afin de lui mettre en background mon assemblage d'images de fond (que j'ai edité en une seule grande image).
Ensuite chaque région à son fond propre qui défilera au scroll.
Tout est en background cover afin de prendre toute la largeur mais cela me pose du coup un problème.
En fait chaque fond de région est censé être une "suite" du fond de la région précédente de manière à ce qu'il y ai globalement une suite logique et que les fonds "s'assemblent" visuellement.
Mais en faisant le test et selon la hauteur de mes régions les fonds ne s'accordent pas, ce qui est probablement dû à la propriété cover qui redimensionne l'image?
Bref, je ne sais pas trop comment faire pour que cela s'accorde tout au long du défilement.

Ensuite en terme de performances, j'ai peur que la quantité d'images (entre le fond global et chaque fond de région) ralentisse considérablement le chargement de la page. Dans ce cas quelles sont les solutions qui s'offrent à moi afin d'optimiser le chargement?

J'espère que mes explications sont suffisamment claires et je vous remercie d'avance pour votre aide!

Forum : 
Développement
Version de Drupal : 
7.x

Soumis par vincent59 le 4 Juin, 2016 - 19:13

J'ai fait quelque chose d'assez semblable en utilisant Panels, qui permet de mettre en forme en utilisant des blocs, du contenu, des vues, bref un peu tout et n'importe quoi.

C'est uniquement sur une page d'accueil, sachant qu'il y a des pages intérieures (cf. http://www.peaumate.fr).

Si le site n'a qu'une seule page, Drupal est peut-être un peu lourd pour ça...

Je vois qu'il y a aussi un module qui fait ça : https://www.drupal.org/project/single_page_site, qui existe même pour Drupal 8.

Pour les performances, il faut bien optimiser les images, pour éviter d'avoir de la HD et des Mo à transférer.
Si possible, utiliser les fonctionnalités du CSS 3 pour le graphisme.