Comment personnaliser l'en-tête et le menu wordpress avec elementor header and footer builder

[@latitude32nord]

Bravo, pertinent efficace, je suis en train de developper notre site et votre chaine est une source d'inspiration. Adlen - Tunis.

[@toptutoweb]

Bonjour Adlen, sincèrement content que vous puissiez trouver quantité d'informations utiles et gratuites sur cette chaine, n'hésitez pas si vous avez des questions.

[@yonahaha]

J'ai suivi attentivement la majorité de vos tutoriels sur l'extension Elementor, et je dois vous dire qu'ils m'ont énormément aidé à prendre en main cette extension ! Merci beaucoup à vous :)

[@toptutoweb]

Merci à vous Elisa, content d'avoir pu être utile. Je vais bientôt créer un blog dédié à cette chaine, je partagerai bien sûr sa création via des vidéos, peut être l'occasion de partager d'autres informations utiles.

[@edwar.domino]

Vous êtes un pédagogue né et vous avez l'amour de partager. Je note et je m'abonne :)

[@toptutoweb]

Merci Edward et bienvenue à bord donc. Oui je confirme, plaisir de partager 😊

[@edwar.domino]

@@toptutoweb Je vous en prie, merci à vous 🙂

[@photoeric-]

Génial de pouvoir passer sur les trois plate-forme et différentier individuellement l'affichage. Merci 👍😉

[@toptutoweb]

Oui beaucoup de personnes ne connaissent pas le potentiel du mode responsive sur elementor. Ils construisent sur un ordinateur et adapte la mise en page à leur écran? Hélas ce qui donne bien sur un écran d'ordinateur peut être désastreux en affichage sur un écran de téléphone. Et quand on voit la place que prennent de plus en plus les téléphones pour surfer sur le net....

[@redone9524]

Merci beaucoup pour les tutos.....

[@alikaouani2581]

merci beaucoup pour cette tuto bien expliquée merci

[@widowido2972]

Merci pour cette vidéo ! Super top elementor header and footer builder !

[@toptutoweb]

Oui un bel outil qui offre pas mal d'options

[@cynthiahagelstein3782]

un énorme merci , c'est très clair et ça m'a énormément aidé :)

[@toptutoweb]

Merci Cynthia, content d'avoir été clair et utile même si j'aurais pu faire mieux. Mais bon, c'était un peu mes débuts en format tuto, je m'améliore avec le temps. Bientôt de nouveaux tutos sur la création de site internet.

[@lilybideau521]

Merci beaucoup pour le tuto! c'est top

[@marjolaine3911]

Bonjour, merci ! J'ai crée un footer et depuis je ne vois plus mon menu sur le site ? Pourquoi ? Merci

[@toptutoweb]

Bonjour Marjolaine, j'avoue ne jamais avoir eu ce type de problème. J'ai fait une recherche sur des forums anglophones, les réponses qui viennent le plus souvent serait une incompatibilité avec certaines extensions ou avec le thème. Parfois c'est le thème qui bloque afin de pousser les gens à prendre la version pro qui débride le problème ( ils font référence au thème "astra" sur ce forum ). Sinon il faut décocher une extension à la fois afin de voir si c'est l'une d'elle qui bloque l'apparition du menu.

[@philippemaitrejedi7913]

Bonjour, merci pour ce tuto, je suis débutant. Mon thème me pose problème pour le menu qui n'est pas assez large et un retour a la ligne s'opère lorsque je dépasse 4 bouton de lien de ce menu. Afin de résoudre ce problème j'essaye de refaire le menu dans l'entète en suivant le tuoto. Lorsque j'ajoute le logo qui est dans ma page Wordpress dans le container, il n’apparaît pas en direct (il y a un carré par défaut d'image grisé à la place) et par conséquent je ne sais pas si ce dernier sera visible si j'enregistre ma nouvelle entête. Wordpress conserve t-il le menu par défaut du thème si cela ne fonctionne pas après enregistrement? Je ne trouve pas un bouton qui permet de visualiser en direct avant de confirmer les changements.

[@toptutoweb]

Oui pas de problème, rien n'est modifié dans le menu principal créé par défaut, dans la section dédiée de votre tableau wordpress. Tant que vos pages existent, votre menu existe. Si le problème vient du thème, peut être fait il changer de thème ?

[@philippemaitrejedi7913]

@@toptutoweb Un grand merci pour la réponse, j'ai réussi à mettre le logo et j'ai inséré mon menu par défaut. Après publication je visualise l'ensemble mais les sous- menus ne fonctionnent pas. J'ai essayé differents paramétrage mais seul le menu par défaut du thème fonctionne correctement et si j'enregistre les modifications dans le plugin ça bugue. Dommage car le plugin est intéressant. je voulais l'utiliser pour justement modifier certaines couleurs et la largeur de ce menu qui ne sont pas possible dans Wordpress . Toutes les modifications fonctionnent sauf les sous-menu qui n’apparaissent pas et ne fonctionnement pas. J'ai même crée un deuxième menu dans le wordpress pour tester mais c'est le même souci.

[@lucaspesso78]

Merci beaucoup ça m'a beaucoup aidé je galérais à faire mon en tête; juste le logo je vois pas comment bien l'intégrer à présent à celle-ci

[@thierrychedoz9750]

Bonjour, merci pour tes vidéos, grâce à toi j'arrive à construire mon site. Pourrais tu me dire pour je n'ai pas le carrousel d'image?

[@toptutoweb]

Bonjour il me semble que le carrousel d'images est issu d'une extension gratuite. Je crois que ce tuto pourrait t'être utile Thierry : kzbin.info/www/bejne/pYCWan5retWGY8U

[@Alex-gu6mb]

Merci, excellent tutoriel, très didactique qui m'a bien aidé pour personnaliser. Je voulais savoir toutefois s'il y a moyen avec Elementor Header/footer builder d'épingler, de rendre l'en-tête fixe quand on scrolle ?

[@toptutoweb]

Bonjour Alex, oui c'est possible mais il va falloir ajouter un peu de code CSS. Voici un article qui détaille tout étape par étape : ultimateelementor.com/docs/sticky-header-with-ehf/

[@Alex-gu6mb]

@@toptutoweb Merci beaucoup pour le lien.

[@Santevivante]

Merci beaucoup pour votre vidéo 😁Comment créer des sous menus :) ? Merci🙏

[@toptutoweb]

Dans ce tuto il y a deux chapitres dédiés aux menus et sous-menus. kzbin.info/www/bejne/a4bWpYSZrJeLbrc

[@unfamadesidia5660]

Bonjour, mon en tête apparait sur la page d'accueil, au dessus mon menu, mais elle n'apparaît pas sur les autres pages, puis j'ai j'ai téléchargé le plugin elementor header and footer builder , mon en tete s'affiche sur les autres pages mais écrase mes photos de ma page d'accueil ? Pourriez-vous m'aider s'il vous plais

[@toptutoweb]

Difficile de trouver la cause du problème sans être face à l'écran 😔

[@abdallahlakouf]

Wooh

[@mgaltero]

Bonjour. Parfait tuto, merci. Je travaille avec Elementor Pro. Je cherche s'il est possible de Dupliquer un header déjà existant pour faire des tests. Grand merci d'avance.

[@toptutoweb]

Oui, je pense que c'est possible. On peut enregister l'entête dans les modèles et ensuite le mettre sur une nouvelle page de test. Pas sûr mais i me semble qu'il est possible d'exporter les modèles pour ensuite les importer sur un autre site, à vérifier.

[@mgaltero]

Merci infiniment pour ces infos. Je vais tester et je communiquerai les résultats.

[@ouritech946]

Rien à dire j'ai vraiment aimé la formation. C'est vraiment cool. J'ai une question, j'aimerais connaître la dimension des images que vous avez mis sur l'entête svp

[@toptutoweb]

Content que ce tuto vous plaise et soit utile. Alors pour le diaporama version ordinateur et tablette, les photos font 1600 pixels par 215 pixels. Et pour le diaporama version mobile, les photos font 400 pixels par 200 pixels. 🙏

[@ouritech946]

@@toptutoweb merci énormément 🙏

[@freretang]

coucou, comment fait on pour ne pas afficher l entete/ppage sur 1 page particuliere svp

[@toptutoweb]

Bonjour, cela se fait lors de la configuration mais cela peut également se faire une fois l'entête créé. Par exemple, si vous avez créé votre entête, vous allez dans les réglages, vous sélectionnez l'entête visé, vous cliquez sur "modifier" et là vous arriverez sur les réglages qui ont servi lors de la création de l'entête, ou du pied de page. Vous avez un cadre marqué "sur tout le site" je crois. En cliquant dans ce cadre vous allez dérouler des options comme par exemple cele de ne pas faire apparaître l'entête sur des pages spécifiques.

[@jeanfrancoisdubois5266]

Bonjour Comment modifier un menu de navigation déjà créer ?

[@toptutoweb]

Il faut retourner sur l'onglet "Apparence" et ouvrir l'élément "Elementor header and footer buider". Là vous sélectionnez le modèle que vous avez créé, vous allez sur l'onglet "Modifier avec elementor". Et voilà, vous n'avez plus qu'à apporter les changements que vous désirez.

[@jeanfrancoisdubois5266]

@@toptutoweb Encore merci et encore une nouvelle question, j'abuse je sais!!!! Comment rendre cliquable les images d'un carrousel, je bute la dessus, je suis sur que j'ai vu cela dans un de vos tutos mais je le retrouve pas.

[@unfamadesidia5660]

bonjour j'ai fait exactement comme vous et j'ai toujours de gros espace entre mes photos dans la carrousel d'image

[@toptutoweb]

Combien d'images à la fois voulez vous faire apparaître dans le carrousel ? Si vos images font 250 pixels de large et que vous mettez 2 images, alors il y aura en effet des blancs entre vos images. Une page web fait au minimum 1200 pixels de large, vos deux images font un total de 500 pixels, il y aura donc un blanc de 700 pixels... Attention aussi au format des photos. Une fois que vous avez sélectionné les images de la galerie, sous le cadre des photos choisies, il y a une sélection de taille de l'image. Si vous optez pour les thumbnail 150 ou medium 300, alors vos photos sont présentées à 150 ou 30 pixels de large au lieu de la taille entière. Personnellement pour ce carrousel je sélectionne une seule image à faire défiler. Avant cela, je prépare des photos qui font 1600 pixels de large et je les fais défiler une à une. Dans le cas de l'entête présenté dans le tuto, j'ai créé des images qui regroupe 4 photos ensemble. J'ai fait ce montage photo à partir de photopea. Si besoin je pourrai faire un petit tuto pour expliquer ce montage photo très simple à réaliser.

[@unfamadesidia5660]

@@toptutoweb merci beaucoup c'est plus vlair, j'aimerais que vous fassiez une vidéo sur ça ! si vous avez du temps biensure merci beaucoup

[@unfamadesidia5660]

Bonsoir, j'ai un problème je viens de créer un site internet avec WordPress, plutôt un site de démo que j'ai repris, j'ai changé le logo pour mettre le mien cela a très bien marché en responsiv que sa soit sur pc, tablette ou portable, par contre quand je me connecte sur mon portable personnel mon site internet m'affiche tjr l'ancien logo, elle apparaît sur mon portable. pouvez -vous m'aider ? cordialement

[@toptutoweb]

Il faut vider le cache de votre navigateur pour que la nouvelle version de votre logo et de votre site apparaissent enfin. Si vous ne connaissez pas la méthode, écrivez simplement dans google : "comment vider le cache sur... ( chrome, safari, brave, bref le navigateur que vous utilisez )

[@Mehdi-x]

Au lieu de se mettre à l'accueil du site une nouvelle page du site est créé mais inaccessible à moins de taper toute l'URL manuellement...

[@toptutoweb]

Bonjour Mehdii, une fois votre page d'accueil finie, avez vous été dans les "réglages", du tableau de bord de votre wordpress, pour sélectionner l'option "lecture" ? Dans le réglage de lecture vous avez une page d'accueil par défaut qui affiche les défaut mais vous devez sélectionner l'option "une page statique" et ensuite, dans le cadre juste en dessous, définir quelle page de votre site sera votre page d'accueil, et plus bas, si vous le désirez, la page qui va regrouper vos articles. N'oubliez pas non plus d'ajouter votre nouvelle d'accueil dans la partie "menu". Toutes ces informations sont disponibles dans ce tuto : kzbin.info/www/bejne/eamamWCke6Z0ebM

[@Mehdi-x]

@@toptutoweb je n'ai pas l'option lecture malheureusement

[@toptutoweb]

@@Mehdi-x Pas d'option "lecture" 😲 mais c'est un des éléments de base de wordpress.... A moins que.... Pour que cette option soit visible il faut que vous ayez publié au moins une page et pas en mode privé. Sans une page créée et en mode public, le mode "lecture" ne s'affiche pas car il n'a aucune page statique à choisir comme page d'accueil.

[@boutiquechocofoolie3817]

Bonjour, merci pour vos vidéos elles me sont d'une grande utilité 🙏. J'ai une question au moment de modifier l"extension j'ai un message bloquant "désolé la zone de contenu n'a pas été trouvée dans votre page. Vous devz appeler la fonction "the_content" dans le modèle actuel pour qu'Elementor fonctionne sur cette page. Je ne comprends pas, est-ce-que vous auriez une solution à m'apporter ? merci

[@toptutoweb]

Cela pourrait être lié au thème que vous utilisez, le problème pourrait se résoudre en changeant de thème.

[@toptutoweb]

Sinon j'ai trouvé un des nombreux articles qui traite de ce problème. Celui-ci est assez complet mais je pense que la solution 4 est la plus adaptée et correspond à ce que je vous disais dans ma réponse précédente : kinsta.com/fr/base-de-connaissances/vous-devez-appeler-fonction-the-content-elementor/

[@boutiquechocofoolie3817]

@@toptutoweb Merci bcp à vous je vais regarder cela

[@loginslogins8739]

Elementor website builder n est pas totalement gratuit !! Car il il faut passer un business pour l'avoir !

[@toptutoweb]

Mon nouveau tuto devrait répondre à votre intervention : kzbin.info/www/bejne/pYCWan5retWGY8U