Comment créer un site Wordpress -...

19
Comment créer un site Wordpress ? Mode d’emploi

Transcript of Comment créer un site Wordpress -...

Page 1: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

Comment créer un site Wordpress ?

Mode d’emploi

Page 2: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

2

Table des matières

1 Introduction ............................................................................................................................................................................................................. 3

2 Le chemin à suivre .......................................................................................................................................................................................... 3 2.1 Choisir un hébergeur............................................................................................................................................................................................................ 3 2.2 Obtenir ou acheter un nom de domaine ......................................................................................................................................................... 4 2.3 Choisir ou modifier le thème ....................................................................................................................................................................................... 5

2.3.1 Comment faire ? ........................................................................................................................................................................................................ 6 2.4 Réalisation d’une maquette ......................................................................................................................................................................................... 7 2.5 Préréglages ..................................................................................................................................................................................................................................... 8 2.6 Créer une page .......................................................................................................................................................................................................................... 8

2.6.1 Comment faire ? ........................................................................................................................................................................................................ 9 2.7 Créer le menu .........................................................................................................................................................................................................................11

2.7.1 Comment faire ? ....................................................................................................................................................................................................11 2.8 Créer un article ....................................................................................................................................................................................................................13

2.8.1 Comment faire ? ....................................................................................................................................................................................................13 2.9 Ajouter un média ...............................................................................................................................................................................................................15

2.9.1 Comment faire ? ....................................................................................................................................................................................................15 2.10 Créer un lien.......................................................................................................................................................................................................................16

2.10.1 Comment faire ? ................................................................................................................................................................................................16 2.11 Accéder au site .................................................................................................................................................................................................................18

Page 3: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

3

1 Introduction

Dans le dossier qui suit, vous pourrez trouver les différentes étapes à suivre

dans le but de créer un site WordPress.

Nous avons repris les étapes principales que nous avons nous-mêmes empruntées

lors de la création de « Planète Consciente ».

Pour plus d’informations : https://planeteconsciente.wordpress.com

2 Le chemin à suivre

2.1 Choisir un hébergeur

Dans le cadre de notre travail, nous avons choisi de travailler avec l’hébergeur

WordPress.

Pour cela, nous commençons par nous connecter sur « WordPress.com »

Nous choisissons donc de créer un site.

Une fois cette première étape achevée, nous devons suivre une progression en 4

phases.

La première étape est de choisir un thème. Pas de panique, on peut toujours le

changer par la suite.

Page 4: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

4

2.2 Obtenir ou acheter un nom de domaine

Deuxièmement, il est enfin temps de

choisir un nom de domaine.

Il s’agit d’un choix important. C’est-à-dire

qu’il doit être réfléchi à l’avance.

Vous devez écrire le choix que vous avez

fait et le moteur de recherche vous

proposera les noms disponibles.

Faites cependant bien attention, car seuls

les noms de domaine finissant par « .

wordpress.com » sont gratuits.

Pour un autre nom de domaine, il faudrait payer un montant annuel.

Page 5: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

5

C’est donc à cette troisième étape que vous choisissez le type d’abonnement,

c’est-à-dire, le plan tarifaire qui vous convient.

Nous finalisons le travail en créant un compte WordPress.

Pour cela, il faut y associer une adresse mail, un nom d’utilisateur ainsi qu’un mot

de passe.

2.3 Choisir ou modifier le thème

Page 6: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

6

La première chose à faire est de vérifier si thème que nous avons choisi

précédemment est toujours celui que nous souhaitons employer.

Lors de ce choix, il faut être vigilant, car certains thèmes sont payant et cela

peut être piégeant.

2.3.1 Comment faire ?

Vous vous connectez en tant qu’administrateur avec les logins choisis

précédemment.

Vous arrivez ensuite sur votre page de création.

Vous choisissez l’onglet thème et vous cliquez sur le thème que vous désirez

utiliser.

Vous pouvez personnaliser

votre thème en choisissant sa police, ses couleurs, son image d’en-tête, son titre

et son slogan…

Page 7: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

7

Attention, n’oubliez jamais d’enregistrer vos modifications et choix sinon rien

n’est pris en compte !

On peut maintenant commencer à créer les pages de notre site.

2.4 Réalisation d’une maquette

Cette étape n’est pas informatisée, mais elle est primordiale dans la construction

d’un site.

Il s’agit de faire un brouillon général de l’aspect désiré.

Tout d’abord, il est important de définir si l’on souhaite une page d’accueil

statique ou non.

La page statique contient une page identique tout le temps.

La page non statique varie en fonction de la vie du site et des publications qui y

sont faites. Cette page va donc afficher la liste de tous les articles créés comme

un fil d’actualité.

Page 8: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

8

Ce réglage est accessible dans la partie personnalisation du thème.

(Voir précédemment)

2.5 Préréglages

Afin de ne pas s’embêter avec des détails par la suite, il est de faire quelques

préréglages dès le début de la construction d’un site.

Par exemple, il est intéressant de savoir si l’on souhaite laisser la possibilité aux

utilisateurs faire apparaitre des commentaires, des likes, des partages…

Pour cela, il faut aller dans les « réglages » et plus précisément dans l’onglet

« discussions ».

Il s’agit ensuite de cocher et décocher les propositions en fonction de nos

besoins.

2.6 Créer une page

Une fois les idées sont claires, nous pouvons nous lancer dans la création des

pages du site.

Page 9: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

9

En effet, celles-ci représentent le squelette de base du site.

2.6.1 Comment faire ?

Il faut aller dans l’onglet « page » et cliquez sur « ajouter ».

Il ne reste ensuite plus qu’à donner un titre à sa page et y ajouter le contenu

souhaité.

Attention, n’oubliez pas de publier en bas à droite !

Page 10: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

10

Les options avancées vous permettront de définir, si vous ne l’avez pas fait

précédemment, si vous autorisez les commentaires, les likes et les partages de la

part de vos utilisateurs.

Page 11: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

11

2.7 Créer le menu

On s’attaque enfin à la création du menu.

En fonction du thème sélectionné, on peut avoir plusieurs positions différentes.

À savoir, latéral, horizontal…

2.7.1 Comment faire ?

Commençons par nous diriger dans l’onglet menu.

On crée son menu en cliquant sur « + » et en intitulant l’onglet par la

nomenclature souhaitée pour l’onglet présent sur le site.

De plus, il est possible en glissant cet onglet de le mettre en onglet principal ou

en sous-onglet.

Pour choisir ce que l’on veut afficher lorsque l’on sélectionne cet onglet du menu,

on choisit les pages qui doivent y être apparentées, les liens, les catégories, les

tags, les articles ou les projets.

Page 12: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

12

Les pages : Il s’agit d’une page fixe avec un contenu statique.

Les liens : Il s’agit d’un lien vers un site internet extérieur au nôtre.

Les catégories : Elles permettent d’afficher uniquement les articles d’une même

catégorie et de cette façon de faciliter les recherches.

Les tags : Ils permettent d’afficher des contenus qui contiennent les mêmes

mots-clés sur le même principe que les catégories.

Ceux-ci facilitent donc également les recherches.

Les projets : Nous n’avons pas utilisé cette fonctionnalité et ne savons pas

expliquer son fonctionnement.

Page 13: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

13

2.8 Créer un article

Si vous choisissez de créer des articles, ils s’afficheront l’un derrière l’autre

dans l’onglet ou les onglets sélectionnés précédemment dans le menu.

2.8.1 Comment faire ?

Commencez par cliquer sur « ajouter » et donnez un nom à l’article ainsi qu’un

contenu.

Page 14: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

14

Vous pouvez également lui attribuer un mot-clé ou une catégorie si vous le

souhaitez.

Les options avancées vont permettront de définir, si vous ne l’avez pas fait

précédemment, si vous autorisez les commentaires, les likes et les partages de la

part de vos utilisateurs.

Page 15: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

15

2.9 Ajouter un média

Tout d’abord, un média peut être une image, un PDF, un PowerPoint, un fichier

Word, Excel…

Il y a donc de nombreuses possibilités.

2.9.1 Comment faire ?

Lorsque vous créez un article ou une page, il vous suffit de sélectionner

« ajouter un média » et d’y déposer un fichier en le glissant ou le téléchargeant.

Sélectionnez-le ensuite pour le publier dans l’article ou la page que vous êtes

occupé à créer.

Pour ce faire, il faut le sectionner et ensuite cliquez sur « insérer dans l’article

ou dans la page » selon la création dans laquelle vous êtes.

Page 16: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

16

Après avoir téléchargé ce média, on peut le réutiliser à l’infini en allant dans la

bibliothèque des médias.

C’est par cet onglet que l’on peut supprimer ces médias et aussi les configurer

(choisir la taille, l’alignement, la description, rogner.)

2.10 Créer un lien

Il est possible de faire des liens vers le contenu du site ou vers un site extérieur

au nôtre.

2.10.1 Comment faire ?

Il faut commencer par sélectionner le contenu qui va servir de lien.

Cliquez ensuite sur l’onglet représentant un maillon et insérez l’adresse web vers

laquelle vous souhaitez rediriger l’utilisateur.

N’oubliez pas de choisir si vous souhaitez ouvrir ce lien dans une nouvelle fenêtre

ou non.

Page 17: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

17

Terminez pas cliquer sur « ajouter un lien ».

Il est également possible de faire un lien vers un contenu du site même en

sélectionnant le nom de la page ou de l’article concerné.

Il est toujours possible de briser le lien si on souhaite le supprimer.

Il est également possible de la modifier à sa guise.

Page 18: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

18

Voici des exemples de liens :

2.11 Accéder au site

Lorsque l’on souhaite se connecter, nous allons sur https://fr.wordpress.com

On se connecte au moyen de son email ou de son nom d’utilisateur et de son mot

de passe.

À tout moment, on peut afficher le contenu du site en cliquant sur « Afficher le

site ».

Page 19: Comment créer un site Wordpress - ecolenumerique.encbw.beecolenumerique.encbw.be/sites/default/files/10... · Comment créer un site WordPress ? 4 2.2 Obtenir ou acheter un nom de

2015-2016 Comment créer un site WordPress ?

19

Cela nous donne la possibilité de visualiser notre travail.