Warning: Use of undefined constant REQUEST_URI - assumed 'REQUEST_URI' (this will throw an Error in a future version of PHP) in /homepages/8/d187929414/htdocs/blog/wp-content/themes/bluesky-10/functions.php on line 48

Warning: session_start(): Cannot start session when headers already sent in /homepages/8/d187929414/htdocs/blog/wp-content/plugins/wp-video-machine/lib/common.php on line 356

Warning: Parameter 2 to wp_hide_post_Public::query_posts_join() expected to be a reference, value given in /homepages/8/d187929414/htdocs/blog/wp-includes/class-wp-hook.php on line 286
Infos Utiles et Inédites sur le Web. » wordpress

Comment Créer un SITE WordPress PROFESSIONNEL (2019) ?

Saturday, September 28th, 2019

Alors a y est, vous tes prt vouslancer ? Vous tes dcid crer votre premier site web et en plus vous voulez lefaire avec WordPress ? Alors dj bravo, je vous que vous tesrenseign. Que ce soit pour crer un site personnel,un site d’entreprise, un site d’association, un portfolio, un CV, une boutique en ligne,ou mme un blog WordPress est la bonne solution Dans cette vido, nous allons voir commentfaire pour crer un site WordPress professionnel en 5 tapes. Alors, avant de commencer, vous vous demandezpeut tre qui je suis et pourquoi vous devriez m’couter, alors pour me prsenter rapidement, je m’appelleAlex et depuis 2011, j’aide des dizaines de milliers de personnes comme Vous crer leur site grce aux articles demon blog WP Marmite.Et aujourd’hui, je vais vous montrer commentfaire, en vido. Alors si tout est bon pour vous, je vous invite retrousser vos manches, prendre une grande inspiration et on va pouvoir commencer et je vous rassure tout de suite, on va viterun maximum de termes techniques. Allez c’est parti ! [intro] Alors, juste avant de commencer, je vous invite tlcharger la fiche rcapitulative des actions que je vais effectuer tout aulong de cette vido pour vousou servir de support visuel et vous verrez que je vousai aussi mis pas mal de conseils et d’astuces pour votre site WordPress. Rendez-vous sur wpmarmite.com/recap ou cliquez sur la Marmite juste ici pour latlcharger. Indiquez votre nom et votre e-mail et je vousl’enverrais gratuitement. Voil, sur ce on va pouvoir commencer etpasser la premire tape qui est le choix d’un nom de domaine Alors le nom de domaine, qu’est-ce que c’est? C’est tout simplement l’adresse de votre site sur Internet donc l vous tes peuttre par exemple sur Youtube.com sur Facebook.com ou sur wpmarmite.com, tout a ce sont desnoms de domaine.Pour votre site, il va falloir en choisirun, alors quels sont les critres de slection d’un bon nom de domaine. Parce que je vois souvent les gens faire pasmal d’erreurs et a m’embte des fois quand je vais sur leur site. Alors, pour choisir un nom de domaine, essayezdj de prendre quelque chose qui soit facilement lisible, prononable et mmorable c’est vraiment les trois critres importants. Alors, viter des tirets au maximum. Parler de son site un inconnu et lui donnerl’adresse de son site : Alors c’est machin tiret machin tiret truc,on s’en sort plus, donc l’ide c’est de prendre un nom qui soit percutant, c’est peut trevotre nom, alors moi j’ai un nom un petit peu rallonge “Bortolotti” mais j’ai achetun nom de domaine qui s’appelle Alex Borto, c’est beaucoup plus simple : alexborto.com,les gens s’en rappellent et peuvent le partager. Donc pour votre site vous pouvez choisir votrenom, vous pouvez trouver un nom qui n’existe pas, par exemple Google c’est un nom qui n’existaitpas avant, mais veiller par contre ne pas reprendre quelque chose qui existe dj.Il y a des outils pour a, je vous ai misun outil dans la fiche recap pour pouvoir tester si le nom de domaine est dj prisou pas et vous pouvez aussi voir si ce n’est pas une marque, parce que sinon, vous pourrezavoir quelques petits problmes judiciaires si vous crez un nom de domaine avec unemarque l’intrieur. Donc aprs une fois que vous aurez trouvla premire partie de votre nom de domaine, il faut choisir l’extension, le .fr, le .com,etc.Il faut rester sur quelque chose d’assez basiqueassez populaire ne vous aventurez pas avec des extensions en .school, .biz, point jene sais pas quoi ! Ce n’est pas aisment mmorable donc aprs on retombe dans lepremier travers dont je vous parlais, vous pouvez opter sur le .fr si vous tes en France,sur le .ch ou le .be si vous tes en Suisse ou en Belgique, l’ide c’est de vraimentrester sur quelque chose de simple. Alors une fois que vous aurez cogit touta, a peut prendre un petit peu de temps. Par exemple pour moi pour la Marmite, si j’aipass la journe plucher le dictionnaire pour trouver le nom, pour trouver quelquechose qui soit assez intressant, qui soit percutant, qui soit vraiment mmorable.Je ne regrette pas du tout d’avoir passce temps-l pour avoir choisi le nom de domaine. Une fois que vous aurez votre nom de domaine,on va pouvoir passer l’tape 2. [intro] Alors l’tape 2, c’est le choix de l’hbergeur. Alors l, on commence , un petit peu, mettreles mains dans le cambouis et a devient d’ailleurs mme intressant. Quel hbergeur choisir et dj quoia sert un hbergeur ? L’hbergeur c’est tout simplement l’entreprisequi va stocker votre site, qui va le rendre accessible en ligne 24/24 h, 365 jours paran pour vos visiteurs. Vous pourriez l’installer sur votre ordinateur,mais au moment o vous l’teindriez, votre site ne serait plus accessible.Donc, il faut payer un hbergeur pour a. Il existe des hbergeurs gratuits, mais bon,moi je pars du principe que vous voulez crer un site WordPress professionnel, donc il fautun hbergeur professionnel. Alors personnellement, je vous recommandeo2switch Je vais vous partager mon cran. C’est l’hbergeur qui je fais confiancedepuis maintenant un petit plus d’un an pour la Marmite et d’ailleurs je regrette de nepas y tre all avant et beaucoup de lecteurs du blog y sont et ils en sont trs satisfaits.Je vais vous mettre l’cran quelques petitsretours qu’ils ont pu me faire. Et donc voil, un hbergeur de qualitcomme c’est crit sur leur page d’accueil. Au niveau du tarif on est 5 HT parmois, c’est vrai que a peut paratre un petitpeu plus cher que certaines autres offres, par exemple ce que l’on peut voir sur oVhou 1and1, mais par contre, c’est un hbergeur qui est vraiment trs ractif. D’une part, il n’y a pas beaucoup de problmeset d’autre part, si jamais il y a un problme ou si vous avez des questions, leur supportest, sans aucune commune mesure par rapport ce que j’ai pu avoir avant.Ils ne vous laissent pas en plan trois jourssi vous avez un problme, ils vous rpondent et ils vous solutionnent a rapidement. Voil, c’est l’hbergeur que je vous recommande. Et d’ailleurs dans la fiche recap, je vousai mis un petit bon de rduction de 15 % valoir chez o2switch lorsque vous crez votresite. Je vous invite encore le tlchargersur wpmarmite.com/recap Je vous remets le lien juste ici. Donc, je vais procder l’inscription. Une fois que vous serez sur la page d’accueil, cliquez sur inscrivez-vous, juste ici; Alors l on est sur la page de souscriptionet on va pouvoir s’inscrire. Je vais mettre mes informations et je vousinvite faire de mme. Et ensuite vous cliquez sur s’inscrire. Donc voil, je suis en train de crer moncompte, o2switch vous offre un nom de domaine, je laisse cela coch et je clique sur poursuivre maintenant on peut ventuellement donnerun nom de compte et un mot de passe, mais on peut laisser par dfaut et o2switch s’enchargera automatiquement donc je clique sur “poursuivre” maintenant, je peux entrer le nom de domaineque j’ai choisi.On a bien rflchi l’tape 1 pour pouvoirtrouver notre nom de domaine, donc une fois que ce sera bon, on va pouvoir l’inscrire. Moi je vais mettre “monpremiersitepro.com”. Comme je vous l’ai dit, a ne sert riende mettre un nom de domaine avec une extension un petit peu exotique, donc on peut laissera, a sera trs bien. Maintenant on peut cliquer sur poursuivrepour continuer. Maintenant voici les conditions gnrales,on rend un petit rcapitulatif de tout ce que l’on a dit, l on peut choisir le typede paiement, moi je vais payer par carte bancaire. Un bon d’achat, l, et bien vous pouvez lercuprer sur wpmarmite.com/recap pour avoir 15 % de rduction, et ensuite vous pouvezcliquer sur “J’accepte les conditions gnrales de vente”.On clique ensuite sur “confirmer le paiement” et on est redirig pour effectuer notre paiement. Moi, du coup, j’ai une MasterCard, et je clique nouveau sur mon type de carte, donc encore une fois MasterCard. J’entre mon numro de carte, donc je ne vaispas vous le montrer, ce serait un petit peu trop sympa de ma part ! Voil, maintenant la commande est en coursde paiement. On a notre petit rcapitulatif et on est redirig sur la page de confirmation. Il y a mme un petit bonhomme qui nous montreque tout est bon. Alors maintenant, il faut attendre un petitpeu que l’quipe d’o2switch mette en place votre domaine, alors la dure d’attente peutvarier un petit peu.Aprs, il faudra se rendre sur notre botemail pour pouvoir rcuprer les informations de connexion. [intro] Alors maintenant, me voil dans ma botede rception et je vais pouvoir dissquer avec vous un petit peu cet email. Donc, il y a pas mal de blabla, il n’y a pasgrand chose retenir ici. Tout en bas vous avez votre facture,. Mais surtout, ce qui nous intresse vraiment,c’est ce que l’on appelle le CPanel. Donc c’est une interface qui va nous permettred’effectuer pas mal d’actions dont celle d’installer WordPress.Donc, on va se rendre sur ce fameux CPanel,et donc au niveau d’administration gnrale du compte web, vous avez un lien et vous avezvos identifiants pour vous connecter. Alors si l’identifiant que vous avez choisilors de la cration de votre compte sur o2switch tait un peu long, ils l’ont raccourci, doncmoi c’tait “alexwpmarmite” et l ils ont mis “alexwpmar” Ok, le mot de passe et je clique sur “connexion”. Ok a marche et l j’ai accs ce fameuxCPanel o on peut effectuer pas mal d’actions, l il y a vraiment beaucoup de choses. L’ide c’est de ne pas vous prsenter toutcela en dtail. Ce qui nous intresse, c’est d’installe WordPress. Il y a juste descendre tout en bas et decliquer sur WordPress pour pouvoir utiliser l’installeur automatique. Tout ce qu’il y a faire c’est cliquer sur”install now” ! L on laisse a comme a “monpremiersitepro.com”, c’est bien mon nomde domaine.Dans le dossier “wp” a il faut absolumentle retirer c’est trs important. Veillez bien ne rien mettre du tout dansce champ. Aprs “sitename”, c’est le nom de votre site,donc c’est “monpremiersitepro”. Crer avec Alex de WPMarmite. Moi je mets cela pour l’exemple mais vousmettez le nom de votre site et ventuellement une description. Ensuite cette case cocher, on n’y touchepas Aprs, il faut dfinir un nom d’administrateur,donc c’est ce qui va vous permettre de vous connecter et de configurer votre site, doncl ne laissez surtout pas “admin”, mettez quelque chose d’original, mais qu’on ne puissepas deviner. Alex88marmite, moi c’est ma date de naissance,c’est quelque chose qui n’est pas super vident deviner lorsqu’on ne le sait pas.Pour le mot de passe, je ne vais pas vousdire de mettre des caractres diffrents, etc. Cliquez simplement sur la petite cl surla droite pour en gnrer un automatiquement. On peut voir que c’est assez compliqu. Par contre, notez le bien, parce que sinonvous ne pourrez pas vous connectez votre site. Prenez un petit peu de temps et notez le bien,faites un copier/coller, mettez a dans un fichier sur votre ordinateur, pour pouvoirretrouvez a pour vous connecter ensuite.Votre email, et bien vous l’indiquez ici. Moi c’est alex@wpmarmite.com La langue du site “french”, le franais c’estmieux. Aprs, “select plugin”, on va voir ce qu’estun plugin un petit peu plus tard, mais je vous invite cocher cette case par mesurede scurit. Au niveau des options avances, vous pouvezlaisser tel quel, mais je vous invite cocher cette case,pour faire des mises jour automatiques, comme a vous n’aurez pas le faire eten cas de faille de scurit, votre site sera mis jour automatiquement, sans quevous ayez le faire.Donc a, c’est trs important de le cocher. Ensuite on nous demande de slectionner unthme, donc un thme c’est un design, c’est ce qui va donner une apparence votre site,on ne va pas le choisir maintenant, on va attendre un petit peu, une fois qu’on aurainstall WordPress. Donc l, il n’y a plus qu’ cliquer sur”installation”. Voil, l a mouline et a installe notresite WordPress. Et l on peut voir que tout est bon, WordPressa t install avec succs sur http://www.monpremiersitepro.com et l on peut voir que a fonctionne, j’aimon premier site avec le design par dfaut de WordPress, on a une belle petite plante,c’est sympa mais on va voir comment on va enrichir a davantage.On va pouvoir enchaner avec l’tape numro4 qui est la personnalisation de notre site WordPress. [intro] Donc comme je vous le disais, on va changerun petit peu le design, ce n’est pas qu’il est moche, mais on va essay de personnalisera un petit peu et d’avoir quelque chose de plus propre. Donc, au niveau de l’installeur, je peux lefermer, mon email, je peux le fermer aussi et je vais me rendre dans l’administrationde WordPress, en ajoutant “wp-admin” l’adresse de mon site et je tape sur “entrer”. Donc l j’arrive sur la page de connexionde WordPress, j’espre que vous vous rappelez bien de votre identifiant et de votre motde passe parce que c’est l que vous allez en avoir besoin.Donc moi c’tait “alex88marmite” et j’avaiscopi mon mot de passe donc je le colle et je clique sur “se connecter”. Donc l, on ne va pas cliquer sur “personnaliservotre site” mais on va plutt cliquer sur le lien juste en dessous qui nous dit “changercompltement de thme”, parce que on veut changer de thme, l’apparence ne nous plaitpas. Alors je clique sur “ajouter”, l on peutvoir un petit peu tous les thmes gratuits que nous propose WordPress. Il en existe des payants, mais je pense quepour votre premier site, on peut commencer avec du gratuit, c’est trs bien. Donc l il y en a pas mal, je vous laisseraiparcourir pour voir ce qui vous plait, vous pouvez cliquer pour avoir un aperucomme a. Celui-l il n’est pas mal. Mais on va utiliser un thme qui s’appelle”Sidney” aprs bien sr libre vous de choisir votre propre thme. Mais moi pour cette vido, je vais partirsur celui-ci. Donc voil quoi a ressemble, c’est assezsympa Je clique sur “installer” juste ici, voil,c’est en cours d’installation, on voit que a mouline.Voil a y est, c’est install. Il ne reste plus qu’ l’activer pour le mettreen service, c’est trs important. Sinon on aura toujours l’ancien thme, voilc’est bon Dj on peut se rendre sur le site pourvoir ce que cela donne, et l on a bien notre nouveau thme. Alors maintenant on va le personnaliser unpetit peu, parce que l c’est l’apparence par dfaut. On clique sur apparence => personnaliser. L on a encore pas mal d’options. On voit qu’on nous propose la version promais la version gratuite sera amplement suffisante, donc L on a dans gnral : enrober de page,qu’est ce que a veut dire ? L c’est juste l’espace qu’il y a entre letexte et la grande image.On peut laisser tel quel, pas besoin d’y toucher. Titre – Slogan – Logo : monpremiersitepro,c’est ce que l’on a indiqu tout l’heure lors de l’installation Envoi de votre logo : si vous avez un logo,vous pouvez l’envoyer, il apparatra ici, moi je vais garder mon texte Icne du site : a c’est ce qu’on appelleaussi un favicon, c’est la petite image qui apparatra juste ici, dans les onglets. Je vais envoyer une image, je clique sur “choisirdes fichiers” et je regarde sur mon bureau, j’ai une petite icne que j’ai appele parisien.pngparce que j’aime bien les moustaches ! J’envoie mon image, je la slectionne, lon me demande de la recadrer, je clique sur “recadrer l’image” et on peut voir aussi lepetit aperu l et l a y est j’ai ma petite image, monpetit bonhomme moustachu qui est en place.Ensuite : zone d’entte : alors l, on aun type d’entte, on peut choisir le type de notre entte, l on a un diaporama, commeon peut le voir l’cran, mais on peut ventuellement mettre une image. Donc l il n’y a pas d’image qui est dfinie,mais on peut mettre une image, on peut aussi mettre une vido ou on peut aussi choisirde ne pas mettre d’entte du tout, a peut tre un choix.Aprs, a concerne la page d’accueil, maisl on a l’entte sur tout le site, on a l’entte sur tout le site, on peut choisirune image ou aussi une vido, un diaporama, on fait ce que l’on veut. Personnellement, moi je vous recommande plusde choisir le diaporama pour la page d’accueil, mais on verra qu’il y a quelques petites subtilits prendre en compte, on y reviendra. Et sur votre site, vous pouvez ventuellementmettre une image ou alors ne rien mettre du tout. Moi je vais rester sur diaporama et image. Diaporama d’entte : on va le configurer. L on peut voir qu’il y a des photos quidfilent toutes les 4 secondes exactement et on a plusieurs images qui sont dfiniesici. Alors, je vous parlais justement des diaporamas. Les diaporamas, ce n’est pas trs bien d’enmettre en tout cas sur la page d’accueil, on ne voit pas ce que cela apporte en plus,donc, je vais juste laisser une seule image. Je vais retirer celle-l et je vais retirerle texte ici.Alors pourquoi je n’ai pas mis une seule imagesur la page d’accueil ? Tout simplement parce que sinon j’aurais perdu le texte et l a je voulais le garder. Donc, je vais mettre 0 ici pour le dfilement,comme il n’y a plus qu’une seule image, je ne veux pas de dfilement et ensuite je vaischanger d’image, je vais retirer celle-l et je vais envoyer nouveau une image encliquant sur “choisir des fichiers” et l j’ai trouv une belle image de Paris surun site, sur lequel on trouve plein d’images. Je vous l’ai mis sur la fiche recap, a s’appelleunsplash.com donc comme le nom est un peu difficile prononcer, je vous l’ai mis dansla fiche, ce sera beaucoup plus simple. wpmarmite.com/recap pour la tlcharger. Donc l mon image est en cours d’envoi… Il faut patienter un petit peu… Mais elle va venir. Voil a y est, elle est arrive, je cliquesur choisir une image en bas droite et l on va voir qu’elle va s’afficher.Waouh c’est beau ! C’est Paris ! Donc l on va modifier le “Bienvenue surSydney” donc l je vais mettre “Apprenez crer un site” Alex de WPMarmite expliquetout. On peut voir que a s’actualise en directsur l’aperu, donc l je vais cliquer sur “stopper le textedu diaporama” et donc ici, au niveau de ces diapos, c’esttermin. D’ailleurs j’en profite pour vous montrerquelques petits boutons ici. On peut voir l’aperu du site sur une tabletteet sur un tlphone, a peut tre sympa de voir ce que cela donne en direct. L je vais laisser en cran d’ordinateur,on peut cliquer ici aussi pour avoir vraiment un aperu super concret. Voil, on continue la configuration, Entte du mdia : donc l c’est ventuellementune vido que l’on peut mettre, donc l je n’en ai pas.Image d’entte : je vais modifier l’image,je vais remettre la mme, ce sera celle qui sera mise sur tout le site, je vais la recadrerun petit peu, je vais plus mettre le ciel et je clique sur “recadrer” Voil,j’ai mon image qui est faite, l’entteressemblera a et je laisse a comme cela. Ici, on peut laisser la hauteur de 300 pixelset laisser comme a c’est trs bien. Ensuite, on va personnaliser le menu. Donc l le menu est un petit peu moche parcequ’il n’est pas configur, on va voir cela juste aprs, mais on va laisser a par dfaut,c’est pas mal. Aprs, modifier les options votre guise,vous verrez ce que cela donnera et puis voil… Puisque c’est votre site aprs tout Style du blog : si vous avez un blog, vouspouvez choisir un style pour ce blog. Donc l on est en classique, largeur plein cran, on retire la barre latrale ici maonnerie, donc c’est un petit peu diffrent,on a plus des encarts pour les diffrents articles.Moi je vais rester classique. Ensuite, on a quelques autres options, alorsl contenu – extrait : surtout il ne faut pas afficher le contenu entier sur la pagequi liste vos articles, c’est trs important pour le rfrencement ce n’est pas bon dutout. Surtout on ne coche pas a. La longueur des extraits, par contre on peutmettre un extrait, il n’y a pas de souci, on peut laisser 55, c’est pas mal.Cacher les mtas sur les articles, donc lesmtas c’est quoi ? C’est la date et le nombre de commentaires. On peut ventuellement les cacher, si onclique ici, voil a les retire. Moi je vous conseille de les laisser. Image mise en avant : chaque article peutavoir une image, on laisse a, il n’y a pas besoin de les cacher, on laisse tout commea. Ensuite les polices : les polices qu’est ceque c’est ? C’est le style de l’criture que vous voulez ajouter votre site, doncl on en a plusieurs, elles sont prises sur Google Fonts, c’est un site qui rfrenceplein de polices d’criture, donc pour rester simple, on va garder celle-ci et puis en plus, je trouve qu’elles ne sontpas mal, c’est sympa Par contre, ce que nous intresse, c’estplutt de modifier la taille des polices, donc l le titre du site, on peut ventuellementle modifier, on a un petit curseur pour augmenter, l si je le place 32, je peux le mettre 42 par exemple et on peut voir que a va se mettre jour voil ici on a vu que a a grossi.Le menu, il ne faut pas trop le mettre trsgros non plus, donc je vais plus le passer 30, voil c’est pas mal. La description je la laisse 16. Les lments du menu, comme je vous l’aidit, on ne peut pas encore bien les voir, on va laisser a en 14, on pourra revenirventuellement aprs pour effectuer d’autres modifications. Taille de police H1, H2, H3, H4, qu’est ceque a signifie, on ne sait pas trop.En fait c’est la taille des titres que l’ona sur le site, Donc l, titre de premier niveau, deuximeniveau, troisime niveau, etc. 52, 42, donc l si je mets plutt 48 ce serait peut treplus intressant, aprs on ne peut pas forcment voir tout en direct, si ces titres ne sontpas l et l je vais peut tre mettre 60 pour vraiment que a ressorte, les gros titresil faut que a ressorte ! Voil l on a fini avec les gestion despolices.Le pied, c’est quoi ? C’est plus le pied depage donc le bas du site, Zone de widget du pied, alors qu’est ce qu’unwidget ? Un widget c’est un petit encart qui va pouvoir tre insr un petit peu partoutsur le site, l on en a quelques-uns sur la droite, doncl ce sont des widgets. On va voir comment les agencer tout l’heure. Mais on peut aussi en avoir dans le pied depage, donc la fin du site. Moi personnellement je ne suis pas trop fandes widgets dans le pied de page donc on va juste mettre une zone de widget,a suffira grandement. Ensuite, les couleurs, l a devient plusintressant, parce qu’on n’a pas encore touch aux couleurs de notre site gnral. Alors, une couleur principale, une couleurd’arrire-plan et une couleur de texte, de corps, donc la couleur de texte normal, cellequ’on voit l On va commencer par la couleur du texte, onva la mettre un tout petit peu plus fonce, on bouge le curseur, il y a juste choisirla couleur.Restez sobre, ne mettez pas des couleurs quiexplosent les yeux. l faut que vos visiteurs restent sur votresite, qu’ils puissent lire ce que vous avez leur communiquer, a serait dommage qu’ilsse sauvent cause de couleurs qui font mal aux yeux n’est-ce-pas ? Donc pour choisir une couleur de corps, voila c’est bon. Alors, pour la couleur principale, c’est lacouleur qui sera gnralement utilise pour les liens sur votre site et pour lesboutons, comme on peut le voir ici et dans votre menu. L il y a du rouge, ce n’est pas trop mal,mais je vais choisir une autre couleur. Pour choisir des couleurs qui soient vraimentintressantes, moi je vous conseille d’aller sur un site qui s’appelle coolors.co vous retrouverez le lien dans le recap dela Marmite, je ne vais pas me rpter.Toutes les ressources sont dedans. Donc l a charge… C’est un site qui nous donne des couleursqui s’agencent particulirement bien ensemble. On coche a et a L j’ai trouv un petit peu de couleursqui s’agencent bien, en couleur principale, je vais prendre celle-l, je vais la copier et j’aurais mon code couleur juste ici etl a va tre un peu plus intressant. L celle-ci “range de couvertures”, onne s’en occupe pas, on laisse cela comme a. Header : le header a correspond l’enttedu site, c’est dire toute la zone o il y a l’entte et le menu. Donc l’arrire-plan actuellement il est noir, je vais mettre un petit peu plus clair aveccette couleur l, je copie le code couleur et je le colle juste ici et on va voir quea va se mettre jour directement, voil.On a mme un petit effet de transparencequi est assez sympa. Titre du site, je vais laisser en blanc. Description : blanc galement Elments de menu de niveau haut : on va laissera comme a c’est trs bien Et arrire-plan de sous-menu, je vais mettregalement la mme couleur que mon entte. Texte du diaporama : on va laisser du blanc,c’est pas mal, a rend quand mme bien. Ensuite la barre, qu’est ce que c’est quela barre ? C’est la barre latrale en fait, c’est ce qui va tre sur le ct de votresite. L on voit que c’est en gris, on va peuttre mettre un petit peu plus fonc, voil, on va partir sur a, du 595959 Arrire-plan de la barre, on laisse en blanc et ensuite le pied de page, l il est aussinoir, je vais remettre mon beau bleu et l, voil, on voit que a a chang de couleur Donc l, la couleur des widgets, on va mettrea un petit peu plus clair, donc l on n’en a pas, donc on ne peut pas voir ce que celadonne et l je vais mettre aussi un petit peu plus clair pour que a ressorte un peuplus.Donc voil, l a commence ressembler quelque chose avec des couleurs qui s’agencent plutt bien. Ensuite, image d’arrire-plan : a c’estpour mettre une image d’arrire-plan au niveau du site ici. Je ne vais pas le faire parce qu’on a djune image ici, si on en fait trop, a va tre vraiment moche. Ensuite, ces fameux menus, on va pouvoir lesconfigurer, donc l je vais ajouter un menu nouveau menu, je vais l’appeler menu principalet je clique sur crer le menu. On l’ajoute au menu “menu principal”, c’estun petit peu contre intuitif, mais bon, il faut cocher cette case, faites-moi confiance et maintenant je vais pouvoir ajouter deslments donc l je vais ajouter l’lment Accueil,tout simplement, et l nous n’avons pas encore cr de pages et d’articles donc on va encrer une partir d’ici Donc, entrer une nouvelle page, je vais mettreune page propos, voil je fais ajouter, a va me la mettre ici.Pourquoi pas aussi une page contact et admettonsque vous soyez une entreprise, c’est vraiment un exemple, je vais mettre services. C’est une page sur laquelle vous dcrirezvos services Et donc on peut aussi les rorganiser englisser/dposer, l je peux mettre services un petit peu dcal par rapport au restepour que ce soit un sous-menu, mais l je vais le laisser en menu principal, comme a et je vais mettre dans l’ordre : accueil – services- propos et contact et a sera bon Je retourne ici et l on voit que a vientde s’afficher ici : accueil – services – propos et contact on est bons ensuite ces fameux widgets, l on a les widgetsde la barre, juste ici, l on a beaucoup de widgets qui ne servent rien Rechercher : pour l’instant il n’y a riendu tout sur notre site, a ne sert rien de rechercher Articles rcents : on n’a pas crit d’articles,on retire Commentaires rcents : on n’en a pas nonplus Archives : je vous conseille aussi de le retirer Catgories : a on va pouvoir le laisser,a pourra nous servir un petit peu plus tard Et META : on peut le retirer aussi, on voitque a correspond a et a n’est pas utile aux visiteurs donc on le retire.Aprs on peut essayer d’ajouter d’autreswidgets, on va voir ce qu’il y a Articles rcents on l’a retir, calendrier a sert strictement rien, menu personnalis, ventuellement on peutmettre un autre menu, si vous avez d’autres choses communiquer vos visiteurs. Nuage d’tiquettes : a ne sert rien Pages : on peut prsenter d’autres pages et l on a un widget texte que je vais ajouter et l on peut mettre ventuellement unepetite prsentation ; l je vais mettre prsentation et aprs l on peut mettredu blabla, a ne veut rien dire, mais vous pouvez voir ce que cela donne.Et l c’est tout de suite plus sympa poursavoir un petit peu qui on a affaire. Alors, les widgets du pied de page, l jevous ai dis que moi je n’tais pas trop fan, on peut en ajouter, il suffit de cliquer surajouter un widget, mais je ne vais pas le faire. Je reviens en arrire. Page d’accueil statique : donc l pour l’instant,on voit que sur notre page d’accueil, on a le seul article de notre site qui a tcr lors de l’installation de WordPress, je ne pense pas que ce soit trs utile. Je vous rappelle que l’on est sur un sited’entreprise dans ce cas l, dans cet exemple.Donc, ce que l’on va faire sur page d’enttestatique, au lieu d’afficher les derniers articles sur la page d’accueil, on va mettre une page et l on va mettreune page service tout simplement sur laquelle on va afficher nos services et l, comme on n’a rien crit dans la page… et pour la page des articles, en fait je n’aipas de blog, je n’ai pas de page d’actualits, donc je vais laisser sample page, c’est unepage qui a t cre automatiquement, on va voir comment la transformer en pageblog tout l’heure.Infos du thme : rien du tout, a ne nousintresse pas. CSS additionnel : l c’est vraiment pourceux qui veulent mettre les mains dans le code donc, on ne va pas s’en occuper. Ok, on est tout bon, je vrifie et une foisque vous aurez termin votre configuration, il ne vous restera plus qu’ cliquer surenregistrer et publier Voil c’est fait, c’est tout bon, je peuxquitter la prvisualisation. Maintenant je vous disais tout l’heureque l’on a pas de page blog On va la crer tout de suite en cliquantsur modifier la page des articles et elle je vais la renommer tout simplementblog et ici je peux mettre blog pour l’adressede la page comme a ce sera accessible sur blog. Par contre le texte ne sera pas affich,puisqu’on verra uniquement les derniers articles.Voil j’ai mis jour pour pouvoir sauvegardertout a, et maintenant on peut aller voir ce que a donne sur notre site. On a notre bon menu et on a notre page servicesdans laquelle on a encore rien mis du tout, je clique sur modifier et l aprs j’ai une interface, c’est commeWord, on peut cliquer ici pour une seconde range de boutons et on peut taper tout notretexte, taper toutes nos infos, blablabla…Voil ce que je fais dans mon entreprise,etc… et on peut mettre tout ce que l’on veut ! Si vous voulez ajouter une image, vous cliquezsur ajouter un mdia et vous pouvez ajouter a assez facilement, voil… une imageet boom c’est fait ! Donc l, voil, c’est l’utilisation de WordPress,c’est encore autre chose, mais l’ide l c’est vraiment vous montrer comment installerWordPress et configurer rapidement.On sauvegarde pour mettre jour et on peutcliquer sur voir la page pour voir ce que cela donne ici, on a bien notre texte et ac’est top ! Voil, alors aprs, si vous voulez ventuellementajouter des articles votre blog, Vous pouvez aller dans articles => ajouter,c’est vraiment trs simple Vous mettez le nom de votre article : monbel article Aprs votre texte, vos boutons, etc. Et l on voit qu’il y a une petite modification faire puisqu’il y a quelque chose qui ne me plait pas ! On voit que l’adresse de l’article est surmonpremiersitepro.com/2017 avec le mois et le jour et a je ne veux pas du tout l’avoirdonc j’enregistre mon article et je vais dans rglages => permaliens et je clique sur nom de l’article pour avoirune bonne structure d’adresse pour mes articles.Voil, qu’est ce que je peux vous montrerd’autre dans les options en gnral il n’y a rien faire, tout a t configurauparavant. ventuellement, vous pouvez choisir votrefuseau horaire, en choisissant la ville qui correspond le mieux votre localisation,nous c’est Paris. Je ne sais pas si on va russir la trouver… Paris, c’est l, voil ! et bien sr onsauvegarde. Je vous laisserai parcourir les options pourvoir un petit peu, tout a, quoi a correspond et avant de terminer cette vido, je tenais vous montrer ce que sont les extensions [intro] Une extension, c’est quelque chose qui vientrajouter de nouvelles fonctionnalits votre site WordPress, l on peut en ajouterpas mal On retrouve celles qui ont t ajoutespar l’installation du CPanel : Loginizer : a sert rejeter les gens quiessayent de se connecter votre site et qui ne sont pas les bienvenus. On a galement une extension d’anti spamqui s’appelle Akismet et donc pour mettre une extension en service, il suffit de l’activer Aprs il existe d’autres extensions, on peutcliquer sur ajouter pour ajouter une nouvelle extension et une quiest assez connue, elle s’appelle Yoast SEO, a sert optimiser votre rfrencement Donc voil, une fois que vous avez trouvune extension, vous cliquez sur installer voil c’est install et aprs on cliquesur activer pour la mettre en service et de nouvelles choses apparatront dans l’administrationde WordPress et donc l ce qui apparat c’est a SEO: qui veut dire rfrencement en anglais, donc aprs, voil il faut la configurer,ce n’est pas le sujet de cette vido ici le but c’est de vous montrer comment installeret configurer un site WordPress professionnel, donc l, ce n’est pas super pro parce qu’iln’y a pas de contenu mais a aprs c’est votre boulot, d’allerdans les pages, les articles et crer du contenu pour pouvoir enrichir votre site etdiffuser ce que vous avez dire aux internautes.Donc voil, merci beaucoup d’avoir suivicette vido, j’espre que a vous a plu, bien sr j’ai essay de rester le plus succinctpossible pour ne pas trop vous en mettre plein la tte. Voil vous avez dj les bases pour crerun site WordPress, aprs il faudra continuer travailler pour l’optimiser, l’arranger,c’est quelque chose qui vit un site. On ne cre pas et on ne le laisse pas l’abandon, c’est quelque chose qui doit vivre… Je vous invite tlcharger encore lafiche rcapitulative pour retrouver toutes les tapes de la cration d’un site WordPress,je vous ai mis aussi d’autres ressources pour pouvoir effectuer d’autres choses donc parexemple la configuration de Yoast SEO, j’ai des ressources pour a. Je peux vous envoyer a gratuitement si voustlchargez sur wpmarmite.com/recap,ou vous l’avez aussi en cliquant sur la Marmite justeici et aussi j’en profite pour vous dire qu’ily a 15 % de rduction chez o2switch, donc c’est toujours bon prendre.Voil, merci d’avoir suivi cette vido,je compte sur vous pour mettre un pouce en l’air si elle vous a plu. Abonnez-vous la chane Youtube de la Marmitepour recevoir d’autres vidos, je vais en mettre une par semaine, donc vous pourrezcontinuer vous former WordPress Je vous dis trs vite et mettez-moi uncommentaire si vous avez des questions, a me donnera des ides pour faire de nouvellesvidos. Merci vous, trs vite et bon courageavec votre site Tchao.