116
Créer votre Blog ou votre site sur WordPress.com

Créer votre Blog ou votre site sur WordPress · Autres fonctionnalités •D’autres fontionnalités, omme les statistiques, les boutons de partage sur les ... ( Flickr 1 TO gratuit

Embed Size (px)

Citation preview

Créer votre Blog ou votre site sur WordPress.com

WordPress.com / WordPress.org Quelle différence?

@telier - Médiathèque de Lorient 2

WordPress : deux aspects

@telier - Médiathèque de Lorient 3

Blog

• Quand vous pensez « blog », imaginez un journal en ligne qui liste des articles (ou des extraits d’articles) classés par ordre chronologique, comme sur la page d’accueil de ce site.

• Ces articles sont datés, généralement signés par leur auteur et le plus souvent ouverts aux commentaires des internautes.

• Un blog, peut se suffire à lui-même (on installe un journal en ligne uniquement) ou être inclus dans un site plus large, un peu comme des poupées gigognes

@telier - Médiathèque de Lorient 5

Le site web, un outil plus complet

• Le site web « classique » offre des possibilités, aussi bien en

termes de présentations que de fonctionnalités (vitrine, e-commerce, portfolio…) presque sans limite. Son organisation en rubriques permet une plus grande liberté car vous ne serez pas contraint par la présentation chronologique . En contrepartie, cela vous demandera une plus grande réflexion sur la structuration des contenus. L’exercice est donc de fait plus complexe.

• À l’intérieur, les types de contenus varient selon leurs usages. Certaines pages, comme la page « Qui suis-je », sont plutôt vouées à à être stables. Alors que d’autres, je pense aux fiches produits par exemple, sont faites pour être ajoutées, archivées ou supprimées régulièrement.

@telier - Médiathèque de Lorient 6

Qu’est-ce que WordPress ?

• WordPress est un outil qui permet de créer des blogs, des

sites internet et même des boutiques en ligne. On appelle ça un CMS, c’est-à-dire un système de gestion de contenu. Plus simplement c’est une plateforme de publication de contenu sur le web et c’est aussi un espace blog gratuit et auto-hébergé.

• Un blog WordPress.com peut être créé gratuitement , il vous suffit de quelques clics pour vous lancer.

@telier - Médiathèque de Lorient 10

WordPress.org

• Un blog WordPress préalablement téléchargé sur wordpress.org ou sur wordpress-fr.net représente la version originale et donc complète de l’outil de blogging WordPress

• Communément appelé "solution auto-hébergée", vous achetez un nom de domaine et un hébergement (environ 30€/an), vous installez WordPress et vous êtes libre de tout modifier, customiser, etc...

@telier - Médiathèque de Lorient 11

Avantages de WordPress.org

• Possibilité de télécharger des thèmes personnalisés

• Possibilité de télécharger des plugins

• Contrôle complet du code

• Maîtrise totale de votre domaine

@telier - Médiathèque de Lorient 12

Inconvénients de WordPress.org

• Nécessite plus de connaissances techniques

• Vous êtes responsable des mises à jour du logiciel

• Vous êtes en charge de votre hébergement

@telier - Médiathèque de Lorient 13

Wordpress.com ?

@telier - Médiathèque de Lorient 14

Un blog gratuit

WordPress.com

• Lorsque vous vous inscrivez sur WordPress.com, vous obtenez une URL de type monblog.wordpress.com, vous ne contrôlez pas le logiciel ou la base de données et l'accès FTP n'est pas inclus.

• Pour des raisons de sécurité et de performances, les thèmes personnalisés ou plugins ne peuvent pas être téléchargées sur WordPress.com.

@telier - Médiathèque de Lorient 15

WordPress.com

• WordPress.com est une plateforme d'hébergement qui facilite la publication en ligne.

• Le logiciel est hébergé et maintenu par WordPress, pas de configuration requise, pas de sauvegarde, vous vous concentrez uniquement sur la création de contenu!

• Il s’agit d’une formule clé en main de type Blogger, TypePad, etc...

@telier - Médiathèque de Lorient 16

Simple à prendre en main

• Le gestionnaire de contenu (appelé aussi back-office ou tableau de bord) est très facile d’utilisation et ne requière aucune connaissance spécifique en programmation.

• Vous n’avez qu’à créer votre compte et à commencer à bloguer.

• Un simple clic dans l’e-mail de confirmation envoyé par WordPress suffit pour valider la création de votre blog.

• Vous pouvez ainsi, avec facilité, créer des articles, des pages, des catégories, créer/modifier un menu, gérer son contenu.

@telier - Médiathèque de Lorient 17

Widgets

• Une importante gamme de widgets pour customiser votre side-bar est à votre disposition dans le tableau de bord (back-office) :

• Timeline, Twitter, flux Instagram, ma communauté (affiche un échantillon des utilisateurs de votre blog), souscrire au blog (permettant aux autres utilisateurs de wordpress.com de suivre votre blog), blogroll, galerie photos, commentaires récents, archives, articles récents…

@telier - Médiathèque de Lorient 18

Autres fonctionnalités

• D’autres fonctionnalités, comme les statistiques, les boutons de partage sur les réseaux sociaux, les commentaires et les modules de sondages sont inclus d’office dans le blog.

@telier - Médiathèque de Lorient 19

Customisation

• Vous avez la possibilité d’acheter un thème payant pour customiser votre blog.

• La sélection de thèmes gratuits est néanmoins largement inférieure à wordpress.org.

• Vous pouvez aussi, moyennant finance, changer le CSS (couleurs des liens, polices, styles).

@telier - Médiathèque de Lorient 20

Communauté et référencement

• Par ailleurs, ses nombreux utilisateurs font de wordpress.com un véritable tissu social de blogueurs .

• Vos articles sont référencés à l’intérieur de la communauté et peuvent être partagés, aimée et reblogués.

• Ce qui nous amène à parler de référencement : la puissance de cette gigantesque plateforme permet une indexation rapide de votre site et de vos billets sur les moteurs de recherche, sans devoir procéder à aucun réglage particulier.

@telier - Médiathèque de Lorient 21

Avantages de WordPress.com

• C'est gratuit et très facile à mettre en place

• Tous les travaux de maintenance technique sont pris en charge - Installation, mises à niveau, spam, sauvegardes, sécurité, etc

• Votre blog est sur des centaines de serveurs, donc toujours disponible, même sous fort trafic

@telier - Médiathèque de Lorient 22

Inconvénients de WordPress.com

• Près de 300 thèmes disponibles, mais vous ne pouvez pas télécharger de thèmes personnalisés

• Vous ne pouvez pas modifier le code PHP de votre site

• Vous ne pouvez pas télécharger de plugins

• Nom de domaine sous la forme monblog.wordpress.com

• Formule VIP et/ou nom de domaine un peu chère

@telier - Médiathèque de Lorient 23

Espace de stockage limité

• L’espace de stockage y est limité à 3 Go.

• Vous pouvez toutefois y remédier en achetant de l’espace supplémentaire.

• Mon expérience sur cette plateforme depuis 2008 me permet de vous dire que c’est très suffisant.

• Il est très simple de passer outre en utilisant d’autres plateformes d’hébergements notamment pour documents via le « cloud », les photos ( Flickr 1 TO gratuit ) ou Youtube pour les vidéos.

@telier - Médiathèque de Lorient 24

Exemple d’utilisation après 300 articles

@telier - Médiathèque de Lorient 25

C’est vous qui voyez

• Une solution envisageable pour peu que vous cherchiez la simplicité, la gratuité.

• Les inconvénients, le nom de domaine et la limitation liée aux thèmes & plugins.

@telier - Médiathèque de Lorient 26

On démarre…

@telier - Médiathèque de Lorient 27

On démarre…

• Connecter vous sur http://fr.wordpress.com/

• Cliquer sur Créer un site

• Remplissez le premier formulaire qui vous identifie ! Attention un mot de passe est composé de lettres et de chiffres, de minuscules et de majuscules !

• Cocher Donnez-moi un blog !

• Cliquer sur suivant

• Vérifier dans le nouveau formulaire pré-rempli qui s’affiche le titre de votre blog correspond à ce que vous attendez.

• Cliquer sur Inscrivez-vous

• Votre compte est désormais actif !

28 @telier - Médiathèque de Lorient

Création d’un compte WordPress

@telier - Médiathèque de Lorient 29

Etape 1

@telier - Médiathèque de Lorient 30

Choisir un thème Vous pourrez en changer après

@telier - Médiathèque de Lorient 31

Etape 2

@telier - Médiathèque de Lorient 32

L’adresse de votre site

@telier - Médiathèque de Lorient 33

Choisissez avec soin l’adresse internet de votre blog L’adresse de votre blog, du type http://nomdevotreblog.nomdelaplate-forme.com, peut être associée à un nom de domaine, ce qui vous permet de la mémoriser plus facilement.

@telier - Médiathèque de Lorient 34

Créer votre site

@telier - Médiathèque de Lorient 35

Inventez l’adresse de votre site

Nota : Il est possible de changer l’adresse du blog

Etape 3

@telier - Médiathèque de Lorient 36

Etape 4 Votre compte administrateur

@telier - Médiathèque de Lorient 37

Dernière étape

Remplissez le formulaire

@telier - Médiathèque de Lorient 38

Vous débutez, prenez la formule gratuite

@telier - Médiathèque de Lorient 39

On avance !

@telier - Médiathèque de Lorient 40

Vous allez bientôt pouvoir commencer

@telier - Médiathèque de Lorient 41

Activer votre compte via votre messagerie

@telier - Médiathèque de Lorient 42

Après activation, connectez vous

@telier - Médiathèque de Lorient 43

Identifiant Mot de passe

C’est clair, vous pouvez continuer

@telier - Médiathèque de Lorient 44

Attention interface en évolution

@telier - Médiathèque de Lorient 45

Pas de panique, facile de s’y retrouver

Le tableau de bord

@telier - Médiathèque de Lorient 46

@telier - Médiathèque de Lorient 47

La nouvelle version

@telier - Médiathèque de Lorient 48

Rédiger votre premier article

@telier - Médiathèque de Lorient 49

Ecrire un article avec le nouveau WordPress.com

@telier - Médiathèque de Lorient 50

Premier article

@telier - Médiathèque de Lorient 51

Ecrire

@telier - Médiathèque de Lorient 52

Barre d’outils de mise en forme du texte – Insertion de lien hypertexte

Barre d’outils supplémentaire de mise en forme du texte

Ajouter une image à votre article

@telier - Médiathèque de Lorient 53

Vous n’avez pas d’images dans votre bibliothèque WordPress

@telier - Médiathèque de Lorient 54

Envoyer un fichier vers votre espace

Insérer une image

@telier - Médiathèque de Lorient 55

Une fois l’article préparé Enregistrez le en brouillon

@telier - Médiathèque de Lorient 56

• L’article enregistré en brouillon est archivé dans vos articles.

• Vous pouvez ne pas le publier tout de suite, le retoucher puis à nouveau le garder dans vos brouillon.

• Penser à alimenter les catégories et les mots-clés

Aperçu

@telier - Médiathèque de Lorient 57

Vous voulez voir ce que donne votre article : Cliquez sur « aperçu »

Ça vous convient !

« Publier »

Selon vos articles vous pouvez utiliser un « format »

@telier - Médiathèque de Lorient 58

Finaliser son article

@telier - Médiathèque de Lorient 59

@telier - Médiathèque de Lorient 60

Message après publication

@telier - Médiathèque de Lorient 61

Passer en mode administrateur

@telier - Médiathèque de Lorient 62

De votre page d’accueil : Via le Widget Méta

Back office : « Tableau de bord »

@telier - Médiathèque de Lorient 63

Back office…suite

@telier - Médiathèque de Lorient 64

• Prenez les commandes de votre blog

Accueil

@telier - Médiathèque de Lorient 65

Vue rapide de votre activité

@telier - Médiathèque de Lorient 66

A explorer, mais pas utile de s’y attarder sur un blog en démarrage

Articles

@telier - Médiathèque de Lorient 67

Plus important : Ajouter un article, ajouter des catégories et mot-clés

Gérer vos articles

@telier - Médiathèque de Lorient 68

Vous pouvez supprimer, publier des articles en attente

Modifier un article

@telier - Médiathèque de Lorient 69

1

2

3

Ajouter une catégorie, un mot-clé

@telier - Médiathèque de Lorient 70

Pour rendre vos articles facilement accessibles selon les thèmes abordés

Ajouter une vidéo à votre article via une plateforme de vidéo

@telier - Médiathèque de Lorient 71

Coller le code d’intégration – en mode « Texte »

Via Youtube : très facile

@telier - Médiathèque de Lorient 72

Via Youtube : très facile

@telier - Médiathèque de Lorient 73

Le mode « Page »

• À la différence des articles, qui sont affichés sur la page d’accueil de votre blog dans leur ordre de publication, les pages sont plutôt destinées à du contenu dont vous souhaitez qu’il soit toujours facilement accessible, comme votre présentation ou vos coordonnées.

@telier - Médiathèque de Lorient 74

WordPress permet de créer deux types de contenus principaux, les articles (ou « posts ») et les pages.

• Les articles sont les contenus les plus dynamiques de WordPress ! …Ils :

Apparaissent sur votre blog dans un ordre chronologique inversé (les plus récents en premier) si vous avez une partie blog sur votre site.

Peuvent être classés dans des catégories pour mieux les organiser et créer des rubriques sur son blog.

Peuvent comporter des tags ou étiquettes, c’est-à-dire des mots clés qu’on leur associe pour un classement encore plus fin du contenu de votre site. Par exemple, si vous avez une grande rubrique « Recettes de cuisine » qui regroupe des centaines de recettes, vous pouvez associer à vos articles des étiquettes comme « Pâtisserie », « Viande », « Poisson » pour permettre à vos lecteurs de trier plus finement les recettes.

Figurent dans votre flux RSS : le flux RSS est le résumé des derniers articles de votre blog, les lecteurs peuvent s’y abonner pour être informés en temps réel de vos dernières publications

@telier - Médiathèque de Lorient 75

Les pages ne possèdent pas toutes ces caractéristiques, qui sont propres aux articles.

• Quand créer un article ?

Un article est avant tout un contenu lié à une date donnée.

Un article est pertinent à une période donnée…

Quand vous le publiez, il reste « à la Une » pendant un moment mais dès que vous postez de nouveaux articles plus récents, il est relégué au second plan et devient de moins en moins visible.

• C’est donc un type de contenu très pertinent pour interagir avec vos lecteurs sur un sujet d’actualité, pour partager les évolutions d’un domaine auquel vous vous intéressez, etc.

@telier - Médiathèque de Lorient 76

Les pages : du contenu durable !

• Sur WordPress, les pages…

Ne peuvent pas être rattachées à une catégorie ou des étiquettes… mais elles peuvent être hiérarchisées.

On peut définir une page « Parent » et des pages « Enfant ».

Peuvent avoir un template personnalisé :

on peut ainsi créer des pages au design totalement sur mesure, là où les articles suivent un même modèle.

Par exemple, on peut créer un modèle de page « Pleine page », sans sidebar… et un autre modèle de page avec une colonne à droite.

N’apparaissent pas dans votre flux RSS.

Sont souvent ajoutées par défaut à votre menu principal : si vous n’avez pas encore défini de menu, les pages fraîchement créées sur votre blog WordPress seront souvent ajoutées automatiquement au menu principal du blog.

@telier - Médiathèque de Lorient 77

Quand créer une page ?

• Les pages sont plutôt destinées au contenu qui doit être mis en avant de manière permanente sur votre blog.

• Par exemple, vos mentions légales, votre page « A propos » où vous vous présentez, votre page « Contact »…

• La date des pages est moins importante que celle d’un article.

• Si je publie un article sur une fonctionnalité de WordPress… elle peut disparaître dans le temps, être renommée ou évoluer. C’est donc important pour le lecteur de connaître la date de l’article. C’est pour ça qu’on le publie sous forme d’article et pas sous forme de page.

@telier - Médiathèque de Lorient 78

https://www.notuxedo.com/wordpress-difference-entre-article-et-page/

Usage du mode page

@telier - Médiathèque de Lorient 80

Dans l’exemple ci-dessus, les flèches vous indiquent des onglets qui donnent accès à des pages qui renvoient soit à une page soit via la page vers d’autres blogs Selon les thèmes, les onglets indiquant les pages ont divers aspects ou parfois n’apparaissent pas ( selon les propriétés du thème choisi)

Exemple :

vous souhaitez que votre blog s’affiche sur votre page d’accueil

@telier - Médiathèque de Lorient 81

Nota, vous pouvez générer plusieurs pages.

« Liens »

@telier - Médiathèque de Lorient 82

Vous pouvez faire apparaître une liste de liens amis ou en relations avec votre blog sur votre accueil public.

Ajouter un lien

@telier - Médiathèque de Lorient 83

Pour faire apparaître votre « blogroll » activez cette option dans les « Widgets »

@telier - Médiathèque de Lorient 84

Un blogroll est une liste de liens vers des blogs "amis". Présentés en colonne, ils forment une représentation communautaire des centres d'intérêt de l'auteur du blog.

Le module « Apparence »

@telier - Médiathèque de Lorient 85

Apparence : personnaliser votre thème

@telier - Médiathèque de Lorient 86

Options du thème utilisé

@telier - Médiathèque de Lorient 87

Changer de thème

@telier - Médiathèque de Lorient 88

Changer de thème

@telier - Médiathèque de Lorient 89

Essayez d’autres styles

@telier - Médiathèque de Lorient 90

Le thème vous plait – « Enregistrer et activer »

Avant de changer tester le thème avec « aperçu »

@telier - Médiathèque de Lorient 91

Un nouveau thème peut bouleverser l ’apparence de votre blog

Vous pouvez soigner les détails

@telier - Médiathèque de Lorient 92

@telier - Médiathèque de Lorient 93

Images d’en-tête

@telier - Médiathèque de Lorient 94

Mode « Réglages »

@telier - Médiathèque de Lorient 95

Basculement en mode réglages avec la nouvelle interface

@telier - Médiathèque de Lorient 96

Basculement en mode tableau de bord

@telier - Médiathèque de Lorient 97

Réglages généraux

@telier - Médiathèque de Lorient 98

Régler la lecture de votre blog par le public

@telier - Médiathèque de Lorient 99

Les règles d’écriture

@telier - Médiathèque de Lorient 100

Discussion : réglages

@telier - Médiathèque de Lorient 101

Réglages des média

@telier - Médiathèque de Lorient 102

Partages

@telier - Médiathèque de Lorient 103

Widgets

@telier - Médiathèque de Lorient 104

Comment insérer un widget ?

105 @telier - Médiathèque de Lorient

Des widgets à considérer

Méta, pour accéder à la connexion administration sur les pages du blog

106 @telier - Médiathèque de Lorient

Changer l’adresse internet de votre blog

@telier - Médiathèque de Lorient 107

Tableau de bord / Mes Blogs

@telier - Médiathèque de Lorient 108

Outils : Supprimer mon site

@telier - Médiathèque de Lorient 109

Migration de votre blog vers un hébergeur via WordPress,org

• Des pistes :

• http://www.insidedaweb.com/wordpress-seo/debuter-avec-wordpress/migration-site-wordpress-3-minutes/

• http://www.myleneb.fr/migrer-un-blog-wordpress-com-vers-un-autre-hebergeur/

@telier - Médiathèque de Lorient 110

Se roder ? Installer Wordpress en local

@telier - Médiathèque de Lorient 111

En local ?

• Installer Wordpress sur votre ordinateur. Votre PC devient un serveur de développement WordPress.

• Il va même jusqu'à se lancer depuis une simple clé USB, sans aucune connexion internet et avec la possibilité d'installer autant de blogs que vous le souhaitez.

• Se rendre sur

• https://wpformation.com/installer-wordpress/

@telier - Médiathèque de Lorient

112

Instant WP pour installer

WordPress en local • Instant WP est un logiciel complet et autonome, permettant de déployer

en quelques clics et très simplement un environnement WordPress complet et fonctionnel.

• Il transforme n'importe quel ordinateur Windows en un serveur de développement WordPress. Il va même jusqu'à se lancer depuis une simple clé USB, sans aucune connexion internet et avec la possibilité d'installer autant de blogs que vous le souhaitez.

• Commencez par télécharger le logiciel (environ 56Mo) sur votre disque dur, puis installez le programme. Choisissez le répertoire d'installation du programme (cela pourrait parfaitement être un disque amovible, une clé USB), puis accédez au programme en cliquant sur InstantWP.exe qui se trouve dans le répertoire d’installation précédemment indiqué.

@telier - Médiathèque de Lorient 113

Migration de votre blog vers un hébergeur via WordPress,org

@telier - Médiathèque de Lorient 114

http://www.gregoirenoyelle.com/wordpress-migrer-son-site-local-vers-le-serveur-en-ligne/

Des tutoriels en ligne

@telier - Médiathèque de Lorient 115

http://www.wppourlesnuls.com/