Wordpress, les bases

Transcription

1 Wordpress, les bases Sommaire Se connecter... 2 Créer une page... 3 Ajouter une image... 5 Créer le menu principal... 9 Placer un sous-menu Créer un article Installer une extension (formulaire) Installer un thème Personnaliser un thème General Fonts Titre de site et description Couleurs Page d accueil statique Pour valider les changements Widgets Les positions Archives Articles récents Catégories Texte areview : video Chercher Pages All in one SEO

2 Se connecter Dans un premier onglet, ouvrir votre site internet : siteinternet.com Ouvrir un nouvel onglet qui ouvrira l administration de votre site internet : siteinternet.com/wp-admin Connectez-vous avec les identifiants qui vous auront été fournis. Vous avez désormais deux onglets avec, d un côté votre site internet, de l autre l administration de votre site internet. Tout au long de ce guide, vous aurez la possibilité de consulter le résultat de vos modifications en allant sur votre premier onglet et en appuyant sur la touche F5 de votre clavier.! Attention! Pour réaliser votre site internet en un minimum de temps, il est nécessaire d avoir pensé sa réalisation auparavant. Ainsi, préparez tous les éléments nécessaires au préalable. 2

3 Créer une page 1 ère étape : Dans le menu principal à gauche, cliquer sur Pages. 2 ème étape : Cliquer sur Ajouter. 3

4 3 ème étape : Ecrire le titre de la page ainsi que sa description. L éditeur de texte fonctionne comme un éditeur de texte traditionnel : il est possible de mettre en gras, en italique, de centrer, souligner, mettre en couleur Vous pouvez l explorer à votre guise en cliquant sur Annuler (1) en cas d erreur. 4

5 4 ème étape : Pour enregistrer votre page, cliquer sur Publier à droite de votre page. 5 ème étape : Ajouter une image Pour ajouter une image dans votre page, cliquer sur Ajouter un média. 5

6 6 ème étape : Cliquer sur Envoyer des fichiers. 7 ème étape : Cliquer sur Sélectionner des fichiers. 6

7 8 ème étape : Une nouvelle fenêtre s ouvre. Sélectionnez donc votre image et cliquez sur Ouvrir. 9 ème étape : Puis, cliquer sur Insérer dans la page. 7

8 10 ème étape : Pour enregistrer les modifications, ne pas oublier de cliquer sur Mettre à jour à droite. 8

9 Créer le menu principal 1 ère étape : Dans le menu principal à gauche, passer la souris sur Apparence et cliquer sur Menus. 2 ème étape : Entrer le nom de votre menu puis, cliquer sur Créer le menu. 9

10 3 ème étape : Cocher la case Menu principal. 4 ème étape : Cocher les pages que vous voulez ajouter à votre menu puis, cliquer sur Ajouter au menu. 10

11 5 ème étape : Cliquer-glisser pour définir l ordre des pages. [Pour faire un cliquer-glisser, cliquez sur le nom de la page et maintenez pendant que vous la placez où vous voulez.] 6 ème étape : Pour valider, cliquer sur Enregistrer le menu. 11

12 7 ème étape : Placer un sous-menu Cliquer-glisser en décalant la page par rapport à sa page mère comme illustré ci-dessous. 12

13 Créer un article Quelle est la différence entre une page et un article? Une page est quelque chose de fixe sur votre site internet. Souvent, elle s affiche dans votre menu. Les articles constituent les différentes actualités sur votre site internet. Ainsi, il ne faut pas les confondre dans la mesure où leur fonction est différente. 1 ère étape : Dans le menu principal à gauche, cliquer sur Articles. 2 ème étape : Cliquer sur Ajouter. 13

14 3 ème étape : Ecrire le titre de l article ainsi que sa description. 4 ème étape : Pour enregistrer votre article, cliquer sur Publier à droite de votre page. Comme pour une page, vous pouvez mettre en page votre article ou y ajouter des images. Pour cela, vous pouvez vous référer aux étapes précédentes. 14

15 Installer une extension (formulaire) Une extension est un composant qui permet de rajouter une fonctionnalité à votre site internet de base. Cependant, toutes les extensions fonctionnent différemment : n en installez que si vous êtes sûr de ce que vous faites. Ici, nous allons rajouter un formulaire de contact sur la page «Contact» de votre site. 1 ère étape : Dans le menu principal à gauche, passer la souris sur Extensions et cliquer sur Ajouter. 2 ème étape : Dans la barre de recherche à droite, taper «Contact form 7». Valider la recherche en appuyant sur la touche Entrée de votre clavier. 15

16 3 ème étape : Repérer le premier module et cliquer sur Installer maintenant. 4 ème étape : Une fenêtre s affiche. Cliquer sur OK. 16

17 5 ème étape : Pour que l extension fonctionne, il faut cliquer sur Activer l extension. 6 ème étape : Puis, il faut paramétrer l extension. Ainsi, cliquer sur Réglages correspondante. sous l extension 17

18 7 ème étape : Définir l adresse mail sur laquelle vous souhaitez recevoir vos messages. 8 ème étape : Faire un clic droit dans le champ et cliquer sur Copier. 18

19 9 ème étape : Pour valider, cliquer sur Sauvegarder. 10 ème étape : Accéder à la page Contact en cliquant sur Pages. Puis, cliquer sur Contact. 19

20 11 ème étape : Faire un clic droit dans le champ et cliquer sur Coller. 12 ème étape : Pour enregistrer le formulaire, ne pas oublier de cliquer sur Mettre à jour à droite. 20

21 Installer un thème Le thème est l aspect global de votre site internet, son design, son apparence. 1 ère étape : Dans le menu principal à gauche, passer la souris sur Apparence et cliquer sur Thèmes. 2 ème étape : Cliquer sur Ajouter. 21

22 3 ème étape : Dans la barre de recherche à droite, taper «areview». Valider la recherche en appuyant sur la touche Entrée de votre clavier. 4 ème étape : Repérer le premier thème et cliquer sur Installer. [Il faut passer la souris dessus avant.] 22

23 5 ème étape : Pour que le thème fonctionne, il faut cliquer sur Activer. 23

24 Personnaliser un thème 1 ère étape : Dans le menu principal à gauche, passer la souris sur Apparence et cliquer sur Thèmes. 2 ème étape : Cliquer sur Personnaliser sous votre thème. [Attention, utiliser un thème différent modifiera les étapes suivantes. ] 24

25 General 1 ère étape : Dans le menu, dérouler General en cliquant dessus. Puis, cliquer Sélectionner une image. 2 ème étape : Cliquer sur Envoyer des fichiers. 25

26 3 ème étape : Cliquer sur Sélectionner des fichiers. 4 ème étape : 26

27 Une nouvelle fenêtre s ouvre. Sélectionnez donc votre logo et cliquez sur Ouvrir. 5 ème étape : Puis, cliquer sur Choisir une image. Cliquer sur General à nouveau pour réduire le menu. 27

28 Fonts 1 ère étape : Dans le menu, dérouler Fonts en cliquant dessus. 28

29 2 ème étape : Définir la police d écriture pour les titres. 3 ème étape : Définir la police d écriture pour les contenus. 29

30 Cliquer sur Fonts à nouveau pour réduire le menu. Titre de site et description 1 ère étape : Dans le menu, dérouler Titre de site et description en cliquant dessus. 30

31 2 ème étape : Définir le titre du site (nom de l entreprise) et votre slogan. Cliquer sur Titre de site et description à nouveau pour réduire le menu. 31

32 Couleurs 1 ère étape : Dans le menu, dérouler Couleurs en cliquant dessus. 2 ème étape : Définir les couleurs du site en cliquant sur Sélectionner une couleur. 32

33 3 ème étape : Définir la bonne couleur en faisant glisser le rond blanc sur les différentes couleurs. Dans l ordre, vous trouverez : La couleur d arrière-plan La couleur principale La couleur secondaire La couleur du titre du site La couleur de la description du site La couleur des titres La couleur des textes La couleur de la barre multicolore 1 La couleur de la barre multicolore 2 La couleur de la barre multicolore 3 La couleur de la barre multicolore 4 La couleur de la barre multicolore 5 La couleur du bouton d affiliation La couleur des tables de Vidéos et Jeux La couleur d arrière-plan du carrousel d images 33

34 Cliquer sur Couleurs à nouveau pour réduire le menu. 34

35 1 ère étape : Dans le menu, dérouler Page d accueil statique en cliquant dessus. 2 ème étape : Cocher Une page statique. 35

36 3 ème étape : Sélectionner la page qui sera lisible en page d accueil. 4 ème étape : Sélectionner la page qui diffusera vos actualités. 36

37 Cliquer sur Page d accueil statique à nouveau pour réduire le menu. Pour valider les changements Peu importe quels ont été les changements faits, il ne faut SURTOUT pas oublier de cliquer sur Enregistrer et publier. Puis, pour revenir à l administration, cliquer sur la croix à gauche. 37

38 Widgets Les widgets sont des modules qu il est possible de disposer sur le côté ou en bas de votre site internet. 1 ère étape : Dans le menu principal à gauche, passer la souris sur Apparence et cliquer sur Widgets. 2 ème étape : Pour ajouter un widget, cliquer-glisser le widget concerné vers la position voulue. Pour enlever un widget, il suffit de le cliquer-glisser de la position sélectionnée vers la liste des widgets disponibles à gauche. 38

39 Les positions Les positions varient en fonction du thème que vous utilisez. Ainsi, si vous avez choisi d utiliser un thème différent de celui que nous vous avons conseillé, il est possible que vous ayez des positions différentes. Sidebar : les widgets qui se trouveront ici seront disposés sur le côté droit de votre site internet. Footer : les widgets qui se trouveront ici seront disposés tout en bas de votre site internet. A, B et C représentent trois colonnes disposées l une à côté de l autre en bas du site. 39

40 Archives Le widget Archives propose une liste des derniers articles archivés sur votre site internet. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre. Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 40

41 Articles récents Le widget Articles récents propose une liste des derniers articles postés sur votre site internet. C est exactement la même chose que le widget areview : recent posts. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre et le nombre d articles mis en avant. Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 41

42 Catégories Le widget Catégories propose une liste des catégories d articles de votre site internet. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre. Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 42

43 Texte Le widget Texte propose d écrire un texte libre. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre et le texte voulu. Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 43

44 areview : video Le widget areview : video dispose une vidéo Youtube sur votre site. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre et l URL de la vidéo voulue ( ). Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 44

45 Chercher Le widget Chercher dispose une barre de recherche sur votre site. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre. Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 45

46 Pages Le widget Pages propose une liste des pages de votre site internet. Pour activer ce widget, cliquer-glisser vers la position voulue. Puis, configurer le widget en entrant le titre. Pour valider, cliquer sur Enregistrer. Votre widget a bien été mis en place sur votre site internet : 46

47 All in one SEO All in One SEO est une extension qui va vous aider à gérer le référencement de votre site Wordpress. Vous pourrez entre autre manager vos balises titre, clés d un bon référencement. 1 ère étape : Dans le menu principal à gauche, passer la souris sur Extensions et cliquer sur Ajouter. 2 ème étape : Dans la barre de recherche à droite, taper «All in one SEO». Valider la recherche en appuyant sur la touche Entrée de votre clavier. 47

48 3 ème étape : Repérer le premier module et cliquer sur Installer maintenant. 4 ème étape : Une fenêtre s affiche. Cliquer sur OK. 48

49 5 ème étape : Pour que l extension fonctionne, il faut cliquer sur Activer l extension. 6 ème étape : Pour utiliser l extension correctement, il suffit ensuite de retourner sur une page ou un article. Une nouvelle section All in One SEO Pack est apparue sous votre contenu. 49

50 7 ème étape : Modifier pour chaque article les champs suivants : Title : lien qui s affiche en bleu sur Google, c est la partie la plus importante. Description : texte de description qui s affiche en noir sur Google. Keywords : mots clés qui ne participent que faiblement à votre référencement. 8 ème étape : Pour enregistrer les modifications, ne pas oublier de cliquer sur Mettre à jour à droite. 50

51 Ce guide est non exhaustif! De nombreux aspects de Wordpress n ont pas été traités pour faciliter une prise en main rapide et efficace pour obtenir un résultat satisfaisant en un temps restreint. 18 place St Marc Rouen contact@webenoo.com