Manuel d`utilisation de WebConf

Manuel d`utilisation de WebConf
Manuel
d’utilisation
de
WebConf
La
plateforme
WebConf
http://webconf.inrialpes.fr/.
est
disponible
à
l’adresse
suivante
:
WebConf
vous
permet
de
créer
semi‐automatiquement
un
site
web
pour
votre
événement
scientifique
(conférence,
workshop,
école
d’été,
etc.).
Cet
outil
a
été
crée
en
collaboration
avec
l’équipe
MISIL
de
l’INRIA
Grenoble,
la
cellule
communication
et
le
pôle
cours/colloque.
Il
est
fondé
sur
le
CMS
(Content
Managment
System)
WordPressMu©,
et
a
été
adapté
pour
répondre
à
vos
besoins.
Notre
mission
consiste
à
créer
une
instance
de
WordPress
pour
votre
site
et
à
la
configurer
selon
vos
spécificités.
A
votre
charge
d’alimenter
le
contenu
et
de
personnaliser
l’apparence
de
votre
site.
Ce
manuel
est
destiné
les
bases
fondamentales
pour
gérer
votre
site.
Si
vous
avez
des
questions,
remarques,
suggestions,
n’hésitez
pas
à
nous
contacter.
Page
1
sur
22
Manuel
d’utilisation
de
WebConf ................................................................................................................ 1
1.
Un
peu
de
vocabulaire ............................................................................................................................. 3
2.
Le
Dashboard............................................................................................................................................... 4
3.
Ajouter
du
contenu.................................................................................................................................... 4
3.1.
Le
menu
Pages. .................................................................................................................................. 4
3.2.
Créer
une
page.................................................................................................................................... 5
4.
Apparence
du
site ...................................................................................................................................... 9
4.1.
Le
menu
Appareance ....................................................................................................................... 9
5.
Gestion
des
utilisateurs
du
back‐office.......................................................................................... 12
5.1.
Rôle
des
utilisateurs...................................................................................................................... 12
5.2.
Gestion
des
rôles............................................................................................................................. 12
5.3.
Créer
un
nouvel
utilisateur ........................................................................................................ 13
5.4.
Gestion
des
utilisateurs
par
l’administrateur .................................................................... 13
6.
Configuration
général
du
site ............................................................................................................ 14
7.
Autres
fonctionnalités
: ........................................................................................................................ 15
7.1.
MailPress
(menu
MailPress): .................................................................................................... 15
7.2.
Events
Calendar
(Menu
Events
Calendar):.......................................................................... 16
7.3.
Forum
(menu
Forum
Server)
: ................................................................................................. 18
7.4.
Sidebar
Photoblog
(Menu
Appareance
>
Widget)............................................................ 19
Page
2
sur
22
1. Un
peu
de
vocabulaire
Pour
pouvoir
gérer
votre
site,
vous
devez
vous
connecter
au
back‐office,
aussi
appelé
dashboard
en
rajoutant
/wp­admin
à
l’adresse
web
de
votre
site.
Vous
pouvez
tous
faire
via
cette
interface
web.
Le
flux
d’informations
est
réparti
au
sein
de
pages,
que
vous
devrez
créer
grâce
à
un
éditeur
de
texte
de
type
wysiwyg1
(à
la
Word®).
Lors
de
la
création
de
votre
site,
nous
vous
proposons
une
sorte
de
squelette
avec
un
ensemble
de
page
pré‐créees
afin
de
vous
faciliter
l’utilisation
de
l’outil.
La
charte
graphique
du
site
est
définie
à
partir
de
thèmes.
Un
thème
définit
la
couleur
du
texte,
la
position
du
texte,
la
disposition
des
images,
etc.
Vous
pouvez
personnaliser
les
informations
de
votre
site
à
l’aide
de
widgets.
Un
widget
est
une
petite
application
interactive
apportant
à
l'utilisateur
des
informations
ciblées
(calendrier,
diaporama
d’images,
liste
des
pages,
etc.).
Ils
sont
facilement
manipulables
s’intègrent
facilement
au
niveau
des
sidebar
présents
pour
un
thème
donné.
Pour
rappel,
voici
le
schéma
d’une
page
web
:
Figure
1
:
Structure
d’une
page
web
1
What
You
See
Is
What
You
Get.
Page
3
sur
22
2. Le
Dashboard
Vous
accédez
au
dashboard
en
rajoutant
à
l’URL
de
votre
site
:
/wp‐admin.
Image
1
:
Dashboard
1
:
Titre
de
votre
site,
avec
un
lien
pour
accéder
à
sa
page
d’accueil
2
:
Username
de
l’utilisateur
connecté
3
:
Liens
hypertextes
vers
des
outils
externes
de
l’Inria
(Alfresco
pour
le
partage
de
fichiers,
Sympa
pour
la
gestion
de
mailinglist).
4
:
Menu
principal
de
l’outil.
5
:
Récapitulatif
sur
le
contenu
du
site
:
Nombre
de
pages,
de
posts,
etc.
Pour
configurer
les
informations
à
afficher
ou
non,
cliquez
sur
Screen
Options.
3. Ajouter
du
contenu
3.1.
Le
menu
Pages.
Par
défaut,
un
certain
nombre
de
pages
ont
été
crées
avec
du
contenu
en
français
et
en
anglais
(plus
de
détails
sur
les
sites
multilingues
page
15).
Pour
chaque
page,
vous
pouvez
l’éditer
pour
la
modifier,
voir
le
résultat,
ou
la
supprimer.
Page
4
sur
22
Image
2
:
Structuration
du
site
3.2.
Créer
une
page
Allez
dans
Pages
‐>
Add
new.
Image
3
:
Création
d’une
page
Contenu
Lors
de
la
création,
vous
devez
renseigner
:
‐
le
titre
de
la
page
(dans
les
différentes
langues
choisies.
Plus
d’informations
page
15).
Page
5
sur
22
‐
le
contenu
de
la
page
au
niveau
de
l’éditeur
de
texte.
Par
exemple,
sur
l’image
ci‐dessus,
l’utilisateur
est
sur
le
point
d’écrire
le
contenu
en
Visual
(i.e.
en
utilisant
l’éditeur
de
texte)
pour
la
version
anglaise.
Pour
écrire
la
version
française
en
Html
(avoir
un
minimum
de
connaissance
dans
ce
langage
de
description),
cliquez
sur
les
onglets
adéquats.
Vous
obtenez
ceci
:
Image
4
:
2diteur
de
texte
Les
icônes
de
l’éditeur
textuel
sont
largement
inspirés
de
Word.
Il
vous
est
possible
de
copier/coller
des
documents
crées
à
partir
de
Word
et
de
conserver
leurs
mises
en
page
dans
WordPress,
mais
le
résultat
est
parfois
décevant…
(Image
extraite
de
http://www.interconnectit.com/)
Image
5
:
Boutons
de
l’éditeur
de
texte
Au
dessus
de
cette
barre
d’outils
se
trouve
des
boutons
vous
permettant
d’insérer
une
image,
une
vidéo
ou
un
autre
média
au
sein
de
votre
page.
Image
6
:
Insertion
d’un
média
dans
une
page
Les
images
traitées
sont
compressées,
redimensionnées
et
des
miniatures
sont
créées.
Page
6
sur
22
Pour
modifier
une
image
ou
la
supprimer,
survolez
l’image
insérée
dans
votre
page
et
cliquez
sur
le
bouton
adéquat
:
Image
7
:
Modification
d’une
image
insérée
Chaque
image
téléchargée
est
visible
via
le
menu
Media
qui
répertorie
tous
les
médias
de
votre
site.
Vous
pouvez
également
téléchargé
d’autres
documents
et
les
gérer
à
partir
du
sous‐menu
Add
New
du
menu
Media.
Image
8
:
Liste
des
médias
d’un
site
Carte
géographique
Page
7
sur
22
Image
9
:
Insertion
d’une
carte
Pour
intégrer
une
carte
géographique
de
type
GoogleMap,
renseignez
l’adresse,
la
taille
de
la
carte
et
cliquez
sur
Add
location.
Publication
Lorsque
vous
avez
terminé
d’écrire
votre
page,
cliquez
sur
le
bouton
Publish.
Pour
voir
le
résultat
sur
votre
site,
cliquez
sur
Visit
Sit
(en
haut
de
l’écran).Vous
pouvez
à
tout
moment
prévisualiser
votre
travail
avec
le
bouton
Preview.
Il
vous
est
également
possible
de
sauvegarder
cette
page
sans
la
publier,
créant
ainsi
un
brouillon
(bouton
Draft)
de
celle‐ci.
Si
vous
avez
crée
une
page,
mais
que
vous
voulez
la
publier
à
une
date
donnée,
renseignez
alors
la
date
de
publication.
WordPress
s’occupe
du
reste.
Si
vous
êtes
contributeur,
vous
ne
pouvez
pas
publier,
mais
seulement
soumettre
à
relecture.
Hiérarchisation
Si
la
page
crée
est
une
sous‐page
d’une
page
déjà
crée,
sélectionnez
cette
page
au
niveau
de
la
liste
déroulante
Parent.
Dans
notre
exemple,
les
pages
Organization
Committee
et
Program
Committe
sont
des
sous‐pages
de
Committees
:
Page
8
sur
22
Image
10
:
structuration
du
site
–
Pages
et
sous­pages
Lors
de
l’affichage
du
menu
de
vos
pages,
elles
sont
par
défaut
classées
alphabétiquement.
Mais
vous
pouvez
choisir
de
les
classer
suivant
un
ordre
de
votre
choix.
Pour
cela,
attribuez
un
numéro
de
hiérarchie
à
chacune
de
vos
pages
au
niveau
de
la
case
Order.
Par
exemple,
notre
page
Home
sera
en
tête
de
menu,
donc
aura
le
numéro
0.
Nous
avons
8
pages,
et
nous
voulons
que
la
page
Forum
soit
la
dernière,
elle
aura
donc
le
numéro
8.
4. Apparence
du
site
4.1.
Le
menu
Appareance
Image
11
:
Liste
des
thèmes
disponibles
Thèmes
Les
thèmes
vous
permettent
de
modifier
rapidement
la
charte
graphique
de
votre
site.
Nous
avons
sélectionné
4
thèmes,
en
plus
des
deux
proposés
par
défaut.
Vous
pouvez
à
tout
moment
de
la
création
de
votre
site
modifier
son
thème.
Page
9
sur
22
Pour
chaque
thème,
vous
devrez
préciser
certains
points
comme
l’image
de
votre
logo
par
exemple.
Ces
paramètres
seront
accessibles
via
un
sous‐menu
du
menu
Appareance.
(N.B.
:
pour
ajouter
une
image
en
logo
pour
le
thème
Mumrik,
suivre
les
instructions
ici
:
http://frontendbook.com/adding‐a‐header‐image‐to‐the‐mumrik‐theme)
Vous
pouvez
également
télécharger
de
nouveaux
thèmes
via
le
sous‐menu
Add
new
themes.
Attention,
pensez
à
nous
prévenir
du
téléchargement
d’un
nouveau
thème,
car
seulement
nous
pouvons
activer
un
thème.
Widgets
Comme
explique
plus
haut
(cf.
Un
peu
de
vocabulaire),
les
widgets
vous
permettent
de
rajouter
des
petites
applications
à
votre
site.
Image
12
:
Gestion
des
widgets
Prenons
l’exemple
ci‐dessus.
Nous
avons
sélectionne
le
thème
Fusion.
Ce
thème
permet
de
rajouter
des
widgets
à
droite
d’une
page,
au
niveau
de
2
colonnes
différentes
(Default
Sidebar
et
2nd
sidebar),
et
en
bas
de
la
page
(Footer).
Il
existe
deux
catégories
de
widgets
:
‐
Avalaible
widgets
:
Cette
partie
recense
tous
les
widgets
à
disposition
‐
Inactive
widgets
:
elle
recense
tous
les
widgets
que
vous
avez
utilisé
et
déjà
configuré
(ou
que
nous
avons
configuré
pour
vous).
Pour
activer
un
widget,
glissez‐déposez
cet
élément
sur
le
barre
voulu.
Pour
désactivez,
procédez
de
manière
inverse.
Pensez
à
déposer
le
widget
dans
a
partie
Inactive
widget
pour
conserver
vos
paramètres.
Page
10
sur
22
Image
13
:
Activation
d’un
widget
Ajoutez
ou
modifiez
les
paramètres
et
enregistrez.
Parmi
ces
widgets,
voici
les
principaux
:
‐
qTranslate
Languge
Chooser
:
si
vous
choisissez
d’avoir
une
page
ou
tout
votre
site
disponible
en
plusieurs
langues,
ce
widget
permet
d’insérer
un
bloc
affichant
les
différentes
langues
(texte
et/ou
drapeau)
permettant
à
l’utilisateur
de
passer
d’une
langue
à
l’autre
par
un
simple
click.
‐
Pages
:
affiche
une
liste
de
toutes
vos
pages
selon
un
ordre
alphabétique
ou
par
hiérarchie
(cf.
création
d’une
page).
‐
Search
:
insère
une
fonction
recherche
au
sein
de
votre
site.
‐
Calendar
:
affiche
un
calendrier
du
mois
courant
‐
Your
Events
Calendar
:
affiche
un
calendrier
mensuel
avec
les
événements
que
vous
avez
paramétré
(cf.
ICI).
‐
RSS
:
insère
un
lien
rss
vers
un
site
de
votre
choix.
‐
Text
:
affiche
un
texte
sans
mise
en
forme
(possibilité
d’insérer
du
code
Html).
‐Sidebar
Photoblog
:
permet
d’afficher
plusieurs
images
au
niveau
d’une
de
vos
sidebars.
Page
11
sur
22
5. Gestion
des
utilisateurs
du
back‐office
5.1.
Rôle
des
utilisateurs
Pour
chaque
site,
il
y
a
au
moins
un
administrateur,
qui
a
tous
es
droits
sur
le
site.
Il
peut
y
avoir
d’autres
membres
avec
d’autres
droits.
Voici
un
récapitulatif
de
ces
droits
:
(Image
extraite
de
http://www.interconnectit.com/)
Tableau
1
:
Rôles
des
utilisateurs
5.2.
Gestion
des
rôles
Si
ces
droits
ne
vous
conviennent
pas,
ou
si
vous
avez
besoin
de
créer
d’autres
groupes,
vous
avez
à
votre
disposition
une
fonctionnalité
Capabilities
(sous‐menu
du
menu
Users).
Page
12
sur
22
Image
14
:
Gestion
des
rôles
Pour
un
rôle
donné,
vous
pouvez
ajouter
ou
supprimer
un
droit.
Et
vous
pouvez
créer
d’autres
rôles.
Dans
le
menu
Tools
>
Export,
vous
avez
la
possibilité
de
supprimer
toutes
les
modifications
faites.
5.3.
Créer
un
nouvel
utilisateur
Remplissez
le
formulaire
suivant
accessible
via
le
menu
Users
>
Add
New.
(Ne
décochez
pas
la
case
Skip
confirmation
Email).
Image
15
:
Création
d’un
nouvel
utilisateur
Un
mail
sera
envoyé
(en
français
et
anglais)
au
nouvel
utilisateur,
ainsi
qu’à
l’administrateur
du
site.
Seul
l’utilisateur
connaît
son
mot
de
passe.
Il
lui
est
possible
de
le
modifier
en
allant
dans
son
profil
(Users
>
Your
profile).
5.4.
Gestion
des
utilisateurs
par
l’administrateur
Un
tableau
récapitulatif
est
mis
à
disposition
de
l’administrateur
pour
gérer
facilement
les
utilisateurs
du
site
(modifier
les
informations
d’un
utilisateur,
le
supprimer,
changer
son
rôle)
Page
13
sur
22
Image
16
:
Liste
des
utilisateurs
6. Configuration
général
du
site
A
priori,
vous
n’avez
qu’à
configurer
certains
paramètres
lié
à
des
fonctionnalités
annexes
comme
:
‐
l’envoi
de
mail
directement
depuis
l’interface
(sous‐menu
MailPress
du
menu
Settings):
‐
le
choix
des
langues
de
votre
site
(sous‐menu
Languages
du
menu
Settings):
Vous
pouvez
facilement
activer/désactiver
les
langues
de
votre
site
via
le
tableau
suivant.
Image
17
:
Gestion
des
langues
du
site
Page
14
sur
22
7. Autres
fonctionnalités
:
7.1.
MailPress
(menu
MailPress):
Image
18
:
Configuration
de
l’outil
d’envoi
de
mails
–
partie1
Pour
l’onglet
General,
renseignez
l’email
de
l’administrateur,
et
son
nom.
Pour
l’onglet
SMTP,
renseignez
votre
login
et
mot
de
passe
ldap.
Image
19
:
Configuration
de
l’outil
d’envoi
de
mails
–
partie2
Ces
informations
enregistrées,
vous
pouvez
à
présent
envoyer
des
mails
aux
membres
du
site,
via
le
menu
Mail
>
New
Mail.
Page
15
sur
22
Image
20
:
Création
d’un
mail
Vous
pouvez
également
gérer
des
mailing
lists2
via
cet
outil.
Pour
cela,
créez
votre
liste
via
le
Menu
Mails
>
Mailinglist,
puis
allez
au
menu
Mails
>
Users,
et
attribuez
la
mailinglist
voulue
aux
utilisateurs
(Edit).
Vous
avez
la
possibilité
d’importer
des
listes
de
membres
directement
via
un
fichier
csv
(Mails
>
Import).
Comme
pour
votre
site,
vous
pouvez
appliquer
un
Template
à
vos
mails.
Activez
celui
désiré
grâce
au
menu
Mails
>
Themes.
7.2.
Events
Calendar
(Menu
Events
Calendar):
Ce
calendrier
permet
(contrairement
au
calendrier
par
défaut
de
WordPress)
d’insérer
des
événements
(publics
ou
non)
pour
une
date
donnée.
2
Un
lien
vers
le
système
Sympa,
gestionnaire
des
mailinglists
de
l’Inria
est
à
votre
disposition
au
niveau
de
votre
dashboard.
Page
16
sur
22
Image
21
:
Calendrier
(EventsCalendar)
activé
via
le
widget
associé
(Your
Events
Calendar)
Créez
tout
simplement
vos
événement
via
un
formulaire
(accessible
par
le
menu
EventsCalendar
>
Add
Event).
Image
22
:
Events
Calendar
–
Création
d’un
événement
Les
événements
non
publics
sont
visibles
seulement
par
les
rôles
sélectionnés
(administrateurs,
éditeurs,
etc.)
et
s’ils
sont
connectés
au
back‐office
au
moins
une
fois
(données
enregistrées
dans
le
navigateur
via
les
cookies).
Comme
vu
plus
haut,
un
widget
permet
d’afficher
ce
calendrier
(Your
events
calendar).
Vous
pouvez
également
insérer
ce
calendrier
au
niveau
d’une
page
en
insérant
ce
code
dans
la
partie
Visual
lors
de
la
rédaction
de
votre
page
:
[[EventsCalendarLarge]].
Page
17
sur
22
Au
niveau
du
back‐office,
un
calendrier
résumé
tous
les
événements
crées.
Image
23
:
Events
Calendar
–
Calendrier
du
back­office
7.3.
Forum
(menu
Forum
Server)
:
Pour
intégrer
un
forum,
écrivez
le
code
suivant
au
niveau
du
code
html
d’une
page
:
<
!—
VASTHTML‐‐>.
Puis
via
le
menu
Forum
Server
>
Categories
&
Forums,
créez
d’abord
une
catégorie
puis
un
forum
pour
une
catégorie
donnée.
Sélectionnez
un
Template
pour
l’affichage
vi
le
menu
Forum
Server
>
Skins.
Page
18
sur
22
Image
24
:
Affichage
d’un
forum
Vous
pouvez
restreindre
l’intervention
de
membres
sur
un
forum
donné
en
créant
un
user
group.
7.4.
Sidebar
Photoblog
(Menu
Appareance
>
Widget)
Ce
widget
vous
permet
d’afficher
de
façon
personnalisée
un
ensemble
d’images.
Image
25
:
Exemple
d’utilisation
du
widget
Sidebar
Photoblog.
Dans
un
premier
temps,
vous
devez
insérer
chaque
image
que
vous
voulez
afficher
au
niveau
d’un
post
(différent
d’une
page).
Pour
des
raisons
inhérentes
à
la
création
de
sites
web,
nous
n’avons
pas
besoin
de
créer
de
posts
(ou
articles)
pour
créer
un
site
web.
Le
menu
Posts
n’est
donc
pas
affiché.
Cependant,
nous
vous
avons
crée
un
certain
nombre
de
posts
pour
utiliser
ce
widget.
Au
niveau
du
dashboard
est
affiché
un
récapitulatif
du
nombre
de
pages
et
de
posts
contenus
dans
votre
site.
Page
19
sur
22
Image
26
:
Extrait
du
dashboard
Cliquez
sur
5
Posts.
Image
27
:
Liste
des
posts
de
votre
site
Éditez
un
post
et
insérez
une
image.
Répétez
l’opération
pour
chaque
image.
Si
vous
avez
besoin
de
créer
un
nouveau
post,
sélectionnez
New
post
au
niveau
du
menu
déroulant
de
l’en‐tête
de
l’interface.
Veillez
à
cocher
la
catégorie
«
Sidebar
Photoblog
»
pour
votre
nouveau
post.
Page
20
sur
22
Image
28
:
Création
d’un
nouveau
post
Page
21
sur
22
Liste
des
illustrations
:
Figure
1
:
Structure
d’une
page
web .......................................................................................................... 3
Image
1
:
Dashboard.......................................................................................................................................... 4
Image
2
:
Structuration
du
site ..................................................................................................................... 5
Image
3
:
Création
d’une
page....................................................................................................................... 5
Image
4
:
2diteur
de
texte ............................................................................................................................... 6
Image
5
:
Boutons
de
l’éditeur
de
texte..................................................................................................... 6
Image
6
:
Insertion
d’un
média
dans
une
page ...................................................................................... 6
Image
7
:
Modification
d’une
image
insérée ........................................................................................... 7
Image
8
:
Liste
des
médias
d’un
site ........................................................................................................... 7
Image
9
:
Insertion
d’une
carte..................................................................................................................... 8
Image
10
:
structuration
du
site
–
Pages
et
sous‐pages ..................................................................... 9
Image
11
:
Liste
des
thèmes
disponibles.................................................................................................. 9
Image
12
:
Gestion
des
widgets ................................................................................................................. 10
Image
13
:
Activation
d’un
widget............................................................................................................ 11
Tableau
1
:
Rôles
des
utilisateurs............................................................................................................. 12
Image
14
:
Gestion
des
rôles ....................................................................................................................... 13
Image
15
:
Création
d’un
nouvel
utilisateur......................................................................................... 13
Image
16
:
Liste
des
utilisateurs ............................................................................................................... 14
Image
17
:
Gestion
des
langues
du
site .................................................................................................. 14
Image
18
:
Configuration
de
l’outil
d’envoi
de
mails
–
partie1 .................................................... 15
Image
19
:
Configuration
de
l’outil
d’envoi
de
mails
–
partie2 .................................................... 15
Image
20
:
Création
d’un
mail .................................................................................................................... 16
Image
21
:
Calendrier
(EventsCalendar)
activé
via
le
widget
associé
(Your
Events
Calendar) ................................................................................................................................................... 17
Image
22
:
Events
Calendar
–
Création
d’un
événement................................................................ 17
Image
23
:
Events
Calendar
–
Calendrier
du
back‐office................................................................ 18
Image
24
:
Affichage
d’un
forum ............................................................................................................... 19
Image
25
:
Exemple
d’utilisation
du
widget
Sidebar
Photoblog. ................................................ 19
Image
26
:
Extrait
du
dashboard............................................................................................................... 20
Image
27
:
Liste
des
posts
de
votre
site ................................................................................................. 20
Image
28
:
Création
d’un
nouveau
post ................................................................................................. 21
Page
22
sur
22

Was this manual useful for you? yes no
Thank you for your participation!

* Your assessment is very important for improving the work of artificial intelligence, which forms the content of this project

Download PDF

advertising