Comment créer un site Wordpress FACILEMENT (2024) - Rendu professionnel avec ELEMENTOR (12 étapes)

[@WebMarketingTuto]

Merci de mettre un 👍 si la vidéo vous plaît (ou que vous en voulez plus dans le genre) 😄

[@BenayadOmar]

KZbin 1:33

[@perriercarole1743]

Les tarifs ne sont plus du tout les mêmes

[@sportphoto8938]

Très bon tuto. Les deux points forts : - la charte graphique est professionnelle, tout a été choisi avec un goût très sûr. - Chaque manipulation est détaillée. Si on suit scrupuleusement ce qui est montré, il est extrêmement facile de reproduire toutes les réalisations à l'écran. De l'achat d'un hébergement jusqu'à la mise en ligne du site. ATTENTION ce tuto a été fait avec Elementor sous Mac (17 % des gens). Elementor Mac fonctionne un peu différemment de Elementor pour Windows et Linux (70 % des gens). Rien de grave, rassurez vous. Voici comment vous adapter. Ce tuto montre un Elementor "Mac" qui manipule des - sections - colonnes à l'intérieur des sections. Quand vous créez une "section" de 3 colonnes par exemple, les 3 colonnes peuvent (et parfois hélas doivent) immédiatement être mises en forme. Sous Windows et Linux, Elementor manipule aujourd'hui des : - grilles - conteneurs Ce n'est pas un simple changement de vocabulaire. Une grille de 3 colonnes par exemple ne peut pas recevoir quoi que ce soit dans les colonnes du milieu et de droite. Il faut d'abord mettre un conteneur dans chacune des 3 colonnes. Très peu de manipulations sont différentes avec le Elementor Windows/Linux. Parmi elles, certaines sont plus simples (espaces entre colonnes), d'autres plus compliquées. Trois exemples : 40:55 i.goopics.net/3xtqn5.png Le choix "adapté à l'écran" du tuto n'existe pas. Pas grave "Couvrir" fait le job. Au passage, vous voyez sur l'image dans le navigateur Elementor Windows/Linux la structure de la page avec ses noms différents. 48:58 i.goopics.net/hsvcnz.png Le choix "En ligne (Auto)" existe. Mais comme le voit sur l'image, il ne fonctionne pas dans ce cas. Les deux boutons restent l'un au dessus de l'autre. J'ai contourné le problème en les insérant dans une mini grille. 1:08:58 "Modifier Colonne" n'existe pas (car les colonnes n'existent pas). Pas grave. Il suffit de mettre chaque boîte d'icone dans un conteneur de la grille. A partir de là, le chemin est un peu différent mais reste basique. La grille gère automatiquement l'écart entre colonnes en affichage desktop. En affichage mobile, les paramètres avancés de marges externes (20 de chaque côté) font le job. Merci encore pour cet tuto Elementor. C'est simple et complet. Bravo.

[@marcdejong5887]

Très bonne présentation, pas de blabla, l'essentiel, enfin une démo qui me donne envie d'employer Wordpress !

[@ibtissamouakha3920]

Merci pour cette vidéo très claire ! C'est de loin le meilleur tuto WP que j'ai vu. Je file faire l'épisode 2 :)

[@oliviarosewick4805]

Merci beaucoup ! J'ai réussi à créer mon site grâce à vous. Je passe à la vidéo 2 ! Bonne fin de journée à votre équipe !

[@WebMarketingTuto]

Super merci du retour Olivia. Bon apprentissage :-)

[@ambreblanc8815]

Bonjour, Merci pour cette formation. En 2024, il faudrait une MAJ car Elementor a évolué... C'est un joli projet en tout cas, bien pratique pour se faire la main. 😃😃

[@demortierannie1740]

Merci pour cette excellente vidéo. Je n'ai pas encore créé mon site. Je vais d'abord suivre les étapes de préparation et poursuivre ma formation en ligne. Je vais m'attaquer à l'épisode 2. Encore merci !

[@bboywinkles8035]

Merci infiniment ! Ma testimonial prend toute la largeur...J'ai l'impression d'avoir tout retourné de fond en comble pour remédier à ça mais en vain... Tu ou quelqu'un aurait ce petit tips qui doit être caché devant mes yeux ? Merci 1000x

[@yannickdube9646]

J'adore ta vidéo, merci, je débute. Mais y a une chose, c'est bien de réussir à faire toute ça, j'ai fait mon site et je suis satisfait, mais n'est pas l'expérience et la qualification requise pour réellement rendre mes images accrochant, ajouter de vraies valeurs, ajouter pour me différencier, je ne suis pas graphiste ou si j'ai besoin d'un motion design ou sur mesure non ses impossibles .. Mais croit fortement que pour débuter ses idéal quand on passe à la vitesse supérieure, on paye pour le gaz d'avion et on va voir les désigner etc

[@alexandrejuillard2390]

Bonsoir, Juste MERCI une super vidéo très claire et détaillée. J'ai beaucoup appris. MERCI Bonne soirée

[@djawahirfadoul5220]

Et vous avez utilisé quel outil pour schématiser les pages du site

[@djawahirfadoul5220]

Merci beaucoup c'est vraiment claire et nette.

[@mdrone1363]

bonjour, je vous remercie pour cette excellente video qui resumes bien comment faire et je ne vais pas m'en priver! J'ai une question qui peut paraitre puerile, j'ai deja un site sur ovh et un nom de domaine qui est valable encore six mois, parcontre mon site ne se lance plus car le createur de la base de données a mis la clef sous la porte et mis a part ma page de garde plus rien ne s'affiche,j'ai donc decider de creer mon site vitrin e de photographe moi meme, en bref comment puis je recuperer mon nom de domaine, et mon hebergement pour migrer chez HOSTINGER, merci d'avance. cordialement.

[@MariePIQUET-z2v]

Bonjour. Quand je suis dans les blocs "paragraphes" impossible de changer les typos et couleurs de texte ! Alors que dans les "titres" ça marche sans problème. D'où le problème peut-il venir ? Merci !

[@yamiyami9844]

Bonjour et merci beaucoup. Comment suspendre la mise en ligne pendant que l'on fait des modifs sur son site, ce qui revient à la question : comment mettre en ligne ou suspendre la mise en ligne du site Merci Julien 😃

[@user-dx3mn8vn6p]

Bravo ! Et merci beaucoup pour ton aide et tes explications très claires !

[@WebMarketingTuto]

Merci beaucoup Coraline =)

[@fiv5ontherocks]

super tuto mais j'ai un petit problème... pour installer elementor mon wordpress me demande de passer en plan business, est-il possible de le faire avec mon plan premium?

[@savitri1008]

Bonjour, merci pour vos videos.. pourquoi malgré le mode responsive la mise en page sur ordinateur ne se fait pas automatiquement, lorsque la fenêtre est plus petite? Merci

[@richard.nicolini]

Merci pour cette vidéo très intéressante👍. Par contre, je suis étonné que vous ne basculiez jamais vers l'affichage smartphone pour vérifier (et changer) certains paramètres... 😊

[@WebMarketingTuto]

Oui on voit cela dans la suite de la vidéo 😉 l'idée c'est d'aller vraiment dans les détails et faire quelque-chose de super optimisé à tous points de vue dont le mobile 😌

[@awfullybigadventure4827]

Hello merci pour cette superbe vidéo ! 😊 Petite question comme tu ne montres pas la manipulation, comment on ajoute la barre de menu au site ?

[@ChristianSylvestre-sg9no]

Bonjour Julien je rencontre un problème avec la publication des pages. Une fois la page terminée = action publier et rien sur le site ? Où ai-je oublié un truc ? Merci à toi. Christian.

[@Antedominique]

Ça fait longtemps Julien mais bon retour

[@felipebriceno9111]

Minute 26:17 je voudrais changer aussi la couleur du fond de la colonne du titre mais chez moi cette colonne ne s'affiche en haut à gauche donc pas d'options... c'est déprimant ..

[@graphixpro_marieantoine]

Merci! Tres bonne video! Je viens de te découvrir ...

[@mel5421]

Bonjour, impossible de mettre les boutons l'un à coté de l'autre sa marche pas il prend pas en compte quand je sélectionne en ligne(auto)

[@lautregard1084]

bonjour, Très bon cours pour un débutant. Mais impossible d'accéder aux leçons suivantes après la 2, est-ce normal ?

[@florencetanguay2571]

Bonjour , merci beaucoup pour ce partage de connaissances. J'aimerai crée mon site via une template (starter template), je ne trouve pas l'extension starter template, est ce que tu as une autre application à me recommander ? merci beaucoup

[@Lorys-Castrillo]

Top ce tuto, merci beaucoup. Petite question, quel logiciel utilises-tu à 43:30 pour cocher les cases des éléments déjà réalisés stp?

[@tristan-yb1rx]

est ce que en utilisant hostinger on peut quand meme utilisé wordads, j'arrive pas a trouver la fonctionnalité??? merci beaucoup

[@Kitac.couture]

Merci très pro

[@graphixpro_marieantoine]

Bonjour à nouveau. Pourquoi as tu installé elementor en externe et non directement des extensions?

[@PercussionsduMonde]

Salut et un grand merci pour tes vidéos sur le sujet qui sont à mon avis plus pertinentes et accescibles que des formations payantes 👍. Juste une petite question : Tu utilises dasn une de tes vidéos le théme ASTRA . Perso, j' ai déjà commencé avec NEVE que l' on m' a recommandé pour un simple BLOG. La question est : Est-ce que cela change quelque chose ? et aussi, je crois que ELEMENTOR est payant. Cela ne me gêne pas de payer car tout travail mérite salaire mais quels sont les prix ? mERCI 🙏

[@WebMarketingTuto]

Salut et merci de ton commentaire. Le thème change quelquechose en effet, même si après avec Elementor on peut tout à fait se passer d'un thème spécifique (c'est l'idée avec le thème Hello Elementor qui est en fait quasi vide et pensé pour être ultra rapide) : on fait ensuite tout avec Elementor et Elementor PRO (la version payante d'elementor qui permet d'aller plus loin). Après cette version n'est pas indispensable, c'est un modèle "Freemium) Les prix tu peux les retrouver ici (c'est 59$ par an mais si peut varier): bit.ly/telechargez-elementor De nouveau ca n'est pas indispensable mais c'est un gros plus pour tout bien gérer avec Elementor

[@zenkeepcool122]

Merci pour la vidéo, je pense prendre un hébergeur pour 1 mois, vous m'apprenez, et je ne voudrais pas m'engager 4 ans sans savoir comment je vais me débrouiller dans l'apprentissage, si je vois que j'accroche à ce moment-là, je prendrais en circonstance

[@WebMarketingTuto]

Oui en effet tu peux aussi prendre un hébergement pour seulement 1 mois afin de tester c'est bien suffisant pour voir si l'outil te convient. C'est plutot pour faire des économies que je dis cela. (sinon tu peux aussi annuler ton hébergement dans les 30 jours avec la "GARANTIE DE REMBOURSEMENT DE 30 JOURS" qu'ils proposent et mettent en avant sur la page d'achat)

[@GregFlorentGF]

Vidéo très instructive ! Petite question malgré tout : à l'étape "Paramétrer WordPress", la langue française est choisie pour le site. Mais qu'en est-il si l'on souhaite créer un site multilingue ? Avec par exemple 2 ou 3 options de langue dès la page d'accueil et la possibilité de basculer d'une langue à l'autre au besoin depuis n'importe quelle page ? Merci pour cet éventuel éclairage ☺

[@WebMarketingTuto]

Les paramètres de langue ne concernent que votre interface Wordpress et Elementor, pour avoir un site multilingue il faut utiliser un plugin comme TranslatePress ou WPML

[@GregFlorentGF]

@@WebMarketingTuto Dans la vidéo, l'interface de Wordpress indiquant "langue du site / site language", la subtilité m'avait échappée... Donc merci bien pour la précision et les plugins ! 👍

[@user-bo2tf5ky9r]

Super vidéo

[@felipebriceno9111]

Bonjour. Je cherche à mettre une image en arrière plan comme à la 25 minute mais ça ne marche pas. Pourtant je fais exactement comme c'est montré. L'image s'affiche quand je veux la midifier mais c'est tout...A l'aide !

[@blubantou]

Bonjour, parfois il y a des bugs. Essayez de fermer les pages et d'y revenir, plusieurs fois si nécessaire, ça peut régler le problème ;)

[@dezas1811]

des tutos intéressants... juste impossible d'accéder à l'épisode 3, que faire..?

[@kanekikun4747]

Bonjour j’aurais une question comment remediez au fait que google affiche comme titre a mon site « skip to content » ?

[@Ak-design8]

Bonjour Julie mais PayPal n'est pas disponible en République démocratique du Congo

[@alamouche36]

Les liens vers l'épisode 2 et la formation de 3h gratuite ne fonctionnent pas dommage car c'est très pédagogique :D

[@blubantou]

Bonjour, je ne comprends pas, je n'ai pas la section "Adapter à l'écran" (taille image) dans ma version de Elementor (pourtant la dernière) HELP! Qqn peut m'aider svp? 🙏🏼

[@WebMarketingTuto]

Bonjour, si tu n'as pas l'option "adapter à l'écran" tu peux choisir dans la hauteur de la section l'unité "Vh" à la place de "px" et la passer à 100vh (ce qui correspond à 100% de la hauteur de l'écran)

[@Jean-PierreDudu]

Bjr Merci pour votre tuto .pourriez vous m'écrire pourquoi lorsque après avoir cliqué sur le bouton la page qui s'ouvre sur ce message "CETTE PAGE NE SEMBLE PAS EXISTER. Il semble que le lien pointant ici soit défectueux. Et si vous essayiez plutôt de rechercher ?" J'espère que vous pourrez me donner une réponse très rapidement merci.

[@WebMarketingTuto]

Merci de votre message. A quel moment avez vous ceci ?

[@arianekrafft8238]

Bonjour, j'ai suivi étape par étape votre vidéo précédente en payant l'hébergement Hostinger et le nom de domaine comme il le fallait et je rencontre des problèmes de compatibilités entre la version 6.2 de Wordpress et Elementor et les Starter Templates (démarrage sans échec systématique... impossibilité de créer une nouvelle page, starter Templates n'apparait plus...), un vrai casse-tête ! Pourriez-vous svp me dire ce qui ne va pas ? Merci d'avance

[@WebMarketingTuto]

Est ce que les starter templates sont bien à jour ? Fais bien attention à mettre tes plugins à jour : sinon tu peux aussi réinstaller les starter templates une fois que tu es sûre que Wordpress et Elementor sont bien à jour avec les dernières versions Si ca va toujours pas, tu peux aussi contacter le support technique de Hostinger qui est plutôt bon et pourra t'assister si l'incompatibilité est toujours là

[@user-yq3di1hr3p]

c'est quoi le lien de la suite de la vidéo svp ?

[@camilletessier824]

comment adapter en boutique en ligne?

[@ABPRO134]

C'est quoi la différence entre Elementor et Divi pour ceux qui commencent? Pourquoi l'un ou pas l'autre? Merciii

[@Ak-design8]

salut Julien que pensez-vous d'elementor ai?

[@WebMarketingTuto]

C'est encore en version Alpha mais je pense qu'il y a un énorme potentiel. A voir si ils le rende payant ou pas. 😅 Mais c'est génial pour générez des textes, faire du code ou du CSS sans s'y connaitre, et générer des images directement sur son site. C'est très prometteur et ca pourrait changer BEAUCOUP dans le design de sites internet. On attend de voir pour de bon pour se prononcer =)

[@Ak-design8]

@@WebMarketingTuto Merci beaucoup papa Julie

[@BrouKouamejacques]

Avec l'Hébergement Web haut de gamme je peux créer 100 Sites. Est -il possible de créer des sites pour d'autres personnes ? Merci

[@WebMarketingTuto]

Oui bien sur il faudra juste leur acheter leur propre nom de domaine (ex : tonsite.com et siteclient.com)

[@BrouKouamejacques]

@@WebMarketingTuto Merci Et j'ai vraiment apprécié la formation

[@beatricechauvel8237]

Si vous débutez, n'utilisez pas ce tuto. Il vous fera perdre beaucoup de temps car il est en partie obsolète. Il est fait avec l'ancienne version version d'Elementor (Section , Colonnes). Plusieurs manipulations sont désormais impossibles. Il faut contourner. Si vous ne connaissez pas bien Elementor, vous allez perdre des heures. Si vous connaissez bien Elementor, vous n'avez pas besoin de ce tuto. Par contre, le tuto montre un exemple de belle charte graphique et mise en page. Vous pourrez vous en inspirer.

[@patricedoucet6251]

Salut C'est encore l'emmerdeur qui t'a fait refaire la vidéo 😅 Quand je fais ma page d'accueil je n'arrive pas comme toi à coller mon image tout en haut (j'ai un bandeau blanc de 5cms de largeur sur toute la largeur avec l'inscription ACCUEIL) Comment faire 😢??

[@WebMarketingTuto]

Hahaha. Ta remarque était pertinente donc j'ai refait la vidéo et perdu les 1000+ vues qu'il y avait dessus.^^ Tu peux utiliser le navigateur d'elementor (situé en bas à gauche de l'écran) On en parle dans l'épisode 2 si jamais

[@patricedoucet6251]

@@WebMarketingTuto merci infiniment et désolé pour les 1000 vues

[@patricedoucet6251]

tu as mis l'info à quelle minute de la vidéo ?

[@abdoulayekaba4417]

le lien

[@absoluenecessite5468]

Réaliser un site web pro est évidemment un minimum couteux. C'est un métier. Même si monsieur/Madame Michu/Moyen s'amuse, on voit les dégâts derrière... -Design (à ne pas confondre avec le graphisme) à la ramasse. -Graphisme douteux. -Non RGPD friendly : Bonjour les prunes si la CNIL s'en mêle. -UX/UI inexistant : Bonjour le taux de rebond. -Médias non optimisés -Problèmes d'accéssibilité -Responsive aux fraises -En-Tête/Footer/Espace de connexion non sécurisés. -SEO et comment engendrer des catastrophes de référencement -Formulaire de contact à la rue -Quid du suivi et de la maintenance ? Etc. Bref, si ce n'est pas votre métier, évitez de rêver parce qu'à l'arrivée, ça va faire mal.