Atelier création de site Internet Initiation...
Transcript of Atelier création de site Internet Initiation...
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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