Accueil

 

Fentre twitter pas assez haute, trop petit…

 

 

Ceci est ma premiere page d’accueil. J’ai supprimé la colonne latéral de widget (aucun widget presents dedans, pour avoir une pleine page)

Je considère que l’image d’en-tête s’affiche sur 2000 px de large. Je regarde mon affichage sur un écran 15 pouces, mais c’est le même principe avec des écrans plus grands.

Le corps de ma page d’accueil s’affiche sur une largeur d’environ 1000 px. Tu m’as dis que cela est du a la responsivité du site, (et je vois bien qu’au plus l’ecran est petit, au plus la marge ‘vide’ de gauche et droite de ma page diminue).

 

Je mets ici en dessous un shortcode event pour afficher l’image en avant sur cette page d’accueil grace au thumbnail=’1′. Cette image mise en avant ne devra plus s’afficher en haut de l’article, mais devra toujours s’afficher dans ce thumbnail. Il ya donc une image carré

 

Je met maintenant le même shortcode avec thumnail=’1′ et thumbnail_size=”medium”

Page accueil numero 2 pour section

J’ai donc mis une image mise avant de 1920px de large par 1200 de haut. On voit que cette image s’affiche seulement sur 1000 px de large, entre les deux sections. (Ceci, en utilisant un pc 15 pouce classique bien sur.)

L’ideal serait que mon image mise en avant fasse 2000px de large (s’affiche sur toute la largeur, comme l’image d’en-tête), et 400px de hauteur, pas plus, et que les dimensions restent fixes.

Attention, si on supprime l’affichage de l’image mise en avant pour les articles, il faut quand même que l’image mise en avant s’affiche pour les pages, surtout si j’utilise les section avec le menu option du thème.

 

Cependant, ma demande sur le mail était :

“H – Comment avoir, sur la page d’accueil, une section qui apparaît sur toute la
largeur ? ce pourrait être une page , ou une barre de bouton comme sur l’accueil de ‘numerian.fr’ (avec découvrez nos services’), ou simplement
une image en bannière (avec guttemberg, en ajoutant du css additionnel par
exemple ?)
L’idée est d’avoir la possibilité de couper cette page d’accueil (on
travaille beaucoup en blocs maintenant), avec une page ou image ou carroussel qui prendrait toute la largeur, mais sur une hauteur limitée.
Même un simple fond de couleur sur toute la largeur de l’ecran, pour une
section donnée, ou une image ferait pas mal”

Pour utiliser le menu ‘option du théme’, pas de soucis. Mais comment faire pour avoir ce type de rendu sur une page :

Ici, on voit bien que votre affichage est sur 1000 pxpour votre actualité (la ou il y a une image rectangle et ‘remise des certificats…’. Puis en dessous, nos service s’affiche sur toute la largeur de la page, le gris du fond de page se voit bien d’ailleurs. Ca sent l’ajout avec elementor, mais c’est pour illustrer mon propos.

 

Idem ici, on voit un contenu au dessus qui ne prends pas toute la largeurs de page, et la page du dessous, ou simplement la couleur verte de fond prends toute la largeur.

Ca c’est aussi très bien.

Dans l’idéal, pouvoir mettre une couleur de fond différente sur deux pages serait déjà bien. Par exemple, blanc sur ma premiere page accueil, et vert sur celle ci, mais que la couleur de fond prenne toute la largeur de la page.