GUIDE 11 UTILISER WORDPRESS Comprendre les différents éléments du tableau de bord

GUIDE 11 - Plateforme Elsa€¦ · WordPress est reconnu comme l'un des outils les plus efficaces en matière de référencement sur les moteurs de recherche. Une bonne utilisa-tion

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

GUIDE 11UTILISER WORDPRESS

Comprendre les diffeacuterents eacuteleacutements du tableau de bord

EacuteDITEUR SIDACTION

COORDINATION DE PROJET Cleacutementine Lacroix Sidaction

REacuteDACTION ET RELECTURE Dorinda Gilbert Lucie Poggioli Netali Jakubovitz Reacutejane Curk Geacuteraud Ahouandjinou Ameacutelie Weill

COUVERTURE ET ILLUSTRATIONS GRAPHISME Polnor amp Co - carolepolnorandcocom

DROIT DE REPRODUCTIONCe module deacuteveloppeacute par Sidaction fait lrsquoobjet drsquoune licence libre Attribution - Pas drsquoUtilisation Commerciale - Partage des Conditions Initiales agrave lrsquoIdentique 30 non transposeacute

Lrsquoutilisation et la copie sont libres dans la mesure ougrave bull Vous devez citer le nom de Sidaction et du formateur indiqueacute pour chaque module agrave chaque utilisation ou reproduction (Attribution)bull Vous nrsquoavez pas le droit drsquoutiliser ce module agrave des fins commerciales (Pas drsquoUtilisation Commerciale)bull Si vous modifiez transformez ou adaptez cette creacuteation vous nrsquoavez le droit de distribuer la creacuteation qui en reacutesulte que sous un contratidentique agrave celui-ci (Partage des Conditions Initiales agrave lrsquoIdentique) Les autorisations au-delagrave du champ de cette licence peuvent ecirctre obtenues aupregraves de clacroixsidactionorg

GUIDE 1

GUIDE 2

GUIDE 3

GUIDE 4

GUIDE 5

GUIDE 6

GUIDE 7

GUIDE 8

GUIDE 9

GUIDE 10

GUIDE 11

GUIDE 12

GUIDE 13

GUIDE 14

GUIDE 15

GUIDE 16

GUIDE 17

FORMER SON EacuteQUIPE Agrave LA MOBILISATION DE RESSOURCES

LES FONDAMENTAUX DE LA COMMUNICATIONET DE LA COLLECTE DE FOND EN AFRIQUE

LES TECHNIQUES DE COMMUNICATION

LA STRATEacuteGIE DE COLLECTE DE FONDS EN AFRIQUE

LE MARKETING DIRECT EN AFRIQUE

CONSTRUIRE UN PARTENARIAT AVEC LES ENTREPRISES EN AFRIQUE

CONSTRUIRE SON DISCOURS ET IDENTIFIER SES CIBLESEN AFRIQUE

TRAITER AVEC UN BAILLEUR POTENTIEL SPEacuteCIFICITEacuteS PRATIQUES DES ACTEURS INSTITUTIONNELS

DES ENTREPRISES ET DES GRANDS DONATEURS

LES FONDAMENTAUX DU DIGITAL

UTILISER WORDPRESS COMPRENDRE LES DIFFEacuteRENTS EacuteLEacuteMENTS

DU TABLEAU DE BORD

UTILISER WORDPRESS EacuteCRIRE ET PUBLIER DU CONTENU SUR SON SITE INTERNET

UTILISER FACEBOOK EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER TWITTER EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER LINKEDIN EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER MOBILE MONEY OU PAYPALDES SYSTEgraveMES INTERNATIONAUX DE PAIEMENT

NOUER DES PARTENARIATS DrsquoINFLUENCE LES AMBASSADEURS

REacuteFEacuteRENCEMENT DrsquoUN SITE INTERNET ET FOCUS SUR EMAILING ET NEWSLETTER

Pour aller plus loin 7 guides pratiques sont disponiblesIls vous guideront pas agrave pas dans votre approche digitale de la communication et de la collecte de fonds

Ces guides sont le fruit dune collaboration dun an entre luniversiteacute ASSAS 4 eacutetudiantes de lIFP Sidaction et lONG RACINES

TOUS LES GUIDES SONT DISPONIBLES SUR wwwsidactionorgAINSI QUE SUR wwwplateforme-elasaorg

GUIDES

INTRODUCTION

Sidaction deacuteveloppe des programmes agrave lrsquointernational dans lrsquoobjectif de contribuer agrave la reacuteduction de la transmission du VIH et agrave la reacuteduction de la mortaliteacute et de la morbiditeacute lieacutees au VIH en Afrique subsaharienne Outre les enjeuxmeacutedicaux et psychologiques lrsquoun des objectifs de ces programmes est de professionnaliser la gestion des organisa-tions par leurs cadres dirigeants et de renforcer leur autonomisation financiegravere Cela passe par lrsquoaccompagnement de ces structures pour lrsquoaccegraves aux financements Lrsquoideacutee est de deacutevelopper la compleacutementariteacute financiegravere des acteurs au niveau global et non leur mise en concurrence Ce projet est donc baseacute sur une relation de confiance entre les par-ties Deux axes majeurs sont retenus les partenariats locaux et lrsquoutilisation des outils numeacuteriques

LrsquoAgence Franccedilaise de Deacuteveloppement est une institution financiegravere publique qui agit depuis 70 ans pour combattre la pauvreteacute et favoriser le deacuteveloppement eacuteconomique dans les pays du Sud et de lrsquoOutre-Mer

RACINES est une association beacuteninoise de deacuteveloppement qui œuvre dans lrsquoeacuteducation - construction drsquoeacutecoles aide et prise en charge de frais scolaires etc - et la santeacute notamment par rapport au VIHsida gracircce agrave un centre de santeacute agrave Cotonou capitale du Beacutenin et des activiteacutes psychologiques et sociales agrave Bantegrave et Savalou villes situeacutees au centre du pays

Ce guide est issu drsquoun partenariat entre Sidaction et quatre eacutetudiantes du Master Communication et Multimeacutedia delrsquouniversiteacute PantheacuteonndashAssas dont le projet universitaire a eacuteteacute drsquoaccompagner lrsquoassociation beacuteninoise RACINES dans ladeacutefinition et le deacuteploiement de sa strateacutegie digitale de communication et de collecte de fonds pendant un anLe transfert de compeacutetences ainsi que le deacuteveloppement drsquooutils meacutethodologiques ont eacutegalement eacuteteacute des axes ma-jeurs de cet accompagnement

INTRODUCTION

WordPress est un systegraveme de gestion de contenus permettant de creacuteer assez facilement son propre site Internet

Il srsquoagit drsquoun systegraveme gratuit et libre Installer et utiliser WordPress nimplique en effet aucun coucirct dinscription ou dabonnementDes centaines de thegravemes sont mis agrave disposition dont de nombreux gratuitement Chacun peut ainsi choisir un thegraveme qui correspond parfaite-ment agrave son activiteacute en y retrouvant son style et son univers De plus il est possible de personnaliser le modegravele en changeant par exemple les couleurs les polices ou les plugins

WordPress est reconnu comme lun des outils les plus efficaces en matiegravere de reacutefeacuterencement sur les moteurs de recherche Une bonne utilisa-tion des balises permet eacutegalement drsquooptimiser le reacutefeacuterencement de votre site nrsquoheacutesitez pas agrave lire le guide 10 (Reacutefeacuterencement drsquoun site Internet) afin de mieux comprendre les diffeacuterentes meacutethodes pour ecirctre plus visible sur les moteurs de recherche

Quelques techniques de base au niveau de la reacutedaction web et de la bonne maicirctrise des reacuteseaux sociaux complegraveteront le travail pour un reacutefeacuteren-cement optimal et un trafic reacutegulier sur les diffeacuterents articles et pages du site Ces techniques sont eacutenonceacutees dans les guides 3 (Techniques de communication) 13 (Utiliser Facebook) 14 (Utiliser Twitter) et 15 (Utiliser LinkedIn)

Wordpress repreacutesente donc un moyen tregraves eacuteconomique de creacuteer un site web tout en offrant un rendu professionnel et personnalisable

Ce guide vous accompagne pas agrave pas dans lutilisation des eacuteleacutements du tableau de bord Wordpress afin de mieux construire et utiliser votre site Internet Noubliez pas de lire le guide 12 qui vous permet dapprendre comment reacutediger des textes et publier des photos ou des videacuteos sur votre site Internet

Bonne lecture

PREacuteALABLES INDISPENSABLES

Avant de commencer agrave utiliser WordPress il est neacutecessaire de se familiariser avec le vocabulaire speacutecifique de ce CMS

Le back office ou back end deacutesigne toute la partie qui se cache ldquoderriegravere le siterdquo Il srsquoagit de lrsquoespace depuis lequel est geacutereacute et administreacute tout ce qui apparaicirct sur le ldquodevantrdquo du site crsquoest agrave dire tout ce que les visiteurs peuvent voir Le back office est lrsquoobjet de ce guide

Le front office est agrave lrsquoinverse du back office ce qui est visible par tout visiteur du site

Au sein de Wordpress il existe des pages parents et des pages enfants Il srsquoagit drsquoune faccedilon de hieacuterarchiser les diffeacuterentes pages du siteLes pages enfants sont des sous-pages des pages parents Autrement dit si une page parent peut contenir plusieurs pages enfants lrsquoinverse nrsquoest pas vrai

Le brouillon est un article ou une page qui a eacuteteacute sauvegardeacute dans le back office mais qui nrsquoest pas encore publieacute sur le site Un article qui est enregistreacute comme un ldquobrouillonrdquo nrsquoest donc pas visible sur le site

La preacutevisualisation des modifications (ou aperccedilu) est tregraves utile pour pouvoir observer en front office le rendu des modifications faites sur un article ou une page avant qursquoelles ne soient reacuteellement mises en ligne

Le bouton Publier permet de mettre en ligne du contenu Agrave partir du moment ougrave le contenu est publieacute il est rendu public et devient visible par tous les visiteurs du site

Le bouton Mettre agrave jour permet drsquoapporter des modifications au contenu deacutejagrave en ligne

Enfin la bibliothegraveque de meacutedias est la partie du back office ougrave toutes les images et photos sont stockeacutees

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

EacuteDITEUR SIDACTION

COORDINATION DE PROJET Cleacutementine Lacroix Sidaction

REacuteDACTION ET RELECTURE Dorinda Gilbert Lucie Poggioli Netali Jakubovitz Reacutejane Curk Geacuteraud Ahouandjinou Ameacutelie Weill

COUVERTURE ET ILLUSTRATIONS GRAPHISME Polnor amp Co - carolepolnorandcocom

DROIT DE REPRODUCTIONCe module deacuteveloppeacute par Sidaction fait lrsquoobjet drsquoune licence libre Attribution - Pas drsquoUtilisation Commerciale - Partage des Conditions Initiales agrave lrsquoIdentique 30 non transposeacute

Lrsquoutilisation et la copie sont libres dans la mesure ougrave bull Vous devez citer le nom de Sidaction et du formateur indiqueacute pour chaque module agrave chaque utilisation ou reproduction (Attribution)bull Vous nrsquoavez pas le droit drsquoutiliser ce module agrave des fins commerciales (Pas drsquoUtilisation Commerciale)bull Si vous modifiez transformez ou adaptez cette creacuteation vous nrsquoavez le droit de distribuer la creacuteation qui en reacutesulte que sous un contratidentique agrave celui-ci (Partage des Conditions Initiales agrave lrsquoIdentique) Les autorisations au-delagrave du champ de cette licence peuvent ecirctre obtenues aupregraves de clacroixsidactionorg

GUIDE 1

GUIDE 2

GUIDE 3

GUIDE 4

GUIDE 5

GUIDE 6

GUIDE 7

GUIDE 8

GUIDE 9

GUIDE 10

GUIDE 11

GUIDE 12

GUIDE 13

GUIDE 14

GUIDE 15

GUIDE 16

GUIDE 17

FORMER SON EacuteQUIPE Agrave LA MOBILISATION DE RESSOURCES

LES FONDAMENTAUX DE LA COMMUNICATIONET DE LA COLLECTE DE FOND EN AFRIQUE

LES TECHNIQUES DE COMMUNICATION

LA STRATEacuteGIE DE COLLECTE DE FONDS EN AFRIQUE

LE MARKETING DIRECT EN AFRIQUE

CONSTRUIRE UN PARTENARIAT AVEC LES ENTREPRISES EN AFRIQUE

CONSTRUIRE SON DISCOURS ET IDENTIFIER SES CIBLESEN AFRIQUE

TRAITER AVEC UN BAILLEUR POTENTIEL SPEacuteCIFICITEacuteS PRATIQUES DES ACTEURS INSTITUTIONNELS

DES ENTREPRISES ET DES GRANDS DONATEURS

LES FONDAMENTAUX DU DIGITAL

UTILISER WORDPRESS COMPRENDRE LES DIFFEacuteRENTS EacuteLEacuteMENTS

DU TABLEAU DE BORD

UTILISER WORDPRESS EacuteCRIRE ET PUBLIER DU CONTENU SUR SON SITE INTERNET

UTILISER FACEBOOK EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER TWITTER EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER LINKEDIN EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER MOBILE MONEY OU PAYPALDES SYSTEgraveMES INTERNATIONAUX DE PAIEMENT

NOUER DES PARTENARIATS DrsquoINFLUENCE LES AMBASSADEURS

REacuteFEacuteRENCEMENT DrsquoUN SITE INTERNET ET FOCUS SUR EMAILING ET NEWSLETTER

Pour aller plus loin 7 guides pratiques sont disponiblesIls vous guideront pas agrave pas dans votre approche digitale de la communication et de la collecte de fonds

Ces guides sont le fruit dune collaboration dun an entre luniversiteacute ASSAS 4 eacutetudiantes de lIFP Sidaction et lONG RACINES

TOUS LES GUIDES SONT DISPONIBLES SUR wwwsidactionorgAINSI QUE SUR wwwplateforme-elasaorg

GUIDES

INTRODUCTION

Sidaction deacuteveloppe des programmes agrave lrsquointernational dans lrsquoobjectif de contribuer agrave la reacuteduction de la transmission du VIH et agrave la reacuteduction de la mortaliteacute et de la morbiditeacute lieacutees au VIH en Afrique subsaharienne Outre les enjeuxmeacutedicaux et psychologiques lrsquoun des objectifs de ces programmes est de professionnaliser la gestion des organisa-tions par leurs cadres dirigeants et de renforcer leur autonomisation financiegravere Cela passe par lrsquoaccompagnement de ces structures pour lrsquoaccegraves aux financements Lrsquoideacutee est de deacutevelopper la compleacutementariteacute financiegravere des acteurs au niveau global et non leur mise en concurrence Ce projet est donc baseacute sur une relation de confiance entre les par-ties Deux axes majeurs sont retenus les partenariats locaux et lrsquoutilisation des outils numeacuteriques

LrsquoAgence Franccedilaise de Deacuteveloppement est une institution financiegravere publique qui agit depuis 70 ans pour combattre la pauvreteacute et favoriser le deacuteveloppement eacuteconomique dans les pays du Sud et de lrsquoOutre-Mer

RACINES est une association beacuteninoise de deacuteveloppement qui œuvre dans lrsquoeacuteducation - construction drsquoeacutecoles aide et prise en charge de frais scolaires etc - et la santeacute notamment par rapport au VIHsida gracircce agrave un centre de santeacute agrave Cotonou capitale du Beacutenin et des activiteacutes psychologiques et sociales agrave Bantegrave et Savalou villes situeacutees au centre du pays

Ce guide est issu drsquoun partenariat entre Sidaction et quatre eacutetudiantes du Master Communication et Multimeacutedia delrsquouniversiteacute PantheacuteonndashAssas dont le projet universitaire a eacuteteacute drsquoaccompagner lrsquoassociation beacuteninoise RACINES dans ladeacutefinition et le deacuteploiement de sa strateacutegie digitale de communication et de collecte de fonds pendant un anLe transfert de compeacutetences ainsi que le deacuteveloppement drsquooutils meacutethodologiques ont eacutegalement eacuteteacute des axes ma-jeurs de cet accompagnement

INTRODUCTION

WordPress est un systegraveme de gestion de contenus permettant de creacuteer assez facilement son propre site Internet

Il srsquoagit drsquoun systegraveme gratuit et libre Installer et utiliser WordPress nimplique en effet aucun coucirct dinscription ou dabonnementDes centaines de thegravemes sont mis agrave disposition dont de nombreux gratuitement Chacun peut ainsi choisir un thegraveme qui correspond parfaite-ment agrave son activiteacute en y retrouvant son style et son univers De plus il est possible de personnaliser le modegravele en changeant par exemple les couleurs les polices ou les plugins

WordPress est reconnu comme lun des outils les plus efficaces en matiegravere de reacutefeacuterencement sur les moteurs de recherche Une bonne utilisa-tion des balises permet eacutegalement drsquooptimiser le reacutefeacuterencement de votre site nrsquoheacutesitez pas agrave lire le guide 10 (Reacutefeacuterencement drsquoun site Internet) afin de mieux comprendre les diffeacuterentes meacutethodes pour ecirctre plus visible sur les moteurs de recherche

Quelques techniques de base au niveau de la reacutedaction web et de la bonne maicirctrise des reacuteseaux sociaux complegraveteront le travail pour un reacutefeacuteren-cement optimal et un trafic reacutegulier sur les diffeacuterents articles et pages du site Ces techniques sont eacutenonceacutees dans les guides 3 (Techniques de communication) 13 (Utiliser Facebook) 14 (Utiliser Twitter) et 15 (Utiliser LinkedIn)

Wordpress repreacutesente donc un moyen tregraves eacuteconomique de creacuteer un site web tout en offrant un rendu professionnel et personnalisable

Ce guide vous accompagne pas agrave pas dans lutilisation des eacuteleacutements du tableau de bord Wordpress afin de mieux construire et utiliser votre site Internet Noubliez pas de lire le guide 12 qui vous permet dapprendre comment reacutediger des textes et publier des photos ou des videacuteos sur votre site Internet

Bonne lecture

PREacuteALABLES INDISPENSABLES

Avant de commencer agrave utiliser WordPress il est neacutecessaire de se familiariser avec le vocabulaire speacutecifique de ce CMS

Le back office ou back end deacutesigne toute la partie qui se cache ldquoderriegravere le siterdquo Il srsquoagit de lrsquoespace depuis lequel est geacutereacute et administreacute tout ce qui apparaicirct sur le ldquodevantrdquo du site crsquoest agrave dire tout ce que les visiteurs peuvent voir Le back office est lrsquoobjet de ce guide

Le front office est agrave lrsquoinverse du back office ce qui est visible par tout visiteur du site

Au sein de Wordpress il existe des pages parents et des pages enfants Il srsquoagit drsquoune faccedilon de hieacuterarchiser les diffeacuterentes pages du siteLes pages enfants sont des sous-pages des pages parents Autrement dit si une page parent peut contenir plusieurs pages enfants lrsquoinverse nrsquoest pas vrai

Le brouillon est un article ou une page qui a eacuteteacute sauvegardeacute dans le back office mais qui nrsquoest pas encore publieacute sur le site Un article qui est enregistreacute comme un ldquobrouillonrdquo nrsquoest donc pas visible sur le site

La preacutevisualisation des modifications (ou aperccedilu) est tregraves utile pour pouvoir observer en front office le rendu des modifications faites sur un article ou une page avant qursquoelles ne soient reacuteellement mises en ligne

Le bouton Publier permet de mettre en ligne du contenu Agrave partir du moment ougrave le contenu est publieacute il est rendu public et devient visible par tous les visiteurs du site

Le bouton Mettre agrave jour permet drsquoapporter des modifications au contenu deacutejagrave en ligne

Enfin la bibliothegraveque de meacutedias est la partie du back office ougrave toutes les images et photos sont stockeacutees

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GUIDE 1

GUIDE 2

GUIDE 3

GUIDE 4

GUIDE 5

GUIDE 6

GUIDE 7

GUIDE 8

GUIDE 9

GUIDE 10

GUIDE 11

GUIDE 12

GUIDE 13

GUIDE 14

GUIDE 15

GUIDE 16

GUIDE 17

FORMER SON EacuteQUIPE Agrave LA MOBILISATION DE RESSOURCES

LES FONDAMENTAUX DE LA COMMUNICATIONET DE LA COLLECTE DE FOND EN AFRIQUE

LES TECHNIQUES DE COMMUNICATION

LA STRATEacuteGIE DE COLLECTE DE FONDS EN AFRIQUE

LE MARKETING DIRECT EN AFRIQUE

CONSTRUIRE UN PARTENARIAT AVEC LES ENTREPRISES EN AFRIQUE

CONSTRUIRE SON DISCOURS ET IDENTIFIER SES CIBLESEN AFRIQUE

TRAITER AVEC UN BAILLEUR POTENTIEL SPEacuteCIFICITEacuteS PRATIQUES DES ACTEURS INSTITUTIONNELS

DES ENTREPRISES ET DES GRANDS DONATEURS

LES FONDAMENTAUX DU DIGITAL

UTILISER WORDPRESS COMPRENDRE LES DIFFEacuteRENTS EacuteLEacuteMENTS

DU TABLEAU DE BORD

UTILISER WORDPRESS EacuteCRIRE ET PUBLIER DU CONTENU SUR SON SITE INTERNET

UTILISER FACEBOOK EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER TWITTER EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER LINKEDIN EacuteCRIRE ET PUBLIER DU CONTENU STRATEacuteGIQUE

UTILISER MOBILE MONEY OU PAYPALDES SYSTEgraveMES INTERNATIONAUX DE PAIEMENT

NOUER DES PARTENARIATS DrsquoINFLUENCE LES AMBASSADEURS

REacuteFEacuteRENCEMENT DrsquoUN SITE INTERNET ET FOCUS SUR EMAILING ET NEWSLETTER

Pour aller plus loin 7 guides pratiques sont disponiblesIls vous guideront pas agrave pas dans votre approche digitale de la communication et de la collecte de fonds

Ces guides sont le fruit dune collaboration dun an entre luniversiteacute ASSAS 4 eacutetudiantes de lIFP Sidaction et lONG RACINES

TOUS LES GUIDES SONT DISPONIBLES SUR wwwsidactionorgAINSI QUE SUR wwwplateforme-elasaorg

GUIDES

INTRODUCTION

Sidaction deacuteveloppe des programmes agrave lrsquointernational dans lrsquoobjectif de contribuer agrave la reacuteduction de la transmission du VIH et agrave la reacuteduction de la mortaliteacute et de la morbiditeacute lieacutees au VIH en Afrique subsaharienne Outre les enjeuxmeacutedicaux et psychologiques lrsquoun des objectifs de ces programmes est de professionnaliser la gestion des organisa-tions par leurs cadres dirigeants et de renforcer leur autonomisation financiegravere Cela passe par lrsquoaccompagnement de ces structures pour lrsquoaccegraves aux financements Lrsquoideacutee est de deacutevelopper la compleacutementariteacute financiegravere des acteurs au niveau global et non leur mise en concurrence Ce projet est donc baseacute sur une relation de confiance entre les par-ties Deux axes majeurs sont retenus les partenariats locaux et lrsquoutilisation des outils numeacuteriques

LrsquoAgence Franccedilaise de Deacuteveloppement est une institution financiegravere publique qui agit depuis 70 ans pour combattre la pauvreteacute et favoriser le deacuteveloppement eacuteconomique dans les pays du Sud et de lrsquoOutre-Mer

RACINES est une association beacuteninoise de deacuteveloppement qui œuvre dans lrsquoeacuteducation - construction drsquoeacutecoles aide et prise en charge de frais scolaires etc - et la santeacute notamment par rapport au VIHsida gracircce agrave un centre de santeacute agrave Cotonou capitale du Beacutenin et des activiteacutes psychologiques et sociales agrave Bantegrave et Savalou villes situeacutees au centre du pays

Ce guide est issu drsquoun partenariat entre Sidaction et quatre eacutetudiantes du Master Communication et Multimeacutedia delrsquouniversiteacute PantheacuteonndashAssas dont le projet universitaire a eacuteteacute drsquoaccompagner lrsquoassociation beacuteninoise RACINES dans ladeacutefinition et le deacuteploiement de sa strateacutegie digitale de communication et de collecte de fonds pendant un anLe transfert de compeacutetences ainsi que le deacuteveloppement drsquooutils meacutethodologiques ont eacutegalement eacuteteacute des axes ma-jeurs de cet accompagnement

INTRODUCTION

WordPress est un systegraveme de gestion de contenus permettant de creacuteer assez facilement son propre site Internet

Il srsquoagit drsquoun systegraveme gratuit et libre Installer et utiliser WordPress nimplique en effet aucun coucirct dinscription ou dabonnementDes centaines de thegravemes sont mis agrave disposition dont de nombreux gratuitement Chacun peut ainsi choisir un thegraveme qui correspond parfaite-ment agrave son activiteacute en y retrouvant son style et son univers De plus il est possible de personnaliser le modegravele en changeant par exemple les couleurs les polices ou les plugins

WordPress est reconnu comme lun des outils les plus efficaces en matiegravere de reacutefeacuterencement sur les moteurs de recherche Une bonne utilisa-tion des balises permet eacutegalement drsquooptimiser le reacutefeacuterencement de votre site nrsquoheacutesitez pas agrave lire le guide 10 (Reacutefeacuterencement drsquoun site Internet) afin de mieux comprendre les diffeacuterentes meacutethodes pour ecirctre plus visible sur les moteurs de recherche

Quelques techniques de base au niveau de la reacutedaction web et de la bonne maicirctrise des reacuteseaux sociaux complegraveteront le travail pour un reacutefeacuteren-cement optimal et un trafic reacutegulier sur les diffeacuterents articles et pages du site Ces techniques sont eacutenonceacutees dans les guides 3 (Techniques de communication) 13 (Utiliser Facebook) 14 (Utiliser Twitter) et 15 (Utiliser LinkedIn)

Wordpress repreacutesente donc un moyen tregraves eacuteconomique de creacuteer un site web tout en offrant un rendu professionnel et personnalisable

Ce guide vous accompagne pas agrave pas dans lutilisation des eacuteleacutements du tableau de bord Wordpress afin de mieux construire et utiliser votre site Internet Noubliez pas de lire le guide 12 qui vous permet dapprendre comment reacutediger des textes et publier des photos ou des videacuteos sur votre site Internet

Bonne lecture

PREacuteALABLES INDISPENSABLES

Avant de commencer agrave utiliser WordPress il est neacutecessaire de se familiariser avec le vocabulaire speacutecifique de ce CMS

Le back office ou back end deacutesigne toute la partie qui se cache ldquoderriegravere le siterdquo Il srsquoagit de lrsquoespace depuis lequel est geacutereacute et administreacute tout ce qui apparaicirct sur le ldquodevantrdquo du site crsquoest agrave dire tout ce que les visiteurs peuvent voir Le back office est lrsquoobjet de ce guide

Le front office est agrave lrsquoinverse du back office ce qui est visible par tout visiteur du site

Au sein de Wordpress il existe des pages parents et des pages enfants Il srsquoagit drsquoune faccedilon de hieacuterarchiser les diffeacuterentes pages du siteLes pages enfants sont des sous-pages des pages parents Autrement dit si une page parent peut contenir plusieurs pages enfants lrsquoinverse nrsquoest pas vrai

Le brouillon est un article ou une page qui a eacuteteacute sauvegardeacute dans le back office mais qui nrsquoest pas encore publieacute sur le site Un article qui est enregistreacute comme un ldquobrouillonrdquo nrsquoest donc pas visible sur le site

La preacutevisualisation des modifications (ou aperccedilu) est tregraves utile pour pouvoir observer en front office le rendu des modifications faites sur un article ou une page avant qursquoelles ne soient reacuteellement mises en ligne

Le bouton Publier permet de mettre en ligne du contenu Agrave partir du moment ougrave le contenu est publieacute il est rendu public et devient visible par tous les visiteurs du site

Le bouton Mettre agrave jour permet drsquoapporter des modifications au contenu deacutejagrave en ligne

Enfin la bibliothegraveque de meacutedias est la partie du back office ougrave toutes les images et photos sont stockeacutees

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

INTRODUCTION

Sidaction deacuteveloppe des programmes agrave lrsquointernational dans lrsquoobjectif de contribuer agrave la reacuteduction de la transmission du VIH et agrave la reacuteduction de la mortaliteacute et de la morbiditeacute lieacutees au VIH en Afrique subsaharienne Outre les enjeuxmeacutedicaux et psychologiques lrsquoun des objectifs de ces programmes est de professionnaliser la gestion des organisa-tions par leurs cadres dirigeants et de renforcer leur autonomisation financiegravere Cela passe par lrsquoaccompagnement de ces structures pour lrsquoaccegraves aux financements Lrsquoideacutee est de deacutevelopper la compleacutementariteacute financiegravere des acteurs au niveau global et non leur mise en concurrence Ce projet est donc baseacute sur une relation de confiance entre les par-ties Deux axes majeurs sont retenus les partenariats locaux et lrsquoutilisation des outils numeacuteriques

LrsquoAgence Franccedilaise de Deacuteveloppement est une institution financiegravere publique qui agit depuis 70 ans pour combattre la pauvreteacute et favoriser le deacuteveloppement eacuteconomique dans les pays du Sud et de lrsquoOutre-Mer

RACINES est une association beacuteninoise de deacuteveloppement qui œuvre dans lrsquoeacuteducation - construction drsquoeacutecoles aide et prise en charge de frais scolaires etc - et la santeacute notamment par rapport au VIHsida gracircce agrave un centre de santeacute agrave Cotonou capitale du Beacutenin et des activiteacutes psychologiques et sociales agrave Bantegrave et Savalou villes situeacutees au centre du pays

Ce guide est issu drsquoun partenariat entre Sidaction et quatre eacutetudiantes du Master Communication et Multimeacutedia delrsquouniversiteacute PantheacuteonndashAssas dont le projet universitaire a eacuteteacute drsquoaccompagner lrsquoassociation beacuteninoise RACINES dans ladeacutefinition et le deacuteploiement de sa strateacutegie digitale de communication et de collecte de fonds pendant un anLe transfert de compeacutetences ainsi que le deacuteveloppement drsquooutils meacutethodologiques ont eacutegalement eacuteteacute des axes ma-jeurs de cet accompagnement

INTRODUCTION

WordPress est un systegraveme de gestion de contenus permettant de creacuteer assez facilement son propre site Internet

Il srsquoagit drsquoun systegraveme gratuit et libre Installer et utiliser WordPress nimplique en effet aucun coucirct dinscription ou dabonnementDes centaines de thegravemes sont mis agrave disposition dont de nombreux gratuitement Chacun peut ainsi choisir un thegraveme qui correspond parfaite-ment agrave son activiteacute en y retrouvant son style et son univers De plus il est possible de personnaliser le modegravele en changeant par exemple les couleurs les polices ou les plugins

WordPress est reconnu comme lun des outils les plus efficaces en matiegravere de reacutefeacuterencement sur les moteurs de recherche Une bonne utilisa-tion des balises permet eacutegalement drsquooptimiser le reacutefeacuterencement de votre site nrsquoheacutesitez pas agrave lire le guide 10 (Reacutefeacuterencement drsquoun site Internet) afin de mieux comprendre les diffeacuterentes meacutethodes pour ecirctre plus visible sur les moteurs de recherche

Quelques techniques de base au niveau de la reacutedaction web et de la bonne maicirctrise des reacuteseaux sociaux complegraveteront le travail pour un reacutefeacuteren-cement optimal et un trafic reacutegulier sur les diffeacuterents articles et pages du site Ces techniques sont eacutenonceacutees dans les guides 3 (Techniques de communication) 13 (Utiliser Facebook) 14 (Utiliser Twitter) et 15 (Utiliser LinkedIn)

Wordpress repreacutesente donc un moyen tregraves eacuteconomique de creacuteer un site web tout en offrant un rendu professionnel et personnalisable

Ce guide vous accompagne pas agrave pas dans lutilisation des eacuteleacutements du tableau de bord Wordpress afin de mieux construire et utiliser votre site Internet Noubliez pas de lire le guide 12 qui vous permet dapprendre comment reacutediger des textes et publier des photos ou des videacuteos sur votre site Internet

Bonne lecture

PREacuteALABLES INDISPENSABLES

Avant de commencer agrave utiliser WordPress il est neacutecessaire de se familiariser avec le vocabulaire speacutecifique de ce CMS

Le back office ou back end deacutesigne toute la partie qui se cache ldquoderriegravere le siterdquo Il srsquoagit de lrsquoespace depuis lequel est geacutereacute et administreacute tout ce qui apparaicirct sur le ldquodevantrdquo du site crsquoest agrave dire tout ce que les visiteurs peuvent voir Le back office est lrsquoobjet de ce guide

Le front office est agrave lrsquoinverse du back office ce qui est visible par tout visiteur du site

Au sein de Wordpress il existe des pages parents et des pages enfants Il srsquoagit drsquoune faccedilon de hieacuterarchiser les diffeacuterentes pages du siteLes pages enfants sont des sous-pages des pages parents Autrement dit si une page parent peut contenir plusieurs pages enfants lrsquoinverse nrsquoest pas vrai

Le brouillon est un article ou une page qui a eacuteteacute sauvegardeacute dans le back office mais qui nrsquoest pas encore publieacute sur le site Un article qui est enregistreacute comme un ldquobrouillonrdquo nrsquoest donc pas visible sur le site

La preacutevisualisation des modifications (ou aperccedilu) est tregraves utile pour pouvoir observer en front office le rendu des modifications faites sur un article ou une page avant qursquoelles ne soient reacuteellement mises en ligne

Le bouton Publier permet de mettre en ligne du contenu Agrave partir du moment ougrave le contenu est publieacute il est rendu public et devient visible par tous les visiteurs du site

Le bouton Mettre agrave jour permet drsquoapporter des modifications au contenu deacutejagrave en ligne

Enfin la bibliothegraveque de meacutedias est la partie du back office ougrave toutes les images et photos sont stockeacutees

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

INTRODUCTION

WordPress est un systegraveme de gestion de contenus permettant de creacuteer assez facilement son propre site Internet

Il srsquoagit drsquoun systegraveme gratuit et libre Installer et utiliser WordPress nimplique en effet aucun coucirct dinscription ou dabonnementDes centaines de thegravemes sont mis agrave disposition dont de nombreux gratuitement Chacun peut ainsi choisir un thegraveme qui correspond parfaite-ment agrave son activiteacute en y retrouvant son style et son univers De plus il est possible de personnaliser le modegravele en changeant par exemple les couleurs les polices ou les plugins

WordPress est reconnu comme lun des outils les plus efficaces en matiegravere de reacutefeacuterencement sur les moteurs de recherche Une bonne utilisa-tion des balises permet eacutegalement drsquooptimiser le reacutefeacuterencement de votre site nrsquoheacutesitez pas agrave lire le guide 10 (Reacutefeacuterencement drsquoun site Internet) afin de mieux comprendre les diffeacuterentes meacutethodes pour ecirctre plus visible sur les moteurs de recherche

Quelques techniques de base au niveau de la reacutedaction web et de la bonne maicirctrise des reacuteseaux sociaux complegraveteront le travail pour un reacutefeacuteren-cement optimal et un trafic reacutegulier sur les diffeacuterents articles et pages du site Ces techniques sont eacutenonceacutees dans les guides 3 (Techniques de communication) 13 (Utiliser Facebook) 14 (Utiliser Twitter) et 15 (Utiliser LinkedIn)

Wordpress repreacutesente donc un moyen tregraves eacuteconomique de creacuteer un site web tout en offrant un rendu professionnel et personnalisable

Ce guide vous accompagne pas agrave pas dans lutilisation des eacuteleacutements du tableau de bord Wordpress afin de mieux construire et utiliser votre site Internet Noubliez pas de lire le guide 12 qui vous permet dapprendre comment reacutediger des textes et publier des photos ou des videacuteos sur votre site Internet

Bonne lecture

PREacuteALABLES INDISPENSABLES

Avant de commencer agrave utiliser WordPress il est neacutecessaire de se familiariser avec le vocabulaire speacutecifique de ce CMS

Le back office ou back end deacutesigne toute la partie qui se cache ldquoderriegravere le siterdquo Il srsquoagit de lrsquoespace depuis lequel est geacutereacute et administreacute tout ce qui apparaicirct sur le ldquodevantrdquo du site crsquoest agrave dire tout ce que les visiteurs peuvent voir Le back office est lrsquoobjet de ce guide

Le front office est agrave lrsquoinverse du back office ce qui est visible par tout visiteur du site

Au sein de Wordpress il existe des pages parents et des pages enfants Il srsquoagit drsquoune faccedilon de hieacuterarchiser les diffeacuterentes pages du siteLes pages enfants sont des sous-pages des pages parents Autrement dit si une page parent peut contenir plusieurs pages enfants lrsquoinverse nrsquoest pas vrai

Le brouillon est un article ou une page qui a eacuteteacute sauvegardeacute dans le back office mais qui nrsquoest pas encore publieacute sur le site Un article qui est enregistreacute comme un ldquobrouillonrdquo nrsquoest donc pas visible sur le site

La preacutevisualisation des modifications (ou aperccedilu) est tregraves utile pour pouvoir observer en front office le rendu des modifications faites sur un article ou une page avant qursquoelles ne soient reacuteellement mises en ligne

Le bouton Publier permet de mettre en ligne du contenu Agrave partir du moment ougrave le contenu est publieacute il est rendu public et devient visible par tous les visiteurs du site

Le bouton Mettre agrave jour permet drsquoapporter des modifications au contenu deacutejagrave en ligne

Enfin la bibliothegraveque de meacutedias est la partie du back office ougrave toutes les images et photos sont stockeacutees

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

PREacuteALABLES INDISPENSABLES

Avant de commencer agrave utiliser WordPress il est neacutecessaire de se familiariser avec le vocabulaire speacutecifique de ce CMS

Le back office ou back end deacutesigne toute la partie qui se cache ldquoderriegravere le siterdquo Il srsquoagit de lrsquoespace depuis lequel est geacutereacute et administreacute tout ce qui apparaicirct sur le ldquodevantrdquo du site crsquoest agrave dire tout ce que les visiteurs peuvent voir Le back office est lrsquoobjet de ce guide

Le front office est agrave lrsquoinverse du back office ce qui est visible par tout visiteur du site

Au sein de Wordpress il existe des pages parents et des pages enfants Il srsquoagit drsquoune faccedilon de hieacuterarchiser les diffeacuterentes pages du siteLes pages enfants sont des sous-pages des pages parents Autrement dit si une page parent peut contenir plusieurs pages enfants lrsquoinverse nrsquoest pas vrai

Le brouillon est un article ou une page qui a eacuteteacute sauvegardeacute dans le back office mais qui nrsquoest pas encore publieacute sur le site Un article qui est enregistreacute comme un ldquobrouillonrdquo nrsquoest donc pas visible sur le site

La preacutevisualisation des modifications (ou aperccedilu) est tregraves utile pour pouvoir observer en front office le rendu des modifications faites sur un article ou une page avant qursquoelles ne soient reacuteellement mises en ligne

Le bouton Publier permet de mettre en ligne du contenu Agrave partir du moment ougrave le contenu est publieacute il est rendu public et devient visible par tous les visiteurs du site

Le bouton Mettre agrave jour permet drsquoapporter des modifications au contenu deacutejagrave en ligne

Enfin la bibliothegraveque de meacutedias est la partie du back office ougrave toutes les images et photos sont stockeacutees

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

SE CONNECTER Agrave SON BACK-OFFICE

Pour pouvoir se connecter agrave son back office il est indispensable drsquoavoir un lien de connexionEn principe ce lien adopte la forme suivante wwwmonsitefrwp-admin

Il suffit ensuite de rentrer ses identifiants dans les champs requis

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

SE CONNECTER Agrave SON BACK-OFFICE

Suite agrave cette connexion le tableau de bord qui saffiche est la premiegravere page du back office sa page drsquoaccueil

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

SE CONNECTER Agrave SON BACK-OFFICE

La colonne agrave gauche du tableau de bord comprend lrsquoensemble des onglets Ils permettent drsquoajouter du contenu (pages ou articles) de creacuteer des menus des formulaires de contact de geacuterer les commentaires etc

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Pour ajouter des images il faut se rendre dans la bibliothegraveque de meacutedias et appuyer sur le bouton Ajouter

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

Lrsquoeacutecran qui apparaicirct permet de choisir et dimporter les fichiers deacutesireacutes dont la taille ne doit pas exceacuteder 96 MB

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LES MEacuteDIAS OU BIBLIOTHEgraveQUE DE MEacuteDIAS

En cliquant sur la photographie tout juste ajouteacutee une nouvelle page permet drsquoacceacuteder aux deacutetails du fichier

Il est alors neacutecessaire de donner un titre clair agrave la photo Par exemple ldquocerveau_alzheimerrdquo si lrsquoimage repreacutesente un cerveau atteint de la mala-die drsquoAlzheimer De mecircme il est indispensable drsquoentrer un texte alternatif En cas de problegraveme de chargement des images sur le site les inter-nautes verront le texte alternatif en lieu et place de lrsquoimage

Ces eacuteleacutements participent au reacutefeacuterencement naturel du site Il est donc important de faire figurer le mot cleacute dans le titre et le texte alternatif de lrsquoimage

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LES COMMENTAIRES

La partie ldquoCommentairesrdquo est utile uniquement si le site a autoriseacute la publication de commentaires de la part des internautes

Dans ce cas il est fortement recommandeacute de bloquer la publication automatique des commentaires Cela permettra de filtrer les commentaires indeacutesirables et en particulier les commentaires injurieux

Afin drsquoapprouver ou de deacutesapprouver un commentaire il suffit de se rendre dans la partie Commentaires de seacutelectionner un ou plusieurs com-mentaires et de cliquer sur Actions groupeacutees Apparaicirctront alors les possibiliteacutes suivantes Deacutesapprouver Approuver Marquer comme indeacutesirable ou Deacuteplacer dans la corbeille Il suffira de seacutelectionner lrsquooption souhaiteacutee et de lrsquoappliquer au(x) commentaire(s) choisi(s)

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LE FORMULAIRE DE CONTACT

Le formulaire de contact est indispensable pour maintenir la relation avec ses internautes Ces derniers peuvent avoir des questions au sujet du site de la cause de lrsquoassociation ou drsquoun article publieacute sur le site Les visiteurs doivent pouvoir contacter lrsquoassociation facilement sans avoir agrave ouvrir leur propre boicircte email

Pour creacuteer un nouveau formulaire de contact il faut cliquer sur ldquoCreacuteer un formulairerdquo Il faut ensuite lui attribuer un titre Apregraves quoi le formu-laire sera deacutejagrave partiellement creacuteeacute Plusieurs eacuteleacutements peuvent ensuite ecirctre ajouteacutes ou supprimeacutes Puis il suffit de sauvegarder le formulaire

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LE FORMULAIRE DE CONTACT

Une fois le formulaire sauvegardeacute un code est geacuteneacutereacute Ce code est agrave copier et agrave apposer sur les pages du site ougrave lrsquoon souhaite voir apparaicirctre le formulaire de contact

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

APPARENCE

Cette partie du site est agrave utiliser avec beaucoup de preacutecaution car crsquoest agrave partir de cette section qursquoil est possible de modifier lrsquoensemble de lrsquoidentiteacute visuelle du site gabarit logo favicon menus etc

LES THEgraveMES

Apregraves lrsquoinstallation du module WordPress sur le serveur du site une page par deacutefaut apparaicirct

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

APPARENCE

Afin de creacuteer un site design ergonomique et personnaliseacute il est recommandeacute drsquoinstaller un gabarit ou template acheteacute preacutealablement Diffeacuterents thegravemes existent et il suffit de faire son choix parmi des centaines de propositions

Une fois le thegraveme choisi il faut lrsquoinstaller

Le thegraveme srsquoapplique agrave lrsquoensemble du site Il srsquoagit ensuite de le personnaliser en changeant les logos les couleurs la place de certainessections etc

Pour acheter des gabarits voici un site qui peut srsquoaveacuterer utile httpmarketenvatocom

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

APPARENCE

PERSONNALISER

En cliquant sur Personnaliser une nouvelle page apparaicirct

Agrave partir de celle-ci il est possible de changer la forme et la disposition du header centreacute agrave gauche agrave droite ou sur le cocircteacute en barre lateacuterale (sidebar)

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

APPARENCE

Le logo qui apparaicirct dans le header peut eacutegalement ecirctre modifieacute agrave partir de cette sous-section tout comme la favicon La favicon deacutesigne le logo qui srsquoaffiche pregraves du nom du site lorsque lrsquoon ouvre un nouvel onglet

Selon le thegraveme installeacute les menus peuvent eacutegalement ecirctre personnaliseacutes dans cette sous-section ldquoPersonnaliserrdquo

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

APPARENCE

WIDGETS STRUCTURATION DES SIDEBARS ET DES FOOTERS

Les widgets vont permettre de structurer les barres lateacuterales (sidebars) ainsi que le footer On peut ajouter supprimer ou modifier le contenu de ces eacuteleacutements gracircce agrave un systegraveme de glisser-deacuteplacer Dans lrsquoexemple ci-dessous on glisse un formulaire de contact dans la sidebar sous les articles reacutecents Ainsi en affichage front-office on verra apparaicirctre dans la sidebar un slider puis en-dessous les cateacutegories drsquoarticles les articles reacutecents et enfin un formulaire de contact

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

APPARENCE

MENUS SEacuteLECTIONNER UN MENU Agrave MODIFIER ET AJOUTER DES PAGES AU MENU

Depuis cette sous-section les diffeacuterents menus du site peuvent ecirctre modifieacutes et supprimeacutes

Il suffit de seacutelectionner le menu agrave modifier puis drsquoy ajouter les pages souhaiteacutees Il faut bien sucircr veiller agrave sauvegarder les modifications

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

EXTENSIONS OU PLUGINS

DEacuteFINITION ET Agrave QUOI CcedilA SERT

En informatique un plugin ou plug-in eacutegalement appeleacute module dextension module externe greffon plugiciel ou encore add-in ou add-on en France est un paquet qui complegravete un logiciel hocircte afin de lui apporter de nouvelles fonctionnaliteacutes1

Autrement dit cette extension a pour objectif drsquoapporter une fonctionnaliteacute speacutecifique et compleacutementaire au site Yoast SEO est par exemple une extension qui permet de travailler facilement sur le reacutefeacuterencement naturel de chaque page du site De la mecircme faccedilon certains formu-laires de contact peuvent ecirctre des extensions

AJOUTER UNE EXTENSION LrsquoACTIVER ET LA METTRE Agrave JOUR

Pour ajouter une extension il suffit drsquoaller dans Ajouter puis de chercher le plugin dans la barre de recherche afin de lrsquoinstaller

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

EXTENSIONS OU PLUGINS

Une fois que celle-ci est installeacutee il faut eacutegalement penser agrave lrsquoactiver

Lorsque des mises agrave jour sont disponibles WordPress lrsquoindique dans Extensions installeacutees

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

UTILISATEURS

Les utilisateurs drsquoun site sont normalement les personnes pouvant eacutediter geacuterer et administrer le site

Dans cette partie il faut creacuteer les profils des personnes qui interviendront dans la gestion du site

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

REacuteGLAGES

Les reacuteglages vont permettre de geacuterer le titre du site son slogan son adresse web le format des dates de lrsquoheure ainsi que le fuseau horaire

La langue et le format des liens sont eacutegalement modifiables au sein de cette section

1Source Wikipeacutedia httpsfrwikipediaorgwikiPlugin

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES PAGES

ACCEgraveS Agrave LrsquoENSEMBLE DES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter Pour consulter les pages existantes il faut cliquer sur Toutes les Pages

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES PAGES

CREacuteER UNE NOUVELLE PAGE OU DUPLIQUER UNE PAGE

Pour creacuteer une nouvelle page il suffit de cliquer sur Ajouter drsquointeacutegrer le contenu puis de publier la page

Pour dupliquer une page il faut en revanche installer une extension de duplication de page du type Duplicate Post

Une fois que celle-ci est activeacutee il sera ensuite possible de dupliquer nrsquoimporte quelle page et article Cette option est utile lorsque lrsquoon sou-haite creacuteer une page sur le mecircme modegravele mais en inteacutegrant un contenu diffeacuterent

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES PAGES

PAGES PARENTS ET PAGES ENFANTS

Selon la structure du site des pages parents et des pages enfants peuvent ecirctre creacuteeacutees Dans la section Pages toutes les pages du site ap-paraissent

Les pages avec un trait horizontal devant leur nom sont soit des sous-pages soit des pages enfants

Dans lrsquoexemple ci-dessous les pages Eacuteducation Nos 15 ans ONG RACINES Santeacute sont les pages enfants de la page Qui sommes-nous

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES PAGES

En front office cette hieacuterarchisation des pages est clairement visible

Pour creacuteer de nouvelles pages enfants lieacutees agrave une page parent il suffit de seacutelectionner dans lrsquoencart Attributs de page agrave droite de la page la page parent agrave laquelle sera rattacheacutee la nouvelle page enfant

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES PAGES

CREacuteER UN NOUVEL ARTICLE OU DUPLIQUER UN ARTICLE

Pour ajouter des articles il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les pages en cliquant sur Tous les articles on accegravede agrave tous les articles qui ont deacutejagrave eacuteteacute eacutecrits qursquoils soient en ligne ou classeacutes parmi les brouillons

Cliquer sur Ajouter permet drsquoouvrir directement une nouvelle page afin de creacuteer un article

Comme pour les pages pour dupliquer un article il faut au preacutealable installer une extension de duplication comme Duplicate Post

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES ARTICLES

LE CONTENU

Pour creacuteer un nouvel article il suffit drsquoeacutecrire un titre et drsquoinseacuterer un contenu Il faut ensuite penser agrave publier lrsquoarticle afin qursquoil soit visible par les visiteurs du site

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

GESTION DES ARTICLES

LES FORMATS ET LES CATEacuteGORIES

Le format par deacutefaut est le format drsquoarticle classique En cochant un autre format la page de lrsquoarticle prendra une structure diffeacuterente

Preacutealablement preacutedeacutefinies les cateacutegories permettent de classer les articles par theacutematique Plusieurs cateacutegories peuvent ecirctre cocheacutees

Lorsque les visiteurs cliqueront sur lrsquoune des cateacutegories ils trouveront tous les articles classeacutes dans cette cateacutegorie

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

LE REacuteFEacuteRENCEMENT DES PAGES ET DES ARTICLES

Afin de pouvoir reacutefeacuterencer ses pages facilement il est recommandeacute de teacuteleacutecharger un plugin comme Yoast SEO

Une fois installeacutee et activeacutee cette extension se trouve en bas de chaque page et de chaque article

Il faut avant tout deacutefinir un mot cleacute principal pour la page Ce mot cleacute devra ecirctre repris dans le titre SEO de la page dans son url et sa meacutetades-cription Ces trois eacuteleacutements sont modifiables Il srsquoagit des descriptions que les internautes voient lorsqursquoils font une recherche dans un moteur de recherche Il est donc neacutecessaire que cet ensemble soit aussi attrayant que possible afin drsquoamener linternaute agrave cliquer sur le lien pour visiter le site

Par ailleurs le mot cleacute choisi doit eacutegalement apparaicirctre dans le contenu de lrsquoarticle ou de la page pour qursquoil soit consideacutereacute comme pertinentIl ne doit pas avoir eacuteteacute deacutejagrave utiliseacute comme mot cleacute sur une autre page ou un autre article du site

Enfin ce mot cleacute doit apparaicirctre dans le texte alternatif de la photo qui illustre la page

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

LA GESTION DES PAGES

OUgrave TROUVER LES DIFFEacuteRENTES PAGES DU SITE

Depuis le tableau de bord il est possible drsquoacceacuteder agrave toutes les pages du site RACINES

Attention il ne faut pas confondre les pages et les articles

Les pages sont par exemple Qui sommes-nous Aider RACINES Pour aller plus loin etc

En passant la souris sur Pages on voit apparaicirctre Toutes les pages et Ajouter

Pour voir les pages existantes il suffit de cliquer sur Toutes les Pages

Le site eacutetant fait et creacuteeacute il ne faut plus ajouter de page

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

LES PAGES ET LES SOUS-PAGES

Ici on peut voir toutes les pages du site encadreacutees en rougeLes pages encadreacutees en vert avec un trait horizontal devant leur nom sont des sous-pages

Lorsque lon clique par exemple sur Qui sommes-nous dans le site quatre cateacutegories saffichent sur lesquelles il est eacutegalement possible de cliquer Notre histoire Nous trouver Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

REVUES DES DIFFEacuteRENTES PAGES DU SITE

PAGE DrsquoACCUEIL

Depuis la Page drsquoaccueil les eacuteleacutements suivants sont modifiables les logos des partenaires et les images et textes de la section Pourquoi soutenir lrsquoONG RACINES

Les images et textes de la section ldquoPourquoi soutenir lrsquoONG RACINES rdquo

Les logos des partenaires

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Afin de modifier la section ldquoPourquoi soutenir lrsquoONG RACINESrdquo il suffit de suivre les instructions scheacutematiseacutees ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer la section ldquoEacutetudes et publicationsrdquo voici preacutesenteacutes dans lrsquoimage ci-dessous le format et les diffeacuterents espaces dans lesquels il est possible de faire des modifications

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les logos des partenaires il suffit de respecter les indications suivantes

Il est preacutefeacuterable que lrsquoimage du logo soit au format png ou jpgPour trouver ce logo il est possible de taper dans Google logo png nom du partenaire

Il faut choisir une image de bonne qualiteacute avec un poids raisonnable Lrsquoideacuteal est de ne pas deacutepasser les 500 KoSi lrsquoimage savegravere trop lourde un certain nombre de sites permettent de reacuteduire le poids des images Image recycle Compressor Tiny JPG etc

En revanche seuls dix champs sont disponibles il nrsquoest donc pas possible drsquoinseacuterer plus de dix logos

Si le partenaire nrsquoa pas de site Internet vous pouvez rentrer lrsquourl de sa page Facebook Srsquoil nrsquoa pas non plus de page Facebook il suffit drsquoinseacuterer un dans le champ ldquoLien vers le site du partenairerdquo

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

PAGE AIDER RACINES

httpong-racinesorgfaire-un-donLa page ldquoAider RACINESrdquo se preacutesente sous la forme suivante

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

La page ldquoAider RACINESrdquo contient trois sous-sections (encadreacutees en rouge) Vous ecirctes un particulier Vous ecirctes une organisation Vous ecirctes eacutetudiant

Lrsquoobjectif de ces sous-sections est de personnaliser lrsquoacte de don afin que chaque personne trouve en fonction de son profil la maniegravere de don-ner qui lui correspond le mieux Il est bien eacutevidemment possible de rajouter une 4egraveme sous-section si neacutecessaire

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

1 - Ajouter une sous-sectionEn bas agrave droite de la derniegravere section il faut cliquer sur Ajouter une sous-section 2 - Reacutediger ou modifier une sous-section Pour ajouter une sous-section il faut cliquer sur le bouton encadreacute en rouge en bas agrave droite de la derniegravere sous-section Un nouveau champ apparaicirct alors

Il est possible drsquoeacutecrire un titre dans la zone de texte appeleacutee Nom de lrsquoonglet Pour maintenir la coheacuterence du site il est conseilleacute de le reacutediger sur le mecircme modegravele que les preacuteceacutedents agrave savoir Vous ecirctes ununehellip

Cest dans la zone de texte nommeacutee Sous-section contenu quil faut reacutediger le contenu de la page

Pour les titres il est recommandeacute de les hieacuterarchiser(cf Guide 12 Creacuteer un article) Le premier titre doit ecirctre mis au format Titre 1 par exemple Le texte en lui-mecircme doit toujours ecirctre au format Paragraphe

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

3 - Le statut de la page Pour cette page preacutecise il est tregraves important de laisser lrsquooption Page with inner tabs seacutelectionneacutee dans le champ Modegravele des attributs de la page

En effet crsquoest gracircce agrave cette option que les titres des sous-sections srsquoaffichent comme preacutesenteacutes ci-dessous (et encadreacutes en rouge)

Il est donc essentiel de mettre ou de laisser loption Page with inner tabs

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

PAGE NOS ACTIONS

Cette page heacuteberge toutes les pages des actions Il ne faut pas la confondre avec les pages actionsprojets qui se trouvent dans un autre onglet du tableau de bord

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

PAGE POUR ALLER PLUS LOIN

Comme la page ldquoNos actionsrdquo la page ldquoPour aller plus loinrdquo a pour vocation dheacuteberger diffeacuterents articles et de faire exister cette cateacutegorie dans le menu

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

PAGE QUI SOMMES-NOUS

La page ldquoQui sommes-nous rdquo nrsquoest pas cliquable Elle nrsquoa pour fonction que dheacuteberger ses sous-pages

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Pour modifier les sous-pages de la page Qui sommes-nous il faut cliquer sur lrsquoune de ces sous-pages preacuteceacutedeacutees drsquoun trait horizontal Eacuteducation Notre histoire Nous trouver Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

En effet les pages parents sont composeacutees des pages enfants Ainsi la page Qui sommes-nous est la page parent des pages enfants Nous trouver Notre histoire Eacuteducation et Santeacute

Pour rattacher drsquoautres pages enfants agrave une page parent il faut se reporter agrave lrsquoencart situeacute agrave droite de la page et intituleacute Attributs de page Ensuite il suffit de choisir une page parent

Cette proceacutedure est la mecircme pour toutes les pages du site

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

EacuteDUCATION

Comme la page Aider RACINES cette sous-page Eacuteducation est composeacutee de sous-sections Ici elles sont deux

La maniegravere de remplir ces sous-sections est la mecircme que pour la page Aider RACINES

Il suffit donc de renseigner le titre de la sous-section et dy ajouter le texte et les images que lrsquoon souhaite voir apparaicirctre sur la pagePour ajouter une nouvelle sous-section il suffit de cliquer sur le bouton Ajouter sous-section

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

SANTEacute

La sous-page ldquoSanteacuterdquo se compose eacutegalement de sous-sections Ici elles sont six Les consignes pour creacuteer et remplir ces sous-sections sont donc les mecircmes que pour les pages Aider RACINES et Eacuteducation

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

NOTRE HISTOIRE

Cette page se remplit de la mecircme faccedilon quun article (cf Guide 12)

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

NOUS TROUVER

Cette page se compose eacutegalement de sous-sections Celles-ci se complegravetent de la mecircme maniegravere que pour les pages Aider RACINES Eacuteducation et Santeacute

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

LA CATEacuteGORIE NOS ACTIONS

COMMENT AJOUTER DES ACTIONSPROJETS

Pour ajouter des actions agrave la page Nos actions il ne faut pas cliquer sur Pages mais sur longlet Nos actions (encadreacute en rouge)

Lorsque lrsquoon passe la souris sur Nos actions il est possible de choisir entre Toutes nos actions ou Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Si lon clique sur Toutes nos actions un panorama de toutes les actions creacuteeacutees srsquoaffiche Ainsi il est possible de cliquer sur lune dentre elles pour la modifier

Cest eacutegalement depuis cette interface que lon peut ajouter une nouvelle action Pour cela il suffit de cliquer sur Ajouter

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Comme pour les articles il faut reacutediger un titre dans la premiegravere zone de texte et du contenu dans la seconde

Il sagit ensuite de cliquer sur Publier pour mettre en ligne laction creacuteeacutee Si une relecture est neacutecessaire il est possible drsquoenregistrer lrsquoaction comme un brouillon en cliquant sur Enregistrer brouillon Pour avoir un aperccedilu de la page avant son enregistrement il faut cliquer sur Aper-ccedilu

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Une fois que le contenu est creacuteeacute il ne faut pas oublier de renseigner le statut de lrsquoaction pour preacuteciser si celle-ci est en cours ou passeacuteePour cela il suffit de cocher la bonne case dans lrsquoencart ldquoStatutrdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LA PROGRESSION GLOBALE DU PROJET ET DE LA SOMME REacuteCOLTEacuteE

Pour modifier la progression globale de la collecte de don ainsi que le montant de la somme reacutecolteacutee il faut rentrer agrave la main les informations dans la page de lrsquoaction concerneacutee

Il faut aller en bas de la zone de contenu puis indiquer le pourcentage de progression par rapport agrave lrsquoobjectif de la collecte

Par exemple si lrsquoobjectif est de 100 euro et que 10 euro ont eacuteteacute collecteacutes il faut inscrire 10 dans le champ Progres-sion et 10 euro dans le champ Somme reacutecolteacutee

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT MODIFIER LES EacuteLEacuteMENTS DE LA ldquoFICHE ACTIONrdquo

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Il faut se rendre sur la page de lrsquoaction concerneacutee puis descendre sous les parties Progression globale et Somme reacutecolteacutee Des encarts sont disponibles pourrenseigner les eacuteleacutements de la Fiche action

Le domaine de lrsquoaction (santeacute eacuteducation alimentaire etc) le deacutetail de lrsquoaction qui reacutesume en deux phrases le projet le lieu ougrave lrsquoaction sera reacutealiseacutee comme le lieu de la construction drsquoune salle de classe par exemple et unextrait du texte de la page (facultatif) peuvent ecirctre rensei-gneacutes

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Il ne faut eacutegalement pas oublier dattribuer une image agrave lrsquoaction creacuteeacutee Il suffit pour cela de cliquer sur Mettre une image agrave la Une (en rouge ci-dessous) Ainsi une image sera ajouteacutee agrave la page action

Lrsquoimage agrave la Une sera lrsquoimage afficheacutee en haut de chaque page action comme limage

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT AJOUTER DES ARTICLES Agrave LA PAGE POUR ALLER PLUS LOIN

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Pour ajouter des articles agrave la cateacutegorie Pour aller plus loin il faut cliquer sur Articles dans la colonne noire de gauche

De la mecircme maniegravere que pour les actions en cliquant sur Tous les articles un aperccedilu de tous les articles qursquoils soient en ligne sur le site ou classeacutes parmi les brouillons srsquoaffiche Si lon clique sur Ajouter une nouvelle page apparaicirct Celle-ci permet de creacuteer un nouvel article

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Lorsque lon ajoute un nouvel article la page ci-dessous srsquoaffiche Il sagit alors de remplir les champs indiqueacutes

Le titre principal est le titre donneacute agrave la page (celui qui apparaicirct dans lrsquoonglet du navigateur)Si aucun sous-titre nrsquoest renseigneacute crsquoest alors le titre principal qui srsquoaffiche par deacutefaut sur lrsquoimage de couverture de la pageLe sous-titre ne doit ecirctre renseigneacute que srsquoil diffegravere du titre principal Lorsquun un sous-titre est eacutecrit il prend le dessus sur le titre principal et saffiche sur lrsquoimage de couverture de la page

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Par ailleurs le format cocheacute est le format ldquoPar deacutefautrdquo Il ne doit pas ecirctre changeacute

Enfin par rapport aux cateacutegories il faut choisir les mots-cleacutescateacutegories qui sont en lien avec les sujets traiteacutes dans lrsquoarticle Plusieurs cateacutegories peuvent ecirctre seacutelectionneacutees

Ainsi lorsque les internautes cliquent sur lrsquoune des cateacutegories agrave droite ils trouvent tous les articles reacutepertorieacutes sous ces mots-cleacutes

Si aucune des cateacutegories ne correspond au sujet de lrsquoarticle il suffit de cocher ldquoNon classeacuterdquo

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

COMMENT CHANGER LE LOGO LE TEXTE DE LA NEWSLETTER OU LE TEXTE DE LA POP-UP DE DON

Pour changer le logo le texte de la newsletter sur la page drsquoaccueil ou encore le texte de la pop-up de don sur les pages actions il suffit de repeacuterer le bouton ldquoOptionrdquo tout en bas de la colonne noire de gauche

En passant la souris sur cet onglet Options on peut alors cliquer sur Logo Newsletter ou Pop-up de don

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la newsletter situeacute sur la page drsquoaccueil il suffit de remplir les champs comme indiqueacute ci-dessous

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11

CAS PRATIQUE - ASSOCIATION RACINES

Pour changer le texte de la pop-up de don sur les pages actions il faut renseigner les zones de contenu comme indiqueacute ci-dessous

  • Guide 11