Atelier création de site Internet Initiation...

106
1 Atelier création de site Internet Initiation Wordpress Raphaëlle Segerer Dominique Ludeau : [email protected]

Transcript of Atelier création de site Internet Initiation...

Page 1: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

1

Atelier creacuteation de site Internet

Initiation Wordpress

Raphaeumllle Segerer

Dominique Ludeau dominiqueludeauorangesolidaritecom

2

Sommairebull Tour de table

bull Qursquoest ce qursquoun CMS

bull Les principales fonctionnaliteacutes

bull PHP et MySQL Keacutesako

bull Les CMS du marcheacute ndash Que choisir

bull Nom de domaine et Heacutebergeur

bull Wordpress Installation

bull Installer Wordpress en local sur votre PC InstantWordpress Wordpresset le WampServer

bull Installer WordPress chez votre heacutebergeur

3

Sommaire

bull WordPress Le tableau de Bord

bull Les thegravemes

bull Les extensions

bull Les reacuteglages

bull Controcircler le profil des utilisateurs

bull Creacuteation et animation de votre contenu eacuteditorial

bull Qursquoest ce que le contenu eacuteditorial

bull Premiegraveres eacutetapes pour le construire

bull Conseil de reacutedaction drsquoun articles

bull Animation eacuteditorial

4

CMS Content Management System ndash Systegraveme de Gestion de Contenu

bull Le CMS permet la conception et la mise a jour de sites Web de faccedilon dynamique

bull Les fonctionnaliteacutes des CMS

bull Editeur de contenu pas besoin de connaitre le HTML interface Web intuitive pour mettre en forme des textes inseacuterer des images des liens hellip

bull Les donneacutees et la forme (le contenu et la preacutesentation) sont seacutepareacutees Fonctionnaliteacute essentielle Les donneacutees sont stockeacutees en base de donneacutee (ex le texte le contenu la configuration les utilisateurshellip) La preacutesentation est contenue dans les fichiers stockeacutes (programmes PHP HTML)

bull Structuration de lrsquoinformation Les CMS permettent drsquoorganiser lrsquoinformation (pages articles mots cleacute moteur de recherche lienshellip)

bull Gestion des utilisateurs et de leurs droits diffeacuterents (visiteur eacutediteur administrateurhellip)

bull Integravegre une notion de laquo workflow raquo Ex valider un article par un utilisateur ayant les droits avant sa publication

bull CMS Open Source Le terme Open Source deacutesigne les CMS permettant laccegraves le teacuteleacutechargement et la modification de leur code source et qui acceptent les contributions des utilisateurs dans le but dameacuteliorer les performances du logiciel Une autre particulariteacute est sa libre distribution acceacuteleacuterant ladheacutesion des utilisateurs seacuteduits par lapparente gratuiteacute

5

HTML CSS PHP MySQL Keacutesako

bull Un site web est accessible via un navigateurLes pages web sont eacutecrites en HTML CSS

bull Le navigateur fait la traduction entre les langages informatiques et ce qui est afficheacute agrave lrsquoeacutecran

bull HTML Hyper Text Markup Langage gegravere et organise le contenu seacutemantiquementCSS Cascading style sheet (ou feuille de style) gegravere lrsquoapparence de la page web (agencement positionnement deacutecoration couleurs taille du texte police)

Base de

donneacutees MySQL

Serveur de base de donneacutees

Requecirctes SQLReacuteseau

Internet

6

Les CMS open source du marcheacute ndash Que choisir

bull Wordpress Joomla Drupal

bull WordPress Joomla et Drupal propulsent agrave eux 3 pregraves de 97 des sites franccedilais baseacutes sur un CMS Open Source

bull Wordpress le + utiliseacute estcelui retenu parOrange Solidariteacute

bull Joomla et Drupal ontdes fonctionnaliteacutes proches de WordpressDrupal plus complexeplutocirct choisi par lesentreprises que par les particuliers

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 2: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

2

Sommairebull Tour de table

bull Qursquoest ce qursquoun CMS

bull Les principales fonctionnaliteacutes

bull PHP et MySQL Keacutesako

bull Les CMS du marcheacute ndash Que choisir

bull Nom de domaine et Heacutebergeur

bull Wordpress Installation

bull Installer Wordpress en local sur votre PC InstantWordpress Wordpresset le WampServer

bull Installer WordPress chez votre heacutebergeur

3

Sommaire

bull WordPress Le tableau de Bord

bull Les thegravemes

bull Les extensions

bull Les reacuteglages

bull Controcircler le profil des utilisateurs

bull Creacuteation et animation de votre contenu eacuteditorial

bull Qursquoest ce que le contenu eacuteditorial

bull Premiegraveres eacutetapes pour le construire

bull Conseil de reacutedaction drsquoun articles

bull Animation eacuteditorial

4

CMS Content Management System ndash Systegraveme de Gestion de Contenu

bull Le CMS permet la conception et la mise a jour de sites Web de faccedilon dynamique

bull Les fonctionnaliteacutes des CMS

bull Editeur de contenu pas besoin de connaitre le HTML interface Web intuitive pour mettre en forme des textes inseacuterer des images des liens hellip

bull Les donneacutees et la forme (le contenu et la preacutesentation) sont seacutepareacutees Fonctionnaliteacute essentielle Les donneacutees sont stockeacutees en base de donneacutee (ex le texte le contenu la configuration les utilisateurshellip) La preacutesentation est contenue dans les fichiers stockeacutes (programmes PHP HTML)

bull Structuration de lrsquoinformation Les CMS permettent drsquoorganiser lrsquoinformation (pages articles mots cleacute moteur de recherche lienshellip)

bull Gestion des utilisateurs et de leurs droits diffeacuterents (visiteur eacutediteur administrateurhellip)

bull Integravegre une notion de laquo workflow raquo Ex valider un article par un utilisateur ayant les droits avant sa publication

bull CMS Open Source Le terme Open Source deacutesigne les CMS permettant laccegraves le teacuteleacutechargement et la modification de leur code source et qui acceptent les contributions des utilisateurs dans le but dameacuteliorer les performances du logiciel Une autre particulariteacute est sa libre distribution acceacuteleacuterant ladheacutesion des utilisateurs seacuteduits par lapparente gratuiteacute

5

HTML CSS PHP MySQL Keacutesako

bull Un site web est accessible via un navigateurLes pages web sont eacutecrites en HTML CSS

bull Le navigateur fait la traduction entre les langages informatiques et ce qui est afficheacute agrave lrsquoeacutecran

bull HTML Hyper Text Markup Langage gegravere et organise le contenu seacutemantiquementCSS Cascading style sheet (ou feuille de style) gegravere lrsquoapparence de la page web (agencement positionnement deacutecoration couleurs taille du texte police)

Base de

donneacutees MySQL

Serveur de base de donneacutees

Requecirctes SQLReacuteseau

Internet

6

Les CMS open source du marcheacute ndash Que choisir

bull Wordpress Joomla Drupal

bull WordPress Joomla et Drupal propulsent agrave eux 3 pregraves de 97 des sites franccedilais baseacutes sur un CMS Open Source

bull Wordpress le + utiliseacute estcelui retenu parOrange Solidariteacute

bull Joomla et Drupal ontdes fonctionnaliteacutes proches de WordpressDrupal plus complexeplutocirct choisi par lesentreprises que par les particuliers

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 3: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

3

Sommaire

bull WordPress Le tableau de Bord

bull Les thegravemes

bull Les extensions

bull Les reacuteglages

bull Controcircler le profil des utilisateurs

bull Creacuteation et animation de votre contenu eacuteditorial

bull Qursquoest ce que le contenu eacuteditorial

bull Premiegraveres eacutetapes pour le construire

bull Conseil de reacutedaction drsquoun articles

bull Animation eacuteditorial

4

CMS Content Management System ndash Systegraveme de Gestion de Contenu

bull Le CMS permet la conception et la mise a jour de sites Web de faccedilon dynamique

bull Les fonctionnaliteacutes des CMS

bull Editeur de contenu pas besoin de connaitre le HTML interface Web intuitive pour mettre en forme des textes inseacuterer des images des liens hellip

bull Les donneacutees et la forme (le contenu et la preacutesentation) sont seacutepareacutees Fonctionnaliteacute essentielle Les donneacutees sont stockeacutees en base de donneacutee (ex le texte le contenu la configuration les utilisateurshellip) La preacutesentation est contenue dans les fichiers stockeacutes (programmes PHP HTML)

bull Structuration de lrsquoinformation Les CMS permettent drsquoorganiser lrsquoinformation (pages articles mots cleacute moteur de recherche lienshellip)

bull Gestion des utilisateurs et de leurs droits diffeacuterents (visiteur eacutediteur administrateurhellip)

bull Integravegre une notion de laquo workflow raquo Ex valider un article par un utilisateur ayant les droits avant sa publication

bull CMS Open Source Le terme Open Source deacutesigne les CMS permettant laccegraves le teacuteleacutechargement et la modification de leur code source et qui acceptent les contributions des utilisateurs dans le but dameacuteliorer les performances du logiciel Une autre particulariteacute est sa libre distribution acceacuteleacuterant ladheacutesion des utilisateurs seacuteduits par lapparente gratuiteacute

5

HTML CSS PHP MySQL Keacutesako

bull Un site web est accessible via un navigateurLes pages web sont eacutecrites en HTML CSS

bull Le navigateur fait la traduction entre les langages informatiques et ce qui est afficheacute agrave lrsquoeacutecran

bull HTML Hyper Text Markup Langage gegravere et organise le contenu seacutemantiquementCSS Cascading style sheet (ou feuille de style) gegravere lrsquoapparence de la page web (agencement positionnement deacutecoration couleurs taille du texte police)

Base de

donneacutees MySQL

Serveur de base de donneacutees

Requecirctes SQLReacuteseau

Internet

6

Les CMS open source du marcheacute ndash Que choisir

bull Wordpress Joomla Drupal

bull WordPress Joomla et Drupal propulsent agrave eux 3 pregraves de 97 des sites franccedilais baseacutes sur un CMS Open Source

bull Wordpress le + utiliseacute estcelui retenu parOrange Solidariteacute

bull Joomla et Drupal ontdes fonctionnaliteacutes proches de WordpressDrupal plus complexeplutocirct choisi par lesentreprises que par les particuliers

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 4: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

4

CMS Content Management System ndash Systegraveme de Gestion de Contenu

bull Le CMS permet la conception et la mise a jour de sites Web de faccedilon dynamique

bull Les fonctionnaliteacutes des CMS

bull Editeur de contenu pas besoin de connaitre le HTML interface Web intuitive pour mettre en forme des textes inseacuterer des images des liens hellip

bull Les donneacutees et la forme (le contenu et la preacutesentation) sont seacutepareacutees Fonctionnaliteacute essentielle Les donneacutees sont stockeacutees en base de donneacutee (ex le texte le contenu la configuration les utilisateurshellip) La preacutesentation est contenue dans les fichiers stockeacutes (programmes PHP HTML)

bull Structuration de lrsquoinformation Les CMS permettent drsquoorganiser lrsquoinformation (pages articles mots cleacute moteur de recherche lienshellip)

bull Gestion des utilisateurs et de leurs droits diffeacuterents (visiteur eacutediteur administrateurhellip)

bull Integravegre une notion de laquo workflow raquo Ex valider un article par un utilisateur ayant les droits avant sa publication

bull CMS Open Source Le terme Open Source deacutesigne les CMS permettant laccegraves le teacuteleacutechargement et la modification de leur code source et qui acceptent les contributions des utilisateurs dans le but dameacuteliorer les performances du logiciel Une autre particulariteacute est sa libre distribution acceacuteleacuterant ladheacutesion des utilisateurs seacuteduits par lapparente gratuiteacute

5

HTML CSS PHP MySQL Keacutesako

bull Un site web est accessible via un navigateurLes pages web sont eacutecrites en HTML CSS

bull Le navigateur fait la traduction entre les langages informatiques et ce qui est afficheacute agrave lrsquoeacutecran

bull HTML Hyper Text Markup Langage gegravere et organise le contenu seacutemantiquementCSS Cascading style sheet (ou feuille de style) gegravere lrsquoapparence de la page web (agencement positionnement deacutecoration couleurs taille du texte police)

Base de

donneacutees MySQL

Serveur de base de donneacutees

Requecirctes SQLReacuteseau

Internet

6

Les CMS open source du marcheacute ndash Que choisir

bull Wordpress Joomla Drupal

bull WordPress Joomla et Drupal propulsent agrave eux 3 pregraves de 97 des sites franccedilais baseacutes sur un CMS Open Source

bull Wordpress le + utiliseacute estcelui retenu parOrange Solidariteacute

bull Joomla et Drupal ontdes fonctionnaliteacutes proches de WordpressDrupal plus complexeplutocirct choisi par lesentreprises que par les particuliers

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 5: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

5

HTML CSS PHP MySQL Keacutesako

bull Un site web est accessible via un navigateurLes pages web sont eacutecrites en HTML CSS

bull Le navigateur fait la traduction entre les langages informatiques et ce qui est afficheacute agrave lrsquoeacutecran

bull HTML Hyper Text Markup Langage gegravere et organise le contenu seacutemantiquementCSS Cascading style sheet (ou feuille de style) gegravere lrsquoapparence de la page web (agencement positionnement deacutecoration couleurs taille du texte police)

Base de

donneacutees MySQL

Serveur de base de donneacutees

Requecirctes SQLReacuteseau

Internet

6

Les CMS open source du marcheacute ndash Que choisir

bull Wordpress Joomla Drupal

bull WordPress Joomla et Drupal propulsent agrave eux 3 pregraves de 97 des sites franccedilais baseacutes sur un CMS Open Source

bull Wordpress le + utiliseacute estcelui retenu parOrange Solidariteacute

bull Joomla et Drupal ontdes fonctionnaliteacutes proches de WordpressDrupal plus complexeplutocirct choisi par lesentreprises que par les particuliers

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 6: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

6

Les CMS open source du marcheacute ndash Que choisir

bull Wordpress Joomla Drupal

bull WordPress Joomla et Drupal propulsent agrave eux 3 pregraves de 97 des sites franccedilais baseacutes sur un CMS Open Source

bull Wordpress le + utiliseacute estcelui retenu parOrange Solidariteacute

bull Joomla et Drupal ontdes fonctionnaliteacutes proches de WordpressDrupal plus complexeplutocirct choisi par lesentreprises que par les particuliers

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 7: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

7

Nom de domaine et heacutebergeurs

bull Nom de domaine crsquoest lrsquoadresse de votre site Internet il est composeacute drsquoun preacutefixe et drsquoune extension (fr com org euhellip) -gt exemple Googlefr

bull Bien le choisir car crsquoest votre image de marque pas facile drsquoen changer il vous permet de reacuteserver votre existence sur Internet

bull Choisissez un nom simple agrave meacutemoriser court et simple agrave eacutecrireUn nom qui a un rapport avec votre activiteacutefacile agrave prononcer et agrave eacutepelerNrsquoheacutesitez pas agrave prendre plusieurs extensions

bull Le nom de domaine va permettre aux navigateurs Web drsquoaller chercher le contenu sur une serveur heacutebergeant vos donneacutees (rem plusieurs noms de domaine diffeacuterents peuvent pointer vers le mecircme site Internet Exemple monsitefr monsitecomhellip)

bull Le nom de domaine srsquoachegravete agrave une socieacuteteacute le registrarDans un souci de simpliciteacute drsquoinstallation choisissez un registar qui offre aussi les services drsquoheacutebergementVous pouvez toujours changer drsquoheacutebergeur en conservant votre nom de domaine

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 8: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

8

Nom de domaine et heacutebergeursbull Heacutebergeurs Les principaux registrarsheacutebergeurs

bull OVH socieacuteteacute franccedilaise (Roubaix) un des + gros heacutebergeur mondial (4egraveme mondial 1er en France -gt source le monde informatique) De nombreux services pour tous les budgets

bull 1amp1 bien implanteacute en France -gt 1amp1 France Tarifs attractifs notamment pour deacutebuter

bull Nuxit socieacuteteacute franccedilaise

bull helliphellip

bull Les caracteacuteristiques des offres choisir une offre de serveurs mutualiseacutes

bull Nombre de domaines utilisables

bull Nombre de sous-domaines

bull Meacutemoire vive

bull Espace disque

bull Bases de donneacutees (pour WordPress mySQL)

bull Comptes e-mail

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 9: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

9

Installation Wordpress en local sur poste de travail

bull Instant Wordpress

bull Compatible Windows (pas Mac)

bull Installe sur son PC tout lrsquoenvironnement neacutecessaire pour supporter un site Wordpress (serveur PHP Base de donneacuteeshellip)

bull Peut ecirctre dupliqueacute autant de fois que souhaiteacute sur son PC peut mecircme ecirctre installeacute sur une cleacute USB

bull Tregraves souple recommandeacute pour apprendre lrsquoutilisation de wordpress et tester son site

bull Evidemment fonctionne uniquement en local sur son PC

bull Wordpress et Wampserver

bull Compatible PC et Mac

bull Wampserver installe sur votre poste de travail tout lrsquoenvironnement neacutecessaire au fonctionnement srsquoun site Web (serveur PHP Base de donneacuteeshellip)

bull Wordpress installe uniquement son environnement comme pour une installation chez un heacutebergeur

bull Plus complexe agrave geacuterer que Instant Wordpress pour un non informaticien mais uniquesolution pour une installation en local sur un Mac

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 10: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

10

Installation Wordpress en local sur poste de travailTravaux pratiques

InstantWordpress

bull Teacuteleacutecharger InstantWordpress sur le site httpwwwinstantwpcom

bull Installer sur le PC

bull Lancer le tableaux de bord

bull Revue des fonctionnaliteacutes

Wampserver uniquement si un stagiaire dispose drsquoun Mac

bull Teacuteleacutecharger et installer le WampServer

bull Teacuteleacutecharger et installer WordPress

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 11: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

11

Installation Wordpress chez lrsquoheacutebergeur

Revue des services offerts par un heacutebergeur

bull Exemple OVH heacutebergementnom de domaine de Dominique

bull Voir en preacuteambule le choix et lrsquoachat drsquoun nom de domaine

bull Voir les userpassword hellip Fournis par lrsquoheacutebergeur lors de la souscription(espace client FTP)

bull Transfert de fichiers FTP (sinon srsquoeacutequiper avec FileZilla)

bull Outils de gestion de la base de donneacutees sauvegardes

bull Installation de Wordpress proposeacutee par OVH

bull Installation de WordPress en autonome

bull Voir les userpasswordnom de basehellip fournis par lrsquoheacutebergeur lors de lrsquoinstallation

bull Mails (creacuteation drsquoune adresse email gestion des redirections gestion des reacutepondeurs)

bull Heacutebergement (voir les diffeacuterents onglets)

bull Ajouter une zone DNS en cas drsquoachat du nom de domaine chez un autre registrar

bull DNSSEC

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 12: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

12

Wordpress - preacuteambule

bull Wordpressorg est le site officiel de Wordpress sur lequel vous pouvez teacuteleacutecharger les fichiers drsquoinstallation de Wordpress

bull Wordpresscom est un service en ligne qui vous permet de creacuteer un site Internet Wordpress sans avoir besoin drsquoheacutebergeur mais

bull Par deacutefaut le nom de domaine est monsiteWordpresscom (sous domaine de Wordpresscom)

bull Liste de thegravemes proposeacutes important mais limiteacutee

bull Quelques plugins (extensions) proposeacutes -gt les plugins constituent la force de Wordpress

bull Rapidement il vous faudra payer pour obtenir la version Premium

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 13: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

13

Creacuteer le contenu eacuteditorial

de son site web

1

3

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 14: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

14

Raphaeumllle Segerer

20 ans dexpeacuterience de reacutedaction-eacutedition web

AP-HP France Teacuteleacutevisions Editions Numeacuteriques

TV5 Monde Bayard web Orange

1 expeacuterience wordpress

Les regravegles geacuteneacuterales du contenu eacuteditorial web ont cours aussi sur WordPress

Quand je le pourrai je vous parlerai de wordpress

1

4

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 15: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

15

Qursquoest-ce que le contenu eacuteditorial web

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 16: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

16

Qursquoest-ce que le contenu eacuteditorial web

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 17: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

17

1

7Qursquoest-ce que le contenu eacuteditorial web

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 18: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

18

1

8Qursquoest-ce que le contenu eacuteditorial web

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 19: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

19

1

9Qursquoest-ce que le contenu eacuteditorial web

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 20: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

20

2

0Qursquoest-ce que le contenu eacuteditorial web

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 21: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

21

2

1Qursquoest-ce que le contenu eacuteditorial web

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 22: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

22

2

2Qursquoest-ce que le contenu eacuteditorial web

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 23: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

2323

Qursquoest-ce que le contenu eacuteditorial web

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 24: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

2424

Le FabLab co-eacutelaboratif et inter-associatif

Qursquoest-ce que le contenu eacuteditorial web

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 25: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

25

Tout ce qui compose votre site web et permet de le comprendre

les articles les dossiers les bregraveves les diaporamas les fiches produits les contenus publieacutes par les internautes les videacuteos les infographieshellip

bull les titres de tous les articles de tous les blocs les intertitres

les visuels logo photos pictos

les menus

le title et lurl du site

Comprendre vite lrsquointernaute est zappeur

2

5Qursquoest-ce que le contenu eacuteditorial web

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 26: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

26

Qualiteacutes ducontenu eacuteditorial web

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 27: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

27

Clarteacute

Ecirctre compris du premier coup sans ambiguiumlteacute

2

7

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 28: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

28

2

8

Clarteacute

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 29: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

29

2

9

Centre social

Clarteacute

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 30: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

30

Centre social

Il nrsquoest pas de paveacute qui reacutesiste agrave la fleur

Clarteacute

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 31: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

31

Clarteacute

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 32: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

32

httpwwwteleramafr0

Clarteacute

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 33: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

33

nom de domaine en toutes lettres parisquel-electriciencom plutocirct que peleccom

Clarteacute

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 34: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

34httpepnlepicouletcom

Clarteacute

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 35: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

35

Clarteacute

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 36: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

36

Attractiviteacute

Inteacuterecirct de lrsquoinformation fournie

fiabiliteacute veacuteraciteacute

originaliteacute humour par ex

3

6

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 37: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

37

Capaciteacute ecirctre trouveacute par un moteur de recherche

SEO ndash Search engine optimisation - reacutefeacuterencement naturel

Presque la moitieacute du trafic internet via les moteurs de recherche ndashprincipalement google

Plus de la moitieacute des internautes ne consultent que la premiegravere page

3

7 La trouvabiliteacute

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 38: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

38

bull Le texte preacutesent sur une page web permet aux moteurs de recherche de comprendre le contenu drsquoune page

bull Placer les mots-cleacutes qui vont reacutepondre aux questions que linternaute se pose agrave propos de votre contenu

Que va taper lrsquointernaute qui a envie de lire votre contenu

ex Tarte tatin Recette + tarte + pommes + facile

3

8

copy iletaitunefoislapatisseriecom

La trouvabiliteacute

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 39: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

39

Placer les mots-cleacutes de son site

Titres title h1

Adresse url

Description dimages pertinentes google ne comprend pas les images

Au moins un peu de contenu texte simple

Des liens consistants La recette de la tarte tatin plutocirct que Cliquez ici

+ Mise agrave jour reacuteguliegravere du contenu

3

9 La trouvabiliteacute

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 40: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

40

Commencer agrave construire son contenu

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 41: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

41

4

1

Questions

Benchmark

Qui sommes-

nous

Mots-cleacutes

Tous

azimuts

Plusieurs axes

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 42: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

42

4

2 Tous azimuts

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 43: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

43

Tous azimuts

bull Noter en vrac outils et contenus

bull Dessiner

bull Demander lrsquoavis de personnes de confiance

4

3

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 44: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

44

Se poser des questions

De quoi va-t-on parler

De quoi ne va-t-on pas parler

A qui

Pourquoi

A quoi sert votre site web

Pourquoi le visiter lui plutocirct quun autre

Sur quel(s) support(s)

Avec quels moyens financiers humains et techniques

A quel rythme

Sur quel ton

Avec quels visuels

Qui contribuera

Quelles infos seront mises en avant

4

4

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 45: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

45

Le benchmark4

5

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 46: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

46

Qui sommes-nous

Reacuteflexion sur son identiteacuteQui est le fondateur ou la fondatrice

Quelle eacutetait sa personnaliteacute ce truc en plus qui lui a permis de reacuteussirdaboutir son projet

Quelles sont les valeurs fondamentales deacutefendues par le site web

Comment sincarnent ces valeurs en reacutealiteacute

Qui sont les hommes et les femmes qui portent cette vision

Quelle est votre histoire

En quoi ecirctes-vous diffeacuterent des autres

Permet de chercher des ideacutees originalesPour nimporte quel site deacutemarrer par le Qui sommes-nous retrouver ce qui fait son uniciteacuteauthenticiteacute et ne pas

le perdre de vue

Permet drsquoasseoir la leacutegitimiteacute des auteurs du site et la confiance que lrsquoon peut avoir

dans ce qursquoils eacutecrivent

Ne pas oublier dajouter des informations e-mails pour ecirctre contacteacute facilement

4

6

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 47: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

47

bull 3 questions pour vous preacutesenter

Qui ecirctes-vous vous et votre association votre entreprise votre blog

Quels sont vos projets

Quelles sont vos attentes

bull 3 mots-cleacutes pour vous deacutecrire

4

7Qui sommes-nous

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 48: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

48

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Se mettre agrave la place de lrsquointernaute

4

8

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 49: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

49

Google adwords4

9

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 50: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

50

Google adwords

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 51: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

51

Google adwords

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 52: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

52

Google adwords

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 53: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

53

Chercher ses mots-cleacutes pour sa trouvabiliteacute

Cours de chant

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 54: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

54

Cours de chant

Cours de chant paris

Cours de chant 75011

Cours de chant particulier

Cours de chant adulte enfant adolescent

Professeur de chant

Apprendre agrave chanter

Vocalises

Varieacuteteacute chant lyrique

Teacutenor alto soprano

Technique de chant

Technique vocale

Chercher ses mots-cleacutes pour sa trouvabiliteacute

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 55: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

55

Les visuels et les thegravemes

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 56: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

56

Les visuels5

6

Agrave la base dun site agreacuteablehellip

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 57: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

57

5

7

Agrave la base dun site agreacuteablehellip

Les visuels

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 58: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

58

Sassurer que lon deacutetient les droits dutilisation de ces photos

On les prend soi-mecircme avec son propre appareil photo ou smartphone

Images gratuites pixabay fotolia stocklib shutterstock

Important toujours lire le contrat de licence de lrsquoimage concerneacutee

vous aurez peut-ecirctre agrave mentionner lrsquoartiste et agrave ajouter un lien vers son site Internet ou son profil

5

8 Les visuels

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 59: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

59

5

9 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 60: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

60

6

0 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 61: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

61

6

1 Les visuels

Lisibiliteacute de la photo

mecircme au format mobile

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 62: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

62

6

2 Les visuels

Lisibiliteacute de la photo

mecircme quand il y en a beaucoup

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 63: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

63httpwwwcolibris-lemouvementorg

Les visuels

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 64: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

64

httpswwwatd-quartmondefr

Les visuels

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 65: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

65

Choisir son thegraveme wordpress

6

5

Themeforest

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 66: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

66

WP Marmitecom

6

6

Choisir son thegraveme wordpress

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 67: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

67

Responsive

Gratuit ndash payant beaucoup agrave 49 euro

Thegravemes rarement traduits en franccedilais

Il y aura toujours quelque chose qui nrsquoira pashellip

6

7

Choisir son thegraveme wordpress

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 68: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

68

Reacutediger un premier article

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 69: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

69

Le message essentiel

Deacutefinir le message essentiel lrsquoexprimer oralement

Le dire briegravevement avant de lrsquoeacutecrire efficace pour valider invalider clarifier

laquo Je vais eacutecrire un article surhellip raquo

6

9

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 70: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

70

Les 5 W

What quoi

Who qui

When quand

Where ougrave

Why pourquoi

+ Pour qui combien comment

7

0

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 71: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

71

La pyramide inverseacutee7

1

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 72: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

72

Lrsquoediting

Mettre en forme son texte et lrsquoadapter agrave la lecture sur eacutecran

Lire agrave leacutecran plus fatigant pour les yeux que sur papier

Lecture plus lente

Lecture en diagonale

=gt Les internautes volent dun contenu agrave lautre les accrocher

7

2

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 73: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

73

Corriger lrsquoorthographe

Mots courts - phrases courtes

Inseacuterer des liens pas trop

Deacutecouper le texte en paragraphes

Reacutediger des intertitres

Utiliser des listes agrave puces

Proposer des micro-contenus chiffres tableaux encadreacutes citations videacuteos

7

3 Lrsquoediting

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 74: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

74

httpsyellowdolphinscoma-proposbiographie-isabelle-canivet

httprue89nouvelobscom20161204voici-lhistoire-plus-grand-pirate-musique-tous-les-temps-265804

httpwwwcolibris-lemouvementorgcomprendredemain-le-film

7

4 Lrsquoediting

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 75: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

75

Lrsquoediting

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 76: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

76

Meacutedecine du travail ndash TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesCommuniqueacutes de presse

1 Deacutecembre 2016- Alors que le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteuni ce jour pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail preacutevu dans le cadre dela loi El Khomri Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI) deacutenonce une baisse toujours plus prononceacutee des prestations rendues par les Services de santeacute au travail (SST) pour les salarieacutes des TPE pour un coucirct toujours plus eacuteleveacute

httpwwwsdi-pmefr

Lrsquoediting

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 77: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

77

Communiqueacute de presse meacutedecine du travail- 1er deacutecembre 2016

TPE Moins de prestations pour des coucircts toujours plus eacuteleveacutesLa baisse des prestations rendues par les services de santeacute au travail (SST) srsquoaccentue Pourtant le coucirct de ces prestations augmente Crsquoest ce que deacutenonce Marc Sanchez Secreacutetaire geacuteneacuteral du Syndicat des Indeacutependants (SDI)Il srsquoexprime agrave lrsquoheure ougrave le Conseil drsquoOrientation des Conditions de Travail (Coct) se reacuteunit pour examiner le projet de deacutecret de reacuteforme de la meacutedecine du travail dans le cadre de la loi El Khomri

Lrsquoediting

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 78: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

78

Lrsquoediting

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 79: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

79

Lrsquoediting

Actuellement deacuteputeacute de la 2egraveme circonscription de Paris F Fillon

beacuteneacuteficie dune longue expeacuterience politique Eacutelu deacuteputeacute agrave lacircge de 27

ans F Fillon dirigera plusieurs ministegraveres avant decirctre nommeacute

Premier Ministre en 2007 Fait exceptionnel sous la Vegraveme Reacutepublique

il assumera ce poste sans discontinuer durant les cinq anneacutees du

mandat preacutesidentiel de 2007 agrave 2012 agrave la tecircte de trois

gouvernements diffeacuterents Cest en mai 2013 que F Fillon annonce sa

candidature agrave la Primaire de son parti politique Les Reacutepublicains

Primaire qui devra deacutepartager les nombreux candidats au soutien de

ce parti en vue de leacutelection preacutesidentielle de 2017 lors du vote de

tout citoyen inteacuteresseacute sur toute la France les 20 et 27 novembre

2016 A cette occasion et au constat que les meacutedias traditionnels

ninterrogent que tregraves rarement les deacutecideurs politiques sur le sujet

pourtant crucial des TPE le SDI a choisi de porter la voix de nos

entreprises dans la course agrave la Preacutesidentielle afin que chaque candidat

puisse se positionner au regard des sujets qui touchent aux

preacuteoccupations des responsables de TPE F Fillon a saisi cette

opportuniteacute chacun restant libre dappreacutecier la pertinence de ses

propositions

Francois Fillon preacutesente son programme TPE au SDI11 Novembre 2016

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 80: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

80

Lrsquoediting

Intervieweacute par le SDI le deacuteputeacute de la 2egraveme circonscription de Paris

deacutetaille son programme pour les TPE

Facturation ndash 11 novembre 2016

Franccedilois Fillon propose de ramener le deacutelai de regraveglement agrave 30 jours

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 81: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

81

Animation eacuteditoriale8

1

11 octobre 2016

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 82: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

82

4 deacutecembre 2016

Animation eacuteditoriale

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 83: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

83

Mise en avant de contenus anciens ou nouveaux pour qursquoils soient vus

bull Ni trop souvent ni pas assez pour le lecteur

bull pour vous pour assumer une forme de reacutegulariteacute

=gt Planification de creacuteation de contenu de circuit de validation

Animation eacuteditoriale

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 84: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

84

Relais du contenu via newsletter via facebook twitter et autres

8

4 Animation eacuteditoriale

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 85: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

85

Reacutefeacuterences

httpwwweditorialwebfr

httpplumeinteractivecanalblogcom

60 regravegles dor pour reacuteussir son site web Jean-Marc Hardy et Jacqueline Leo Lesage Dunod 2013

8

5

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 86: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

86

Wordpress ndash lrsquointerface drsquoadministration (tableau de bord)

bull Lrsquointerface drsquoadministration (urldusitewp-admin)

bull Gestion de lrsquoarchitecture et du contenu (cateacutegories articles pageshellip)

bull Gestion de lrsquoapparence (thegravemes)

bull Gestion des extensions (plugins)

bull Gestion des utilisateurs

bull Reacuteglages

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 87: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

87

Wordpress ndash tableau de bord

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 88: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

88

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages - Geacuteneacuteral

bull Le titre de votre site

bull Votre slogan

bull Votre adresse URL

bull Votre adresse messagerie

bull Le fuseau horaire et diffeacuterents formats de date et drsquoheurehellip

bull Reacuteglages - Ecriture

bull Reacuteglages - Lecture

bull Ce qursquoaffiche la page drsquoaccueil (les derniers articles ou une page statique)

bull Le nombre drsquoarticles que la page drsquoaccueil doit afficher

bull Le flux de syndication

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 89: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

89

Wordpress ndash Tableaux de bord ndash premiers reacuteglages

bull Reacuteglages ndash Discussion

bull Reacuteglage par deacutefaut des articles (crsquoest ici que vous autorisez ou non les commentaires)

bull Autres reacuteglages des commentaires (permet de preacuteciser entre autres si les commentateurs doivent laisser leur adresse mail)

bull Ecirctre averti lorsqursquoun nouveau commentaire est publieacute ou est en attente de modeacuteration

bull Modeacuteration des commentaires

bull Reacuteglages ndash Meacutedias

bull Tailles des images

bull Reacuteglages ndash Permaliens

bull Format des urls du site

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 90: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

90

Wordpress ndash Gestion du contenu (cateacutegories articles pageshellip)

bull Pages et Articles

minus Les pages et les articles sont 2 moyens de publications diffeacuterents

minus Les pages sont des donneacutees statiques Contrairement aux articles elles sont indeacutependantes du temps et de la chronologie de creacuteation Une page peut contenir des informations statiques telles qursquoune page de contact votre portfolio ou tout simplement une preacutesentation de votre site et de vous

minus Les articles vous permettent de publier des actualiteacutes celles-ci sont afficheacutees par date de publication

bull Cateacutegories

minus Pour classer vos articles et creacuteer vos menus

bull Mots-cleacutes (ou Tags)

minus Pour eacutetiqueter vos articles

minus 2-3 mots cleacutes par article

minus Ameacuteliorer le reacutefeacuterencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 91: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

91

Wordpress ndash les thegravemes

bull Gratuit ou Payant

minus Sous WordPress via le menu ApparencegtThegravemesgtInstaller des thegravemes vous trouverez des centaines de gratuits parmi les plus connus Graphene Twenty Ten et Twenty eleven Faciles agrave mettre en œuvre ils sont bien faits et suffiront dans la plupart des cas pour un blog personnel

minus Les thegravemes Premium quant agrave eux sont payants car creacuteeacutes par des professionnels Ces derniers sont bien plus eacutelaboreacutes alliant une estheacutetique soigneacutee et beaucoup plus de possibiliteacutes et de fonctions ineacutedites Ils possegravedent en geacuteneacuteral une interface qui leur est propre Les tarifs pratiqueacutes vont de 15 agrave 60euro selon la plateforme dachat

bull Comment bien le choisir

minus Le visuel qualiteacute de design de lisibiliteacute et drsquooriginaliteacute

minus Lrsquooriginaliteacute trouver la perle rare et ladapter

minus Les commentaires se faire une ideacutee sur les retours positifs ou neacutegatifs

minus La traduction preacutefeacuterez un thegraveme translation ready

minus Le support veacuterifiez quil existe un support ou une FAQ

minus La compatibiliteacute pensez agrave la compatibiliteacute avec les derniegraveres versions WP

minus La seacutecuriteacute eacutevitez les thegravemes gratuits trouveacutes au hasard du web

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 92: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

92

Wordpress ndash les thegravemes

bull Fournisseurs de thegravemes

minus Wordpressorg

minus ThemeForest

minus Elegant Themes

minus WooThemes

minus Hexagoneio

minus helliphellip

minus httpswpformationcom25-themes-wordpress-gratuits-2016

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 93: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

93

Wordpress ndash les extensions

Quelques extensions

- Duplicator pour geacuterer les sauvegardes restauration transfert local-gt hebergeurhellip

- Yoast SEO pour ameacuteliorer les reacutefeacuterencements

- Hide YouTube Related Videos preacutesentation des videos YouTube

- Compress JPEG amp PNG images EWWW Image Optimizer optimiser la taille des photos

- TablePress gestion des tableaux

- Intergeo Lite ndash Google Maps Plugin preacutesentation cartes google Maps

- Elementor Page builder (integravegre les fonctionnaliteacutes de certaines extensions ci-dessus siteacutees)

- helliphellip

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 94: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

94

WordpressGestion des utilisateurs

Possibiliteacute de creacuteer plusieurs utilisateurs

bull Les utilisateurs ont des rocircles

minus Abonneacute

minus Administrateur

minus Editeur

minus Auteur

minus Contributeur

bull Les rocircles deacuteterminent les fonctionnaliteacutes accessibles

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 95: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

95

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull 3 produits agrave teacuteleacutecharger

bull Visual studio C++ 2015 (sur le site microsoft)

bull Wampserver (-gt sur Wampservercom)

bull Wordpress (sur wordpressorg)

bull Installer Visual C++ 2015 (installe une bibliothegraveque C++ neacutecessaire agrave wampserver)

bull Installer Wampserver (installe tout lrsquoenvironnement logiciel neacutecessaire au fonctionnement drsquoun site Web agrave savoir

bull Serveur PHP

bull Serveur Apache

bull Serveur Base de donneacutees MySQL

bull Allumer le Wampserver -gt qui doit passer au vert

bull Se connecter agrave PHPmyAdmin (gestion des bases de donneacutees)

bull Creacuteer un base de donneacutees laquo wordpress raquo utf8_general_ci

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 96: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

96

Rappel des eacutetapes drsquoinstallation de WampServer et Wordpress sur PC

bull Installation de Wordpress

bull Deacute-zipper le fichier zip Wordpress teacuteleacutechargeacute

bull Copier lrsquoensemble du contenu du reacutepertoire Wordpress Coller sous Cwampwww

bull Lancer votre explorateur internet mettre laquo localhost raquo dans lrsquourl

bull Votre site en local aura toujours comme url laquo localhost raquo

bull Un premier eacutecran du programme drsquoinstallation Wordpress va creacuteer le contenu de la base de donneacutees Wordpress creacuteeacutee sous PHPmyadminon vous demande user laquo root raquo mot de passe =laquo raquo serveur laquo localhost raquo nom de la base de donneacutees =laquo wordpress raquo prefixe =laquo _wp raquo

bull Un deuxiegraveme eacutecran du programme vous permet de creacuteer le 1er administrateur de votre site On vous demande utilisateur =laquo ce que vous voulez nous avons mis laquo admin raquo pour simplifier raquo mot de passe=laquo ce que vous voulez nous avons mis laquo password raquo pour simplifier

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 97: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

97

Installation Wordpress

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 98: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

98

Installation Wordpress

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 99: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

99

Installation Wordpress

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 100: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

100

Installation Wordpress

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 101: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

101

Installation Wordpress

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 102: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

102

Installation Wordpress

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 103: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

103

Installation de WampServer et Wordpress sur Mac ndash les diffeacuterences

bull Pas neacutecessaire drsquoinstaller laquo Visual Studio C++ 2015 raquo

bull On installe le Mampserver (au lieu du Wampserver) teacuteleacutechargement de Mampserverhttpswwwmampinfo

bull La connexion agrave PhP My Admin user laquo root raquo mot de passe laquo root raquo

bull Pas neacutecessaire de copier le contenu de Wordpress dans wampwww le lien avec la config wordpress se fait par parameacutetrage du Mampserver ougrave on deacutecrit le chemin drsquoaccegraves au reacutepertoire Wordpress

Lancement de votre wordpress en local

bull Lancer le WampServer (ou le mampserver) -gt il passe au vert

bull Pour voir le site sur votre navigateur Internet preacutefeacutereacute saisir dans lrsquourl localhost(localhost8888 pour un Mac)

bull Pour se connecter agrave Wordpress saisir dans lrsquourl localhostwp-adminphp ou localhostwp-loginphp (localhost8888wp-adminphp pour un Mac)

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 104: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

104

Wordpress ndash Exercices

bull Charger le thegraveme genaratepress (apparence ajouter thegraveme)

bull Reacuteglage des paramegravetres geacuteneacuteraux

bull Creacuteer un utilisateur administrateur pour changer userpassword

bull Aller dans personnaliser

bull Entecircte helliphellip

bull Creacuteer 3 pages une page laquo Accueil raquo une page laquo Contacts raquo une page laquo A propos raquo

bull Parameacutetrer le menu (jouer avec les parameacutetrages possibles)

bull Parameacutetrer dans laquo regraveglageslecture raquo la page Accueil comme page statique drsquoaccueil de votre site

bull Installer laquo elementor raquo (ajouter extension)

bull Travailler le contenu de la page drsquoaccueil avec laquo elementor raquo

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 105: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

105

Annexe transfeacuterer un site local chez un heacutebergeur

bull Un site Wordpress est constitueacute

bull Drsquoune base de donneacutees MySql

bull Drsquoun ensemble de fichiers et dossiers

bull Dont des fichiers de configuration (le + important -gt wp-configphp)

bull Transfeacuterer un site de local agrave lrsquoheacutebergeur ou le contraire neacutecessite donc

bull De faire une sauvegarde de son site agrave transfeacuterer

bull La base de donneacutees -gt export de la base de donneacutees (geacutenegravere un fichier sql)

bull Fichiers et dossiers -gt par copie ( FTP agrave utiliser eacuteventuellement selon la situation)

bull Inteacutegrer cette sauvegarde sur le serveur cible

bull Creacuteation puis import de la base de donneacutees

bull Transfert des fichiers et dossiers

bull Adapter la configuration au contexte cible

bull Update de la base de donneacutees

bull Adaptation des fichiers de configuration

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp

Page 106: Atelier création de site Internet Initiation Wordpressepnlepicoulet.com/wp-content/uploads/2017/03/Wordpress-V7-Le-picoulet.pdfSEO –Search engine optimisation - référencement

106

Annexe transfeacuterer un site local chez un heacutebergeur

bull Eleacutements compleacutementaires

bull Utiliser FileZilla pour le transfert FTP des fichiers

bull Extrait de wp-configphp