Gestion du site web

La deuxième partie de la configuration concerne la personnalisation de l’apparence du site web de votre conférence pour lui donner une identité visuelle : l’aspect général et les pages.

Plusieurs étapes sont disponibles pour paramétrer l’aspect du site web de la conférence :

- Général : langues, contact, documentation, - En-tête : formulaire de configuration ou bandeau personnalisé, - Disposition : alignement, largeur et position du menu - Apparence : image de fond, couleurs, taille et police de caractères ou feuille de style - Pages : créer et gérer le menu du site - Page d’accueil : contenu de la page d’accueil du site - Actualités : contenu du fil d’actualité - Ressources : stockage des différents fichiers textes et images du site (ex : logos, bandeau, contrat de cession de droits d’auteur, etc.) - Statistiques : information sur l’accès aux statistiques

Paramètres généraux

Dans Site Web > Général, vous pourrez définir différents paramètres tels que la langue de votre site et personnaliser la partie support.

La langue

Les langues disponibles sont le français, l’anglais et l’espagnol. Vous avez le choix de sélectionner jusqu’à trois langues pour votre interface en maintenant la touche « Majuscule ». Si vous choisissez plusieurs langues, les utilisateurs pourront changer la langue du site en cliquant sur les codes de langue, en haut, à gauche du site.

../_images/langue_site.png

Vous pouvez aussi définir la langue par défaut pour votre site.

Note

Nous vous conseillons de choisir les langues dès les premières configurations de votre site. En effet, pour chaque page ou champ créé, vous devrez compléter le contenu dans les langues choisies. Si vous choisissez les langues en cours de route, vous devrez repasser sur chaque page et saisir le contenu dans la (ou les) langue(s) ajoutée(s).

Le contact

Sciencesconf a créé pour vous un alias. Celui-ci est du type [nomcourtconference@sciencesconf.org](mailto:nomcourtconference@sciencesconf.org).

Par défaut, cette adresse sera l’adresse utilisée pour contacter le support, c’est-à-dire pour vous contacter. Si vous souhaitez être contacté par une autre adresse e-mail, vous pouvez modifier l’adresse e-mail du contact.

Vous avez aussi la possibilité d’ajouter un lien vers la documentation utilisateur.

Toutes ces informations seront visibles dans la partie Support du menu.

En-tête

Dans Site Web > En-tête, vous pouvez paramétrer l’en-tête du site de trois façons :

Formulaire rapide de configuration de l’en-tête

Si vous utilisez ce type de paramétrage, vous devrez choisir un titre pour votre conférence. Si votre conférence est en plusieurs langues, vous devrez saisir le titre dans chaque langue sélectionnée.

Vous pouvez renseigner une description, choisir la couleur de votre texte et la couleur de fond.

Vous pouvez aussi inclure un logo. Ce logo apparaîtra en haut à gauche de toutes les pages. La taille recommandée est de 150 x 150px. Les formats acceptés sont .jpg, .png ou .gif.

Vous avez aussi le choix d’afficher des informations telles que la date et le lieu de votre conférence.

Finalement, vous avez la possibilité d’ajouter une image de fond qui se positionnera automatiquement sous le logo et le texte.

Cette image sera affichée aux dimensions originales et ne sera pas redimensionnée par l’outil.

Bandeau personnalisable en HTML

Avec cette option, vous avez accès à un éditeur de texte. Vous pouvez soit coller votre image, soit passer en mode HTML et saisir le code HTML de votre en-tête.

Bandeau Image

Si vous utilisez l’option Bandeau Image, votre bandeau doit être travaillé par vos soins. L’image ne sera pas redimensionnée. Il suffit de joindre un fichier.

La taille recommandée pour le bandeau est de 980 x 160px.

Astuce

Si vous passez d’un mode à un autre, il faudra bien effacer les images chargées dans les options précédentes, sinon vous risquez d’avoir un cumul d’images sur votre en-tête.

Disposition

La partie Site Web > Disposition concerne le style de votre site : - l’alignement à gauche ou au centre - la largeur de vos pages fixe ou variable - la disposition du menu : vous pouvez choisir entre un menu vertical (qui s’affiche à gauche de la page) ou horizontal (qui s’affiche en haut de la page, sous le bandeau de titre).

La disposition du site web est optimisée pour la navigation sur ordinateur. Il n’y aura pas d’adaptation pour la navigation sur smartphone.

Apparence

Le menu Site Web > Apparence concerne notamment le choix des couleurs et des polices de votre site. Vous avez trois possibilités pour paramétrer l’apparence de votre site.

Configuration en 1 clic

Vous avez le choix entre 16 thèmes graphiques prédéfinis.

Configuration rapide

Vous choisissez l’image de fond et ses répétitions (x,y). Vous définissez la couleur de fond, la couleur principale du site (par exemple la couleur de fond du menu) ainsi que la couleur du texte.

Dans cette partie, vous pouvez aussi définir la police, la taille du texte et des titres.

Configuration avancée

Avec cette option, vous pouvez éditer la feuille de style du site et vous configurez l’apparence en détail.

Pages

Les pages permettent d’enrichir le menu Navigation. Pour ajouter des pages, allez dans Site Web > Pages.

Vous pouvez ajouter des pages prédéfinies ou des pages personnalisables : - Page d’accueil : une page unique, Une du site ; - Lien : permet de créer un lien vers une page extérieure ; - Fichier : permet d’afficher un document dans le navigateur ou de le relier à une page ; - Soumission d’une communication ; - Consultation des communications par auteur, par intervenant, par thématique ou par type de document - Rechercher une communication de la conférence ; - Programme ; - Inscription à la conférence ; - Ressources : flux RSS, galerie photos, liste des participants, accès, sponsors, actualités ; - Page personnalisable : pour créer des pages d’information. Vous pouvez également ajouter autant de pages personnalisables que vous souhaitez.

Après ajout d’une page, vous devez cliquer sur le bouton `Enregistrer` afin de voir apparaitre la page dans le menu et pouvoir l’éditer.

Note

On ne peut créer qu’une seule page par type de page sauf pour les pages “Lien”, “Fichier”, “Page personnalisable” et “galerie photos”.

Les différents types de pages

La page d’accueil

La page d’accueil est la seule page créée par défaut et ne peut pas être supprimée.

Par défaut, la page d’accueil reprend le contenu de la description que vous avez renseigné lors de la demande de création de site web.

Pour la modifier, cliquez sur l’icone Modifier le contenu de la ligne Accueil ou bien dans Site Web > Page d’accueil.

La page d’accueil peut être découpée en 2 colonnes : une colonne dite « zone principale » et une autre dite « colonne latérale droite ». Chaque colonne est divisée en blocs composés d’un titre et d’un contenu.

Cliquez sur « Ajouter des blocs de texte » pour ajouter du contenu sous forme de blocs que vous placerez dans la zone principale ou dans la colonne latérale de droite. Vous pouvez déplacer les blocs grâce aux flèches à gauche de chaque bloc. Voir image suivante.

../_images/page_blocs.png

Dans les « Options avancées », vous pouvez modifier aussi la largeur de la zone principale, la couleur de fond de la zone latérale et insérer des séparateurs entre la partie principale et la colonne de droite.

Lien web

Avec cette page, vous ajoutez un lien à votre Menu.

Vous pouvez ajouter plusieurs pages de ce type.

Exemple : des pages indiquant les hôtels à proximité.

Fichier

Avec cette page, vous ajoutez un fichier à votre Menu.

Vous pouvez ajouter plusieurs pages de ce type.

Exemple : un fichier avec une carte du campus, un programme fait totalement par vos soins, une liste de restaurants à proximité, etc.

Page personnalisable

Cette page est totalement configurable à l’aide d’un éditeur de texte.

Si votre site est en plusieurs langues, le contenu devra être paramétré dans toutes les langues du site avant de pouvoir enregistrer la page.

L’éditeur de texte vous permet de passer en mode HTML si vous souhaitez personnaliser la page plus en détail.

Vous pouvez ajouter plusieurs pages de ce type.

Consultation par

Vous pouvez ajouter des pages de consultation des dépôts acceptés. Les types de consultations possibles sont par Auteur, Intervenant, Type de dépôt ou Thématique.

Recherche

Cette page permet aux utilisateurs de rechercher un dépôt par rapport aux champs obligatoires renseignés par les déposants.

Programme

La page Programme permet de rendre le programme accessible aux utilisateurs dans le Menu Navigation. La configuration du contenu du programme se fait dans le menu Programme

Inscription

La page Inscription permet aux utilisateurs d’accéder au formulaire d’inscription même s’ils ne sont pas connectés. La configuration du formulaire d’inscription se fait dans le menu Gestion de l’inscription

Toutefois, la création de compte et la connexion sont obligatoires pour les personnes qui s’inscrivent à votre conférence.

Galerie photo

Grâce à cette page, vous pouvez ajouter des images et créer votre propre galerie photo.

Vous pouvez ajouter jusqu’à 5 pages de ce type.

Liste des participants

La liste de participants se met à jour automatiquement lorsqu’une inscription est validée et payée si l’inscription est payante.

La liste des éléments affichés pour chaque inscrit est paramétrable en cliquent sur l’icone « Modifier le contenu ».

Si le nombre de participants dans la « Liste des participants » n’est pas égal à la liste des inscrits, il se peut que les participants n’aient pas finalisé leur inscription (pas de paiement, inscription incomplète), soit les inscrits n’ont pas cliqué sur le lien leur permettant de valider la création de leur compte.

Plan d’accès

Cette page vous permet d’insérer un lien vers une carte grâce à l’éditeur de texte en mode HTML.

Vous pouvez aussi insérer des coordonnées géographiques dans le champ latitude-longitude.

Sponsors

Cette page vous permet d’ajouter des sponsors. Vous pourrez indiquer leur nom, une description, un logo et éventuellement l’URL du site web du sponsor.

Vous pouvez réorganiser la liste des sponsors par un cliquer-déposer sur la liste des sponsors.

Lecteur RSS

Cette page vous permet d’ajouter une adresse de fil RSS.

Déposer

Avec l’ajout de cette page, les utilisateurs pourront déposer leur soumission depuis la partie Navigation. La configuration du formulaire de dépôt se fait dans le menu Gestion éditoriale

Toutefois, la création de compte et la connexion sont obligatoires pour les personnes qui déposent un résumé ou une communication.

Actualités

Cette page vous permet de mettre en valeur vos actualités via une page dédiée. Après avoir créé la page, vous pouvez ajouter des actualités en allant sur le bouton “Modifier le contenu” ou via le menu Site web > Actualités

Ajouter un dossier (une page avec des sous-pages)

Vous avez aussi la possibilité de structurer le menu en ajoutant des dossiers pour regrouper plusieurs pages. Dans Site Web > Pages, il suffit de cliquer sur « Ajouter un dossier » et lui donner un nom, puis de glisser des pages sous ce dossier grâce aux flèches à gauche de chaque titre.

Il faut au moins deux pages pour créer un dossier avec des sous-pages. S’il n’y a qu’une page dans un dossier, celui-ci ne s’affichera pas, seule la page sera visible.

../_images/page_dossier.png

Exemple de menu avec quelques pages ajoutées :

../_images/navigation_exemple.png
Le menu doit être enregistré afin de voir apparaître les pages dans le Menu et pouvoir éditer leur contenu à l’aide de l’icone

d’édition.

Droits de consultation, droit de modification et édition du contenu

Pour toutes les pages, vous pouvez modifier les droits de consultation par type d’utilisateur (crayon): public, membre (personne connectée avec un compte Sciencesconf), rédacteur, relecteur, gestionnaire, coordinateur, webmaster et administrateur).

Pour certaines pages, vous pourrez aussi paramétrer les droits de modification.

../_images/pages.png

Actualités

Depuis le menu Site web > Actualités, vous pouvez gérer les actualités de votre conférence.

Pour ajouter une actualité, cliquer sur “Ajouter une actualité”.

Le formulaire de saisie d’une nouvelle actualité comporte trois champs. Tous les champs marqués sont obligatoires.

Titre : titre de votre actualité Contenu : description de l’actualité URL cible : url de la page permettant d’avoir davantage d’informations

Ces actualités pourront être consultées sur une page de votre site ou via RSS.

Ressources

Dans Site Web > Ressources, vous avez accès à toutes les ressources déposées sur votre site.

Vous pouvez, depuis cette page, les remplacer ou les supprimer. Les ressources sont tous les fichiers externes utilisés pour enrichir votre site web, comme les images, les logos des sponsors, les fichiers utilisés dans les pages de type Fichier, etc.

Statistiques

A la création de votre site, vous pouvez demander la création d’un accès sur Matomo, logiciel d’analyse web des statistiques de consultation. Il vous fournit des rapports détaillés sur les visiteurs de votre site Web : moteur de recherche et mots clés utilisés, leurs langues, vos pages les plus populaires…

Les identifiants de connexion sont indiqués sur la page Site Web > Statistiques.

Pour plus d’informations sur cet outil, vous pouvez lire leur documentation en anglais : Piwik tour

Vous avez aussi l’option d’utiliser Google Analytics si vous avez déjà un compte.