Guide utilisateurs

Table des matières

Introduction

Le but de ce support est de vous guider dans la gestion de votre site BasketClubs. L’outil de gestion étant très intuitif, vous n’aurez peut-être pas besoin de cette documentation pour le prendre en main et nous vous invitons d’ailleurs à vous lancer sans la lire entièrement. Elle peut toujours vous servir comme support occasionnel pour répondre à des questions ponctuelles.

Trucs et astuces

En parcourant cette documentation, vous découvrirez régulièrement cette image de ballon de basket. Celle-ci met en évidence une astuce ou un conseil particulier vous permettant de rendre votre site internet encore plus professionnel, complet, ou simplement de le personnaliser davantage.

Voici donc notre premier conseil : si vous vous sentez déjà à l’aise avec l’administration de votre nouveau site ou si vous avez déjà un peu d’expérience dans la gestion de contenu de sites web, contentez-vous dans un premier temps de parcourir ces astuces. Cela suffira certainement …

Evolutions futures

L’équipe BasketClubs continuera à développer l’outil en l’améliorant et en proposant régulièrement de nouvelles fonctionnalités. Bien sûr, vous serez informés de ces améliorations, notamment via le portail tst.basketclubs.be, du panel d’administration et d’une newsletter.

Les formules

L’offre BasketClubs se décline en 3 formules : Starter (gratuite), Pro et Premium. Certaines fonctionnalités ne sont pas accessibles dans les offres Starter et Pro.

Afin de vous éviter des lectures inutiles, les sections se rapportant à de telles options seront marquées des repères suivants :

  • Pro : Option disponible dans les offres Pro et Premium
  • Premium : Option disponible dans l’offre Premium

Structure de votre site

Votre site est composé de différentes zones dont vous pouvez facilement configurer le contenu et l’apparence :

  • l’en-tête, tout en haut.
  • le menu de navigation, disposé horizontalement sous l’en-tête.
  • le haut de la zone centrale, disponible à partir de la formule Pro. Vous pourrez l’alimenter grâce à de petits modules, appelés “widgets”. Celle-ci s’étendra en fonction de la taille du contenu que vous y placerez.
  • la zone centrale, dans laquelle apparaîtra le contenu relatif à la page visitée. Celle-ci s’étendra en fonction de la taille de ce contenu.
  • le bas de la zone centrale, que vous pourrez alimenter grâce à de petits modules, appelés “widgets”. Celle-ci s’étendra en fonction de la taille du contenu que vous y placerez.
  • la barre latérale, que vous pourrez alimenter grâce à de petits modules, appelés “widgets”. Celle-ci s’étendra en fonction de la taille du contenu que vous y placerez.
  • le pied de page, tout en bas, qui est l’unique zone dont le contenu est totalement alimenté par nos soins.
structure

Premium

Dans l’offre Premium, vous disposez de 2 zones supplémentaires qui peuvent être alimentées à l’aide de widgets :

  • Une zone dans le haut de la page (sous le menu), occupant toute la largeur de celle-ci.
  • Une zone dans le bas de la page, occupant également toute la largeur.

Accéder au panel d’administration

Le panel d’administration est l’espace qui vous permet de gérer l’entièreté de votre site. C’est à partir de celui-ci que vous pouvez rédiger vos contenus (pages, actualités, galeries, équipes, …) et les mettre en ligne, insérer des photos et vidéos, personnaliser le style et les couleurs, découvrir les statistiques des visites du site, etc.

Vous avez reçu un e-mail confirmant que votre site a bien été créé. Celui-ci contient l’adresse de votre site, votre identifiant et votre mot de passe.

Pour vous connecter à cet espace d’administration, ajoutez /admin à la fin de l’adresse de votre site (exemple : https://tst.basketclubs.be/bcalleyoop/admin), saisissez votre identifiant et votre mot de passe, et cliquez sur le bouton “Se connecter”.

login

Le panel d’administration fonctionne sur tous les navigateurs. Cependant, pour votre confort, nous vous recommandons d’utiliser les dernières versions de Chrome, Safari ou Firefox.

Une fois connecté, vous arrivez dans l’espace d’administration qui se compose de 3 parties :

  • Dans la partie supérieure, l’en-tête, qui vous indique
    • à gauche, le nom de votre site avec un lien vers celui-ci.
    • à droite, l’identifiant avec lequel vous êtes connecté, ainsi que des liens pour modifier votre profil d’utilisateur et pour vous déconnecter. Sous celui-ci se trouve la section d’aide globale où vous pouvez consulter la documentation.
  • Dans la partie gauche, le menu de navigation du panel.
  • Dans la partie centrale, toutes les informations de la rubrique que vous êtes en train de visiter.
structure_admin

Tableau de bord

Une fois connecté, vous arrivez sur le tableau de bord, la page centrale du panel d’administration qui fournit un certain nombre d’informations globales. Celui-ci est composé de plusieurs modules :

  • Mon abonnement
  • Utilisation de l’espace disque
  • Votre activité en un coup d’oeil
  • Statistiques de visite
  • Vidéos explicatives
  • Envoi d’email aux membres

Mon abonnement

diskspace

Ce module résume les caractéristiques de votre abonnement, à savoir :

  • La formule que vous utilisez actuellement
  • Le fait que vous soyez en période d’essai ou pas
  • La date de fin votre abonnement ou de votre période d’essai en cours (ainsi que le nombre de jours restant)

Vous y trouverez également de temps en temps des messages importants comme l’annonce de nouvelles fonctionnalités ou de promotions en cours.

Utilisation de l’espace disque

diskspace

Ce module vous donne un aperçu de votre espace disque total, utilisé et disponible. Pour rappel, l’espace disque alloué est de 500 Mo dans la formule Starter (gratuite).

Votre activité en un coup d’oeil

activity

Ce module résume le nombre de pages, actualités et galeries disponibles sur votre site, et indique si ceux-ci sont publiés.Si ces concepts ne vous sont pas familiers, pas de panique. Non seulement ils sont très simples à assimiler mais en plus, il vous seront expliqués dans la section suivante.

Statistiques de visites

statistics

Vous pouvez ici consulter d’intéressantes statistiques de fréquentation de votre site en termes de pages vues, de visites et de visiteurs. En cliquant sur le bouton “Voir toutes les statistiques”, vous découvrirez un détail de ces statistiques sur différentes périodes, page par page, ou même par zones géographiques de vos visiteurs.

Vidéos explicatives

videos

Pas besoin de vous en dire beaucoup plus sur cette section, si ce n’est que nous vous recommandons vivement de visionner ces vidéos

Envoi d’email aux membres Premium

email-members

Ce module vous permet d’envoyer un email à un ou plusieurs groupes de membres enregistrés dans vos pages « Comité », « Entraîneurs », « Arbitres » et dans vos pages d’équipes.

Le cadre regroupe l’ensemble des groupes que vous avez publiés et indique, pour chacun d’entre eux, le nombre de membres pour lesquels une adresse email est définie. Vous devez en premier lieu cocher la ou les cases correspondant aux groupes auxquels vous souhaitez envoyer le mail.

Si vous souhaitez envoyer le mail directement depuis l’intérieur du système, cliquez sur le bouton “Rédiger un message ici”, ce qui fera apparaître des cadres reprenant l’ensemble des destinataires, le sujet du mail et le corps du message (voir image ci-dessous). Notez que vous pouvez ajouter manuellement des adresses email à la liste composée automatiquement, en les séparant par des virgules. Une fois les différentes informations remplies, il ne reste plus qu’à appuyer sur “Envoyer email”.

email-members2

Si vous souhaitez envoyer le mail depuis votre client email par défaut (par exemple pour que tous vos emails envoyés soient centralisés au même endroit), il faudra alors appuyer sur “Rédiger un message dans votre client email” après avoir sélectionné les groupes de destinataires. Cela ouvrira directement votre client email par défaut avec la liste de destinataire pré-remplie.

Si vous ne souhaitez pas utiliser le système pour envoyer des emails, et que vous n’utilisez pas non plus votre client email par défaut, vous pouvez malgré tout utiliser ce mécanisme pour gérer automatiquement vos listes de diffusion. Une fois que vous avez sélectionné vos groupes de destinataires, vous pouvez cliquer sur “Rédiger un message ici” afin de faire apparaître la liste des emails, et ensuite copier-coller celle-ci dans le client mail de votre choix.

Panel d’administration : principes généraux

Aide en ligne

Lorsque vous naviguerez dans le panel d’administration, vous verrez régulièrement apparaître cette petite icône représentant un point d’interrogation : help_icon. Celle-ci correspond à un point d’entrée vers l’aide en ligne. En cliquant dessus, vous ouvrez un nouvel onglet qui vous fournit des explications détaillées sur la section de l’outil qui s’y rapporte. N’hésitez pas à les consulter en cas de doute !

Navigation

rubriques
Le menu de navigation se situe sur la gauche du panel d’administration et vous permet d’accéder aux rubriques et aux outils.
Pour vous faciliter la tâche, nous avons prédéfini les rubriques. Celles-ci correspondent directement à l’affichage du menu sur votre site.
tools
En dessous, vous trouverez les outils qui permettent de personnaliser davantage votre site afin que celui-ci soit à l’image de votre club.

Editeur de texte

Pour chaque page/actualité/équipe/galerie, vous avez la possibilité d’ajouter ou modifier du texte. Cela se fait à l’aide d’un éditeur simple d’utilisation qui comprend les fonctionnalités habituelles d’un éditeur de texte.

Nous ne détaillerons pas chaque touche de cet éditeur. Sachez toutefois qu’en cas de doute, il vous suffit de laisser passer votre curseur sur l’icône pour recevoir de l’information sur son utilité.

editor1

Certaines de ces touches sont particulièrement intéressantes pour rendre votre site agréable à lire :

link
Ce bouton vous permet, après avoir sélectionné du texte, d’appliquer un lien vers une page d’un site Internet ou de votre propre site.
editor_link
Apparaît alors un champ dans lequel vous devez fournir l’adresse (URL) du lien. Il vous faudra alors appuyer sur la flèche vers la gauche pour le valider. En appuyant sur la roue dentelée à droite de la flèche, vous ouvrez une boite permettant de préciser d’autres caractéristiques du lien (voir image ci-dessous).
Lorsque vous insérez un lien vers un autre site dans l’un de vos contenus, nous vous recommandons de sélectionner l’option “Ouvrir le lien dans une nouvelle fenêtre/un nouvel onglet” (voir illustration suivante). La page de visite de votre site restera alors active et l’utilisateur y reviendra après avoir fermé la fenêtre qui vient de s’ouvrir. Dans le cas contraire, il risque de ne plus revenir vers votre site.
insert_link
unlink
Ce bouton vous permet d’annuler l’attribution d’un lien à un texte sélectionné.
toolbar
Ce bouton vous permet d’ouvrir et fermer la barre d’outils, c’est-à-dire la deuxième ligne de boutons de l’éditeur.
table
Ce bouton et le menu qui l’accompagne permettent de créer et gérer des tableaux dans vos contenus. Pour vous simplifier la tâche, les tableaux créés avec cet outil possèdent déjà par défaut un style de qualité, cohérent avec le design de votre site, et qui s’adapte à tous les supports (PC, tablettes, smartphones, …).L’ajout d’un tableau se fait grâce au menu “Insérer un tableau”, après avoir sélectionné le nombre de lignes et de colonnes désiré.

Vous pouvez ensuite personnaliser un peu plus le contenu de votre tableau (alignement; types de cellules : en-tête ou normales; couleur du bord; couleur de l’arrière plan) grâce à l’entrée “Propriétés de la cellule du tableau” dans le menu “Cellule”. Sélectionnez dans un premier temps les cellules dont vous voulez adapter le style et réalisez les changements désirés. Vous pouvez également appliquer le même type de personnalisation à l’ensemble d’une ligne ou d’une colonne, grâce aux menus “Ligne” et “Colonne”. L’outil étant simple et intuitif, nous vous laissons le découvrir.

Par défaut, les tableaux sont créés avec un bord gris, cohérent avec les autres tableaux prédéfinis dans certaines pages du site (entraînements, équipes, …). Cependant, si vous ne voulez pas en afficher de bord, il vous suffit de sélectionner l’entièreté du tableau, et dans l’onglet “Avancé” des “Propriétés de la cellule du tableau”, de définir un bord blanc (la couleur tout en haut à gauche du spectre des couleurs).

En plus du texte, vous pouvez insérer à tout moment des médias (photos, documents, vidéos, etc.) dans vos contenus. Ceux-ci apparaîtront également dans l’éditeur. Cela vous sera expliqué au chapitre “Gérer les médias”.

Enfin, remarquez que l’éditeur est un outil de type “WYSIWYG” (“What You See Is What You Get” – “Tel affichage, tel résultat”), ce qui signifie que le contenu que vous rédigez apparaît sur votre site de la même manière que dans l’éditeur.

Formulaires et calendriers Google

Il vous est possible d’insérer dans vos différents contenus des agendas Google ou des formulaires Google. Si vous ne connaissez pas ceux-ci, nous vous recommandons fortement de vous renseigner sur leur utilité, car ils peuvent s’avérer très pratiques dans la gestion de votre club.

Pour insérer ces calendriers et formulaires, il suffit d’utiliser le bouton « Google » qui apparaît dans la barre d’outils de l’éditeur de texte.

Insérer un calendrier Google

Parmi les nombreux avantages des calendriers (ou agendas) Google, on retrouve notamment le fait qu’il peuvent

  • Être gérés simultanément par plusieurs personnes
  • Être rendus publics et accessibles depuis une simple page web
  • Être facilement intégrés dans un site web

Ils constituent donc un outil très pratique pour informer les visiteurs du site au sujet des activités de votre club.

Pour insérer un calendrier, vous devrez préciser 2 informations:

  • L’identifiant du calendrier (voir explications ci-dessous)
  • Le type de vue, c’est-à-dire la manière dont vous souhaitez afficher le calendrier. Vous avez 3 options possibles:
    • une vue « calendrier » par mois
    • une vue « calendrier » par semaine
    • une vue en « liste de tâches » (ou liste d’événements)

L’identifiant du calendrier peut être récupéré dans la rubrique des paramètres de votre agenda Google. Dans le bas de cette rubrique vous trouverez une section « Intégrer l’agenda » et une sous-section « ID de l’agenda » (voir illustration ci-dessous). C’est cet identifiant que vous devez coller dans le champ « Identifiant calendrier ». Notez que si l’agenda est directement relié à une adresse e-mail, c’est cette adresse qui constituera l’identifiant. Il n’est donc pas forcément nécessaire de partir à sa recherche dans les paramètres Google.
Attention : pour qu’un agenda puisse être vu par tout le monde dans votre site, il doit être rendu disponible publiquement. Cela se configure également sur la page des paramètres de votre agenda Google (voir illustration ci-dessous).

Une fois que vous avez terminé de configurer le calendrier Google, vous voyez apparaître un code technique entre crochets ( [ ] ). C’est ce code qui permet l’intégration du formulaire. Si vous le modifiez, le calendrier risque de ne plus apparaître dans le site.

Pour supprimer le calendrier , il vous suffit d’effacer ce code.

Dans l’illustration ci-contre, vous pouvez voir un exemple de calendrier Google intégré dans un site, avec la vue « calendrier » par mois :

Insérer un formulaire Google

Un formulaire Google est ou outil très efficace, par exemple pour récolter des inscriptions à un souper ou des commandes/achats de matériel. Il possède l’avantage de pouvoir être partagé avec un simple lien. Il peut également être intégré sans problème dans un site web.

Afin d’afficher un formulaire, vous devrez préciser 2 informations:

  • Le lien du formulaire (voir explications ci-dessous)
  • La hauteur (en pixels) de l’espace dans lequel vous souhaitez placer ce formulaire. En fonction de votre préférence d’afficher l’entièreté du formulaire dans la page ou bien de devoir « scroller » pour le parcourir, vous serez amené à « jouer » avec cette hauteur jusqu’à obtention de celle qui vous convient.

Le lien du formulaire est une adresse web (URL) que vous devrez récupérer après avoir configuré celui-ci sur le site https://docs.google.com/forms. Dans la barre supérieure, un lien « aperçu » est disponible (voir illustration ci-dessous). Celui-ci ouvre une page avec le formulaire présenté tel qu’il sera vu par les visiteurs. C’est l’adresse de cette page que vous devez récupérer dans la barre d’adresse et coller dans le champ « Lien du formulaire ». Celui-ci termine par le mot « viewform » (exemple: https://docs.google.com/forms/d/e/1FAIpQLSee5MFK8jv0r2dPbNCpnTIaqUrfv9XwiQl_h-xYEfw/viewform).

Une fois que vous avez terminé de configurer le formulaire Google, vous voyez apparaître un code technique entre crochets ( [ ] ). C’est ce code qui permet l’intégration du formulaire. Si vous le modifiez, le formulaire risque de ne plus apparaître dans le site.

Pour supprimer le formulaire, il vous suffit d’effacer ce code.

Dans l’illustration qui suit, vous pouvez voir un exemple de formulaire Google intégré dans un site :

Publier et gérer les états de vos contenus

Pour rendre une page, une actualité, une équipe ou une galerie visible sur votre site, vous devrez la publier. Cette publication s’effectue à l’aide du cadre “Publier” que vous trouverez en haut à droite de l’éditeur de texte.

publish_content1

Après avoir édité votre contenu, plusieurs options s’offrent à vous :

publier Ce bouton vous permet de publier instantanément la page/actualité/équipe/galerie, et donc de la rendre visible sur votre site.
publish2
En cliquant sur “Modifier” à coté de l’intitulé “Publier tout de suite”, vous avez également la possibilité de différer la publication de votre contenu. Cela vous permet, par exemple, de préparer une actualité à l’avance et de la publier automatiquement alors que vous serez en vacances sans connection internet.
Saisissez simplement la date et l’heure de publication, appuyez sur “OK”, et le tour est joué!
enregistrer Grâce à ce bouton, vous pouvez enregistrer le contenu sans le rendre visible sur le site, en le laissant donc en “brouillon” (son statut original). Vous pourrez y revenir à tout moment pour le modifier, le publier, ou l’enregistrer à nouveau.
apercu Ce bouton permet de visualiser, dans une nouvelle fenêtre, un aperçu de ce que donnera le contenu sur votre site, sans pour autant le publier ni l’enregistrer.
brouillon Enfin, vous pouvez également directement spécifier l’état à donner à votre contenu, en cliquant sur “Modifier” à coté de l’intitulé “Etat : Brouillon”. Un nouveau statut “En attente de relecture” apparaît. Celui-ci sert, notamment, si plusieurs personnes rédigent du contenu pour votre site et que vous désirez qu’une autre vous relise avant de publier.

Comme vous pouvez le voir ci-dessous, le système vous donne, dans la partie supérieure de l’écran, la confirmation que votre contenu est publié. Le bouton “Publier” devient alors “Mettre à jour”, qui est à utiliser pour publier les nouvelles modifications.

publish_content2
publie2
Vous observerez qu’un nouveau statut apparaît alors dans la liste déroulante des états possibles : “Publié”.
Il y a donc pour l’instant 3 états possibles pour les contenus : “Publié”, “Brouillon” et “En attente de relecture”.Vous verrez plus tard qu’il existe une quatrième état (“Corbeille”) pour les actualités. Celui-ci vous sera expliqué dans le chapitre “La rubrique ‘Actualités’ ”.

Options d’affichage

options_affichage Ce cadre apparaît dans la partie droite lors de l’édition d’un contenu. Il vous permet de contrôler la façon dont s’affichera ce contenu dans le site. Les options d’affichage disponibles varient en fonction du type de contenu.

Partager vos contenus sur les réseaux sociaux

L’option “Partage réseaux sociaux” est présente quel que soit le type de contenu. Elle vous offre la possibilité d’afficher dans le site une barre d’icônes permettant à vos visiteurs de partager le contenu sur les réseaux sociaux (Facebook, Twitter, WhatsApp, Telegram). En cochant la case d’affichage des boutons de partage, vous ferez apparaître ces icônes à la fin de votre contenu :

Nous vous recommandons d’utiliser cette fonctionnalité pour partager directement vos contenus sur la page Facebook de votre club (si vous en possédez une). Cela vous permettra de gagner du temps en ne rédigeant qu’une seule fois l’information et en la diffusant en une fois sur vos deux canaux de communication principaux.

Menu dynamique

Un des nombreux avantages de l’outil BasketClubs est qu’il gère pour vous toute une série de choses dont vous ne devez pas vous soucier. C’est le cas du menu de votre site, qui est construit dynamiquement, en fonction des pages, actualités et galeries que vous avez publiées.

Lorsque vous recevez votre site, son menu est quasi vide, puisqu’il ne contient qu’un article de bienvenue que nous avons créé sur la page d’accueil.

Dans le menu, vous retrouverez, horizontalement, les différentes rubriques prédéfinies : Accueil, Le club, Actualités, Equipes, Galerie, Infos, Sponsors et Contact. Celles-ci correspondent exactement aux rubriques du panel d’administration.

menu1

Dans chaque rubrique apparaissent, verticalement, les noms des pages disponibles.

Le principe de construction du menu est donc très simple :

menu2

Une rubrique n’apparaîtra horizontalement que si elle contient du contenu publié. Par exemple, l’entrée “Le club” ne sera visible que si une des pages proposées dans cette rubrique est publiée.

De même, l’entrée pour une page ne sera présente verticalement dans une rubrique que si son contenu est publié. Dans l’exemple ci-contre, l’entrée “Entraînements” n’apparaît pas dans la rubrique “Le club” car la page des entraînements n’a pas (encore) été publiée.
Un des principes de cette construction dynamique du menu est donc qu’aucune rubrique et aucun contenu n’est obligatoire. Vous pouvez donc rendre votre site directement public même s’il contient peu de contenu, et l’alimenter petit à petit.

Champs facultatifs et champs obligatoires

Si l’un des objectifs principaux du système BasketClubs est de vous en rendre son utilisation la plus simple possible, nous avons tenu malgré tout à vous laisser un maximum de souplesse d’utilisation.

Pour cette raison, vous ne trouverez, lors de l’édition de vos contenus, que très peu de champs obligatoires.

Le principe de l’édition de contenu est donc simple : toute information fournie par vous est affichée sur le site. Et si vous préférez laisser des champs vides, pas de problème, ceux-ci ne seront pas affichés du tout. Pas d’espaces blancs inutiles donc !

Les quelques rares champs obligatoires dans les différentes zones d’édition sont marqués par le symbole *, comme sur l’illustration qui suit.

obligatoire

Gérer les médias

Les médias sont les fichiers (images, vidéos, audios et autres documents) que vous pouvez attacher à une page/actualité/équipe/galerie. Vous pouvez faire cela à l’aide du bouton qui est disponible juste au dessus de l’éditeur de texte :

add_media_button

Ajouter un média à votre site web peut se faire de différentes façons :

  • En envoyant le fichier à partir de votre ordinateur (lorsqu’il ne se trouve pas encore dans la bibliothèque des médias)
  • En le récupérant dans la bibliothèque des médias (lorsqu’il s’y trouve déjà)
  • En fournissant une adresse web (URL)

Ces trois options sont disponibles sur la page qui s’est ouverte après le clic sur “Ajouter un média” :

manage_medias1

Si le média inséré est une image, celle-ci apparaît directement dans le contenu de votre site. S’il s’agit d’un autre type de média (vidéo, audio, fichier PDF, document Word, …), votre site affiche un lien vers le fichier en question ou bien inclut le lecteur nécessaire à la lecture du fichier. Cela peut dépendre de la configuration que l’utilisateur a choisie dans son navigateur web. Ajouter du contenu vidéo, audio ou d’autres médias fonctionne de la même façon, quel que soit le média choisi.

Ajouter un média en envoyant le fichier

En cliquant sur l’onglet “Envoyer des fichiers”, la fenêtre suivante se présente à vous :

manage_medias2

Pour ajouter le fichier depuis votre ordinateur, vous pouvez alors soit cliquer sur le bouton “Choisir des fichiers”, soit faire glisser le fichier à l’intérieur de la fenêtre (un grand rectangle bleu et pointillé apparaît alors pour vous montrer où le déposer).

Le module de téléchargement prend alors la main en affichant une miniature à l’intérieur de la bibliothèque et en vous indiquant l’état d’avancement de l’envoi du fichier. Une fois l’envoi terminé, le fichier fait partie de la bibliothèque et vous le voyez apparaître.

manage_medias7
manage_medias3

En fonction du type de média, vous avez la possibilité de fournir, dans la partie droite de la fenêtre, des informations sur la façon dont celui-ci doit être géré sur le site.

L’utilisation de ces champs n’est pas du tout indispensable et nécessite déjà une connaissance plus poussée des concepts de développement web. Nous laisserons donc le loisir de les découvrir à ceux que cela intéresse.

Une fois tous les champs remplis, cliquez sur le bouton “Insérer dans la page” (ou “Insérer dans l’article”) pour que l’image soit ajoutée à votre contenu.

Afin que la navigation de votre site reste fluide pour vos utilisateurs, et pour utiliser raisonnablement l’espace disque qui vous est alloué, nous vous recommandons d’éviter de charger des fichiers trop lourds. A titre d’exemples, vous devriez éviter d’insérer des images de plus de 300 ko dans vos pages et actualités.

Ajouter un média depuis la bibliothèque

En cliquant sur l’onglet “Bibliothèque de médias”, ou après avoir envoyé un fichier, la fenêtre suivante se présente à vous :

manage_medias4

Il vous suffit alors de sélectionner le média à insérer et, au besoin, de compléter les champs dans la partie droite de l’écran (optionnel).
Une fois tous les champs remplis, cliquez sur le bouton “Insérer dans la page” (ou “Insérer dans l’article”) pour que le fichier soit ajouté à votre contenu.

Ajouter un média en fournissant une adresse web

En cliquant sur “Insérer à partir d’une adresse web”, la fenêtre suivante se présente à vous :

manage_medias5

Entrez l’adresse complète du fichier (URL) dans le premier champ, et son titre dans le champ “Texte du lien”.

Si l’adresse que vous fournissez pointe vers une image, quelques champs supplémentaires apparaissent, afin d’en améliorer la présentation dans le site :

  • Une légende (facultative), qui apparaîtra en dessous de l’image.
  • Un texte alternatif (facultatif), qui apparaîtra lorsque l’utilisateur cliquera sur l’image pour la visionner, pour autant que vous y ayez placer un lien.
  • L’alignement de l’image dans la page.
  • L’ajout ou non d’un lien à ouvrir lorsque l’utilisateur cliquera sur l’image.

Une fois tous les champs remplis, cliquez sur le bouton “Insérer dans la page” (ou “Insérer dans l’article”) pour que le fichier soit ajouté à votre contenu.

Notez que dans ce cas, l’image n’est pas stockée dans votre bibliothèque. Vous êtes donc dépendant de sa disponibilité sur le site que vous avez renseigné.

Modifier une image

Après avoir inséré une image, vous pouvez toujours changer la manière dont elle apparaît dans la page ou dans l’actualité. Pour ce faire, cliquez simplement sur l’image dans l’éditeur.

modif_media

Vous faites ainsi apparaître les boutons “Modifier l’image” (représenté par un crayon) et “Supprimer l’image” (représenté par une croix). Ce dernier supprimera l’image de la page immédiatement.

L’éditeur de texte vous permet de modifier directement l’alignement de l’image et l’éventuel lien qui lui est associé. Le bouton correspondant à l’option d’alignement appliquée pour le moment est d’ailleurs enfoncé.

Le bouton “Modifier l’image” ouvrira la boîte de dialogue suivante :

detail_image

Vous pourrez alors modifier la majorité des champs d’information liés à l’image, comme décrit dans la section “Ajouter un média en envoyant le fichier”.

Notez qu’il existe des options plus détaillées sous l’onglet “Options Avancées” qui peuvent affecter la manière dont votre image s’affiche sur votre site. Cependant nous vous recommandons de n’utiliser celles-ci que si vous possédez des connaissances avancées en développement web.

Enfin, sachez que vous pouvez donner à votre image une taille personnalisée en l’étirant directement dans l’éditeur, à partir d’un des carrés blancs qui apparaissent autour de celle-ci lorsqu’elle est sélectionnée :

etirer_image

Supprimer une image

Pour supprimer une image de votre contenu, il suffit de sélectionner celle-ci et de cliquer sur la croix qui apparaît, comme dans l’illustration ci-dessous.

supprimer_image

Notez que ceci ne supprimera pas l’image de votre bibliothèque (voir chapitre “Gérer la bibliothèque des médias”) et qu’elle reste donc disponible pour une utilisation ultérieure.

Intégrer des médias provenant de sources extérieures

Vous avez la possibilité d’intégrer dans vos pages et actualités des médias de différents types provenant de sources extérieures. Cela se fait à l’aide d’un simple copier-coller, tel que décrit dans l’illustration suivante :

video_externe

Les principales sources extérieures gérées sont les suivantes :

  • YouTube (Vidéos)
  • Vimeo (Vidéos)
  • DailyMotion (Vidéos)
  • Facebook (Vidéos)
  • Flickr (Vidéos & Images)
  • Instagram (Images)
  • SoundCloud (Musique)
  • Spotify (Musique)
  • Twitter (Social)

Le système gère automatiquement l’apparence dans le site, en fonction de la source et du type de média :

video_externe2

Nous vous recommandons fortement d’utiliser ce mécanisme d’intégration pour les médias autres que des images, car il comporte beaucoup d’avantages :

  • Utilisation du lecteur intégré adéquat
  • Look élégant et professionnel
  • Partage facile sur les réseaux sociaux
  • Economie d’espace disque

Gérer le contenu de votre site

Qu’il s’agisse d’une page, d’une actualité, d’une équipe ou d’une galerie, la structure d’un contenu est toujours similaire et se gère toujours de la même manière. Cette structure est la suivante :

  • Un titre obligatoire, que vous verrez dans le panel d’édition, et qui apparaîtra également dans la page de votre site. Pour les contenus de type “page”, ce titre est proposé automatiquement par le système avec le nom par défaut de la page. Par exemple, le titre par défaut de la page “Historique” est “Historique”. Comme le montre l’illustration ci-dessous, vous avez la possibilité de définir un autre titre que celui proposé par le système. Attention cependant, il est très important que le nouveau titre que vous définissez garde la même signification que le nom par défaut de la page. En effet, le nom initial de la page est utilisé par les moteurs de recherche pour indexer celle-ci. A titre d’exemple, vous pourriez donner à la page “Historique” le titre “Histoire”, ou “Histoire du club” ou encore “Un peu d’histoire”, mais pas l’utiliser pour présenter vos membres, sans quoi une personne qui fait une recherche avec “BC MonClub historique” sur Google pourrait se retrouver sur une page présentant vos membres.
    modif_titre
  • Des cadres permettant de définir les médias (photos et vidéos) associés à un contenu (page, actualité, équipe, galerie) en haut et/ou en bas de page. Ceux-ci sont expliqués dans la section suivante.
  • Une zone libre dans laquelle vous avez le loisir de mettre tout le contenu que vous voulez. Cette zone est à remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”). Notez que cette zone est facultative. Si vous n’y mettez rien, elle n’apparaîtra pas dans votre site.
  • Eventuellement, une série de champs spécifiques le plus souvent optionnels, qui dépendent du type de contenu que vous êtes en train d’éditer.

Les cadres des images/vidéos

Les cadres des images/vidéos vous permettent d’insérer dans vos pages/actualités/équipes/galeries des images et des vidéos, dans le haut et/ou dans le bas de vos contenus. Comme le montre l’illustration qui suit, vous trouverez ces cadres en haut de la page d’édition de votre contenu pour les images/vidéos à faire apparaître en haut de page, et en bas de la page d’édition de votre contenu pour les images/vidéos à afficher en bas de page.

Pour chaque série d’images/vidéos que vous insérez, vous pouvez également décider de la faire apparaître sous forme de galerie, ou sous forme de diaporama (un carrousel défilant automatiquement qui montre une image/vidéo à la fois).

cadre_medias1

Pour ajouter une image/vidéo, cliquez sur “Ajouter une image” ou “Ajouter une vidéo”.
Pour une image, appuyez ensuite sur “Ajouter une image”. Vous ouvrez alors l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”. Vous pouvez également donner une description qui sera affichée avec l’image dans le site. Ces images seront affichées dans des zones au format “paysage”. Si le système ne peut afficher l’entièreté de l’image il la recadrera automatiquement, à partir de son centre.

Notez que vous pouvez ajouter autant d’images que vous le souhaitez, et que la première image trouvée par le système (en haut ou en bas) sera utilisée comme photo de couverture dans la page d’accueil et dans les pages regroupant les actualités, les galeries ou les équipes. Si vous n’insérez pas d’image, le système utilisera la première vidéo trouvée comme couverture, s’il y en a.

Retrouvez dans la foire aux questions nos recommandations sur les dimensions idéales des images à utiliser dans ces cadres.

Une fois que vous avez défini votre/vos image(s), il ne vous reste plus qu’à choisir, dans la liste sur la droite, la manière dont vous désirez que celles-ci apparaissent dans la page (« Galerie » ou « Diaporama »), comme le montre l’illustration qui suit.

cadre_medias2

Nous vous invitons à faire quelques essais pour trouver la configuration qui vous convient le mieux. N’hésitez pas à varier ces apparences sur vos différentes pages.

Pour une vidéo, il suffit de fournir l’adresse (URL) de la vidéo sur le site où elle est stockée (par exemple YouTube, Facebook, Dailymotion ou Vimeo). Dans votre site, le lecteur associé à la vidéo sera automatiquement inséré dans la page. Tout comme pour les photos, il ne vous reste plus qu’à décider de la manière dont vous désirez les faire apparaître.

Nous recommandons fortement l’utilisation de ces champs spécifiques pour les médias, et en particulier pour les images. Nous vous suggérons également de les préférer aux images insérées dans le texte via l’éditeur de texte. En effet, le système gère lui-même et de façon cohérente leur apparence sur tous les supports de navigation. Etant utilisées comme photos de couverture, ces images habillent également votre site de façon professionnelle.

L’illustration ci-dessous montre un exemple d’une combinaison possible de photos et vidéos en haut et bas de page sur une actualité de votre site :

cadre_medias3

Après avoir rempli ces champs, vous pouvez enregistrer ou publier le nouveau contenu, comme expliqué à la section “Publier et gérer les états de vos contenus”.

Parcourons à présent l’ensemble des rubriques et pages prédéfinies afin d’en expliquer les spécificités.

La rubrique “Le club”

leclub
La rubrique “Le club” permet de donner toute une série d’informations générales sur votre club et de le présenter.
Elle contient les pages suivantes : “Historique”, “Palmarès”, “Comité”, “Arbitres”, “Entraîneurs”, “Entraînements”, “Salles”, et 3 pages libres (5 dans l’offre Premium).

La page “Historique”

Le but de la page “Historique” est de présenter l’histoire de votre club : sa constitution, ses fondateurs, les divisions dans lesquelles les différentes équipes ont jouées à travers le temps, …

Cette page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle ne contient pas de champs spécifiques.

La page “Palmarès”

La page “Palmarès” vous permet de présenter les résultats de vos équipes dans les différentes compétitions auxquelles elles ont participé. Libre à vous de proposer un palmarès détaillé de toutes vos équipes et pour chaque année, ou bien de vous contenter de citer les vainqueurs.

Cette page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de structurer la présentation de votre palmarès. Un palmarès est composé d’un ensemble de saisons, chaque saison pouvant contenir un ensemble de titres.

Pour ajouter une saison, il suffit de cliquer sur “Ajouter une saison” :

records1

Vous ferez alors apparaître le tableau suivant :

records2

Vous pouvez nommer votre saison et, si vous le désirez, ajouter une description complémentaire. Ajoutez ensuite un ou des titres, en cliquant sur le bouton “Ajouter un titre”. Vous êtes libre de décrire chaque titre comme bon vous semble.

records3

Vous pouvez ajouter autant de saisons, et autant de titres par saison que vous le désirez.

Notez qu’il est possible, à tout moment, de réordonner les saisons et les titres selon votre volonté. Pour ce faire, il vous suffit de cliquer sur la partie gauche de la saison ou du titre (à hauteur du numéro d’ordre) jusqu’à ce que la croix apparaisse, de la glisser en maintenant le bouton de la souris enfoncé, et de la relâcher une fois qu’elle se trouve là où vous voulez la placer.

Vous pouvez supprimer une ligne en cliquant sur le symbole moins qui apparaît lorsque l’on passe le curseur dessus.

Vous trouverez un exemple sur l’illustration qui suit.

records4

Voici à quoi ressemblera l’affichage de votre palmarès dans la zone centrale de votre site :

palmares5

La page “Comité”

Vous pouvez, grâce à cette page, présenter votre comité et ses membres.

Cette page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de fournir des informations sur chaque membre du comité.

Vous pouvez ajouter autant de membres que vous le désirez.

Pour ajouter un membre, il suffit de cliquer sur “Ajouter un membre” :

committee1

Vous faites alors apparaître une ligne contenant les différentes informations du membre, que vous pouvez remplir comme bon vous semble : son rôle dans le comité, son nom, son adresse postale, son adresse e-mail, son numéro de téléphone et son numéro de GSM.

committee2

En appuyant sur le symbole [+], vous ouvrez l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”.

Cela vous permet de montrer une photo du membre.

committee3

Notez qu’il est possible, à tout moment, de réordonner la rubrique à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ‘.

Vous pouvez supprimer un membre en cliquant sur le symbole moins qui apparaît à droite lorsque l’on passe le curseur sur le bloc correspondant.

 

Premium

La formule Premium vous donne accès à deux fonctionnalités supplémentaires :

  • Sur la droite, vous voyez apparaître une case « Composer sur base de la gestion des membres ». En cliquant sur celle-ci, vous pouvez composer votre comité en allant rechercher les personnes stockées dans votre base de données des membres expliquées à la section “Gérer vos membres”. Lorsque vous cliquez sur le bouton pour ajouter un membre, vous voyez apparaître une liste déroulante qui reprend tous vos membres et vous permet d’effectuer une recherche parmi ceux-ci, comme vous le montre l’illustration suivante. Une fois le membre sélectionné, il suffit de préciser, si nécessaire, le rôle qu’il/elle joue dans l’équipe.
  • Il vous est possible de structurer votre comité en plusieurs sections. Vous pourriez par exemple avoir les sections suivantes : comité de direction, comité de gestion, comité des jeunes, etc. Pour ajouter une section, il suffit de cliquer sur “Ajouter une section”. Pour chaque section, vous pouvez, si vous le désirez, définir un titre et une description qui seront affichés sur la page de votre comité.
committee4

 

Voici un exemple d’affichage de votre comité dans la zone centrale de votre site :

membre2

La page “Arbitres”

Vous pouvez ici présenter les membres de votre club qui sont arbitres.

Cette page est très semblable à la page du comité. Elle contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de fournir des informations sur chaque arbitre.

Pour ajouter un arbitre, il suffit de cliquer sur “Ajouter un arbitre” :

referees2

Vous faites alors apparaître une ligne contenant les différentes informations sur l’arbitre, que vous pouvez remplir comme bon vous semble : son nom, le(s) niveau(x) auquel(s) il/elle arbitre, son adresse postale, son adresse e-mail, son numéro de téléphone et son numéro de GSM.

En appuyant sur le symbole [+], vous ouvrez l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”. Cela vous permet de montrer une photo de l’arbitre.

referees1

Vous pouvez ajouter autant d’arbitres que vous le désirez.

Notez qu’il est possible, à tout moment, de réordonner la rubrique à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer un entraîneur en cliquant sur le symbole moins qui apparaît à droite lorsque l’on passe le curseur sur le bloc correspondant.

Premium

La formule Premium vous donne accès à deux fonctionnalités supplémentaires :

  • Sur la droite, vous voyez apparaître une case « Composer sur base de la gestion des membres ». En cliquant sur celle-ci, vous pouvez composer votre liste des arbitres en allant rechercher les personnes stockées dans votre base de données des membres expliquées à la section “Gérer vos membres”. Lorsque vous cliquez sur le bouton pour ajouter un membre, vous voyez apparaître une liste déroulante qui reprend tous vos membres et vous permet d’effectuer une recherche parmi ceux-ci, comme vous le montre l’illustration suivante. Une fois le membre sélectionné, il suffit de préciser, si nécessaire, le(s) niveau(x) auquel(s) il/elle arbitre.
  • Il vous est possible de structurer votre liste des arbitres en plusieurs sections. Vous pourriez par exemple avoir les sections suivantes : arbitres nationaux, arbitres provinciaux, arbitres en formation, etc. Pour ajouter une section, il suffit de cliquer sur “Ajouter une section”. Pour chaque section, vous pouvez, si vous le désirez, définir un titre et une description qui seront affichés sur la page des arbitres.
referees3

La page “Entraîneurs”

Vous pouvez ici présenter les entraîneurs de vos différentes équipes.

Cette page est très semblable à la page du comité. Elle contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de fournir des informations sur chaque entraîneur.

Pour ajouter un entraîneur, il suffit de cliquer sur “Ajouter un entraîneur” :

coaches1

Vous faites alors apparaître une ligne contenant les différentes informations sur l’entraîneur, que vous pouvez remplir comme bon vous semble : son nom, la ou les équipe(s) qu’il/elle entraîne, son adresse postale, son adresse e-mail, son numéro de téléphone et son numéro de GSM.

En appuyant sur le symbole [+], vous ouvrez l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”. Cela vous permet de montrer une photo de l’entraîneur.

coaches2

Vous pouvez ajouter autant d’entraîneurs que vous le désirez.

Notez qu’il est possible, à tout moment, de réordonner la rubrique à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer un entraîneur en cliquant sur le symbole moins qui apparaît à droite lorsque l’on passe le curseur sur le bloc correspondant.

 

Premium

La formule Premium vous donne accès à deux fonctionnalités supplémentaires :

  • Sur la droite, vous voyez apparaître une case « Composer sur base de la gestion des membres ». En cliquant sur celle-ci, vous pouvez composer votre liste des entraîneurs en allant rechercher les personnes stockées dans votre base de données des membres expliquées à la section “Gérer vos membres”. Lorsque vous cliquez sur le bouton pour ajouter un membre, vous voyez apparaître une liste déroulante qui reprend tous vos membres et vous permet d’effectuer une recherche parmi ceux-ci, comme vous le montre l’illustration suivante. Une fois le membre sélectionné, il suffit de préciser, si nécessaire, la ou les équipe(s) qu’il/elle entraîne.
  • Il vous est possible de structurer votre liste des entraîneurs en plusieurs sections. Vous pourriez par exemple avoir les sections suivantes : entraîneurs adultes, entraîneurs jeunes, direction technique, etc. Pour ajouter une section, il suffit de cliquer sur “Ajouter une section”. Pour chaque section, vous pouvez, si vous le désirez, définir un titre et une description qui seront affichés sur la page des entraîneurs.
coaches3

 

Voici un exemple d’affichage de la page “Entraîneurs” dans la zone centrale de votre site :

entraineurs4

La page “Entraînements”

Sur cette page, vous pouvez fournir toutes les informations concernant les entraînements.

Elle contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant d’afficher des grilles horaires. Dans une grille horaire, chaque ligne renseigne un entraînement.

Pour ajouter une grille, il suffit de cliquer sur “Ajouter une grille horaire” :

entrainements

Vous faites alors apparaître le tableau permettant de détailler la grille horaire en la nommant et en fournissant, si vous le désirez, une description (ou des informations complémentaires) :

entrainements2

Ajoutez ensuite un ou des entraînement(s), en cliquant sur le bouton “Ajouter un entraînement”. Pour chaque entraînement vous pouvez alors fournir une série d’informations : la ou les équipe(s) qui participe(nt) à cet entraînement, le jour, l’heure de début, l’heure de fin, la salle dans laquelle se déroule l’entraînement, et un champ libre pour donner d’autres informations éventuelles (nom et/ou coordonnées de l’entraîneur, type d’entraînement, fréquence de l’entraînement, etc).

practices3

Vous pouvez ajouter autant de grilles horaires, et autant d’entraînements que vous le désirez.

Notez qu’il est possible, à tout moment, de les réordonner à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer une grille ou un entraînement en cliquant sur le symbole moins qui apparaît lorsque l’on passe le curseur sur la droite du bloc correspondant.

Voici un exemple d’affichage de la page “Entraînements” dans la zone centrale de votre site:

entrainements4

N’hésitez pas à profiter de la souplesse qu’offre ce système de grilles horaires, et notamment, du caractère facultatif des champs.

Voici quelques variantes, pour vous donner des idées :

  • Une grille par période de l’année (pré-saison, saison régulière, post-saison).
  • Une seule grille avec un regroupement par équipe. Quand nécessaire, laissez le champ “Equipe” vide.
  • Une seule grille avec les entraînements ordonnés par jour et heure.
  • Une grille par équipe.
  • Un grille par groupe d’équipes qui s’entraînent ensemble.
  • Une grille par jour de la semaine

Vous trouverez trois exemples de ces variantes dans les illustrations ci-après.

entrainements5

La page “Salle(s)”

Vous pouvez ici indiquez toutes les informations concernant les salles dans lesquelles vos équipes évoluent, aussi bien à l’entraînement qu’en match.

La page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de fournir les informations liées à une salle.

Pour ajouter une salle, il suffit de cliquer sur “Ajouter une salle” :

salles

Vous faites alors apparaître le tableau présenté dans la prochaine illustration, et pouvez remplir les données suivantes :

  • Nom (de la salle).
  • Coordonnées (adresse, numéro de téléphone/fax, …).
  • Lien : si la salle possède une page web, l’adresse de cette page.
  • Carte : vous pouvez ici indiquer, avec le plus de précision possible l’adresse de la salle. Appuyez ensuite sur la touche “Enter” de votre clavier pour que le système la place sur la carte.
  • Photo : en appuyant sur “Ajouter une image”, vous ouvrirez l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”. Cela vous permet de montrer une photo de la salle.
salles2

Vous pouvez ajouter autant de salles que vous le désirez.

Notez qu’il est possible, à tout moment, de les réordonner à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer une salle en cliquant sur le symbole moins qui apparaît lorsque l’on passe le curseur sur la droite du bloc correspondant.

Si vous fournissez les informations de type “Carte” pour plusieurs salles, celles-ci seront rassemblées dans le site sur une carte unique, comme vous pouvez le voir sur l’exemple qui suit :

salles3

Les pages libres

Vous avez la possibilité d’utiliser jusqu’à 3 pages libres (5 dans l’offre Premium) dans la rubrique “Le club” pour y placer le contenu que vous désirez et personnaliser ainsi un peu plus votre site.

Ces pages apparaissent dans le menu du panel d’administration sous les intitulés “Libre 1”, “Libre 2” et “Libre 3” mais vous pouvez leur donner le titre de votre choix. C’est celui-ci qui apparaîtra dans le menu du site web.

Elles contiennent les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Il n’y a pas de champ spécifique dans les pages libres.

libre

Voici quelques idées de l’utilisation que vous pouvez faire de ces pages libres :

  • Expliquer la philosophie, les valeurs et les principes du club
  • Expliquer les objectifs du club
  • Mettre en avant des actions sociales, éducatives ou autres, dans lequel le club est impliqué
  • Mettre de temps en temps un membre à l’honneur

La rubrique “Actualités”

actus_menu
Dans cette rubrique, vous avez la possibilité de rédiger et publier les actualités de votre club.

Les actualités que vous publiez sont regroupées dans des pages distinctes de votre site, en fonction de la ou des catégorie(s) que vous leur assignez.

Il existe 5 catégories d’actualités :

  • les annonces (ex : recherche de joueurs/entraîneurs, appel à de l’aide pour des évènements du club, annonces diverses, …).
  • les évènements (ex : matches importants, soupers et soirées du club, stages, …).
  • les news (ex : arrivées de nouveaux membres dans le comité, transferts, résultats du week-end, nouveau site internet, …).
  • les actualités de type “presse” (ex : résumés de presse des matches, le club vu par la presse, articles de presse divers, …).
  • les actualités de type “page d’accueil”, c’est-à-dire toutes celles que vous voulez voir apparaître sur la première page de votre site.
actus2 Alors que les actualités “page d’accueil” sont accessibles via le menu “Accueil” du site, les autres (News, Evènements, Annonces et Presse) se retrouvent dans leurs pages respectives, dans le menu “Actualités”.
A l’exception des évènements, les actualités sont classées dans chacune de leurs pages par date de publication, de la plus récente à la plus ancienne.Dans la page “Evènements”, les articles sont classés par ordre chronologique, comme nous le verrons plus loin dans cette section.

Une actualité peut appartenir à plusieurs catégories, sans limite. A titre d’exemple, une copie d’un article de presse relatant un match pourrait très bien apparaître dans les catégories “page d’accueil”, “news” et “presse”. De même, un stage organisé par le club peut être en même temps de type “évènements” et de type “annonces”.

Pour créer une nouvelle actualité, cliquez sur “Ajouter” dans le menu “Actualités” du panel d’administration, pour ouvrir la page présentée dans la prochaine illustration.

Précisez, dans le premier champ, le titre de votre article.

Vous disposez ensuite d’un champ « Extrait », facultatif, que vous pouvez utiliser comme introduction ou comme résumé de l’actualité. Si vous le remplissez, il apparaîtra avant le texte dans l’actualité (en gras), et sous l’image de couverture sur les pages qui résument plusieurs actualités (comme la page d’accueil).

Hormis les évènements, qui contiennent également des champs spécifiques, les actualités ne contiennent ensuite que les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Sur la partie droite de l’écran, vous retrouvez le cadre “Publier” permettant de gérer la publication et la dépublication de vos actualités, comme expliqué à la section “Publier et gérer les états de vos contenus”.

actus3

Le cadre “Catégories”, en bas à droite, vous permet de déterminer à quelle(s) catégorie(s) appartient l’actualité. Il suffit de cocher la (les) case(s) adéquate(s).

Voici un exemple d’une actualité prête à être publiée.

actus4

Et voici comment sera affiché cet article dans la zone centrale de votre page des news :

actus5

 

Premium

members_tags
En formule Premium vous voyez apparaître sur la droite de la page le cadre « Etiquettes« . Celui-ci vous permet d’associer des mots-clés à l’actualité afin de créer des liens dynamiques entre vos contenus. La manière d’utiliser efficacement ces étiquettes vous est expliquée à la section “ Le widget ‘Actualités liées’ et les étiquettes”.

 

cat-news

En formule Premium toujours, vous voyez sur la droite de la page qu’il vous est possible d’ajouter de nouvelles catégories dans le cadre « Catégories » . En plus des catégories prédéfinies par nos soins, vous pourriez par exemple créer la catégorie « Résumés des matchs » si vous voulez centraliser dans une section unique les résumés des matchs de votre club.Pour ajouter une nouvelle catégorie, il suffit d’écrire le nom de celle-ci dans le champ libre et de cliquer sur le bouton « Ajouter une nouvelle catégorie » . Cliquez ensuite sur la case de cette nouvelle catégorie pour la lier à l’actualité en question.


Comme mentionné précédemment, les actualités de type “Evènements” contiennent également des champs spécifiques vous permettant d’en fournir les détails. Lorsque vous cochez la case “Evènements” dans les catégories, le cadre suivant apparaîtra :

actus6 Vouz devez alors fournir la date et l’heure de début de l’évènement grâce à l’outil de sélection de date/heure qui apparaît en cliquant à l’intérieur du champ. Vous pouvez, de la même manière, en préciser la date et l’heure de fin.Dans le champ “Lieu”, vous pouvez indiquer, avec le plus de précision possible l’adresse du lieu de l’évènement. Appuyez ensuite sur la touche “Enter” de votre clavier pour que le système la place sur la carte.

Sur le site, la présentation de la page “Evènements” est légèrement différente des autres actualités, puisque ceux-ci sont divisés entre évènements à venir et évènements passés. De plus, ils sont classés par date de début de l’évènement, du plus proche au plus lointain pour les évènements à venir, et du plus récent au plus ancien pour les évènements passés.

actus7

Enfin, notez que l’ensemble des actualités que vous rédigez se retrouvera sur le site du club dans une page récapitulative accessible en cliquant sur “Actualités”, au sommet du menu du même nom.

En cliquant sur “Actualités” dans le menu du panel d’administration, vous obtiendrez la liste de toutes les actualités, tous statuts confondus. Vous y trouverez le titre, l’auteur, les catégories auxquelles elle appartient, ainsi que la date de publication.

En laissant passer le curseur en-dessous du titre, vous avez accès à deux nouvelles fonctionnalités :

  • En cliquant sur “Modification rapide”, vous pouvez modifier une série de caractéristiques de l’actualité sans changer son contenu à proprement parlé : le titre, la date de publication, les catégories, l’état.
  • En cliquant sur “Corbeille”, vous pouvez éliminer définitivement les articles dont vous voulez vous débarrasser. Notez que la corbeille est régulièrement vidée par le système, rendant les actualités qui s’y trouvent définitivement inaccessibles.
actus8

La rubrique “Equipes”

teams_menu
Comme son nom l’indique, cette rubrique vous permet de présenter les différentes équipes de votre club.
Chaque équipe ajoutée sera détaillée dans une page distincte de votre site, sous l’intitulé “Equipes”.
Pour créer une nouvelle équipe, cliquez sur “Ajouter” dans le menu “Equipes” du panel d’administration. Précisez dans le premier champ le nom de l’équipe, et dans le second son nom court, c’est-à-dire celui qui sera affiché dans les calendriers et classements (voir illustration ci-dessous).
teams1

 


Premium

Dans la formule Premium, le cadre suivant apparaît en haut de page, juste en dessous du titre. Grâce à celui-ci, vous pouvez définir une « équipe externe », c’est-à-dire une équipe de votre club qui possède sa propre page web (en dehors de votre site) mais que vous souhaitez afficher dans votre menu et dans la page de sommaire de toutes vos équipes. En cochant la case, les deux champs en dessous s’affichent. Dans le premier, vous devrez remplir l’adresse (URL) de la page web de l’équipe en question. Dans le second vous pouvez, si vous le souhaitez, ajouter une image de couverture pour l’équipe (qui apparaîtra sur la page de sommaire de vos équipes) :

team_external

En cliquant sur le nom de l’équipe dans le menu ou sur la photo de couverture dans le sommaire des équipes, le visiteur sera alors redirigé vers la page web de l’équipe en question.

Vous retrouvez ensuite les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Une équipe contient également des champs spécifiques vous permettant de fournir un certain nombre d’informations :

  • Les membres de l’équipe (sa composition);
  • La (les) compétition(s) à laquelle (auxquelles) elle participe, ayant chacune éventuellement un classement et/ou un calendrier des matchs.


Pour ajouter un membre, il suffit de cliquer sur “Ajouter un membre” (voir illustration suivante).

Vous pouvez alors compléter les informations relatives au membre, comme bon vous semble : rôle dans l’équipe, numéro (s’il s’agit d’un joueur ou d’une joueuse), nom, année de naissance et position (s’il s’agit d’un joueur ou d’une joueuse).

En appuyant sur le symbole [+], vous ouvrez l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”. Cela vous permet de montrer une photo du membre.

team_compo

 

Premium

Au niveau de la composition de votre équipe, la formule Premium vous donne accès à deux fonctionnalités supplémentaires :

  • Sur la droite, vous voyez apparaître une case « Composer sur base de la gestion des membres ». En cliquant sur celle-ci, vous pouvez composer votre équipe en allant rechercher les personnes stockées dans votre base de données des membres expliquées à la section “Gérer vos membres”. Lorsque vous cliquez sur le bouton pour ajouter un membre, vous voyez apparaître une liste déroulante qui reprend tous vos membres et vous permet d’effectuer une recherche parmi ceux-ci, comme vous le montre l’illustration suivante. Une fois le membre sélectionné, il suffit de préciser, si nécessaire, le rôle qu’il/elle joue dans l’équipe.
  • Il vous est possible de structurer votre équipe en plusieurs sections. Vous pourriez par exemple avoir les sections suivantes : staff, joueurs, défenseurs, milieux, attaquants, etc. Pour ajouter une section, il suffit de cliquer sur “Ajouter une section”. Pour chaque section, vous pouvez, si vous le désirez, définir un titre et une description qui seront affichés sur la page de votre équipe.
team_compo_premium

 


Dans le cadre qui suit, vous pouvez définir les différentes compétitions auxquelles participe l’équipe:

Pour ajouter une compétition, cliquez sur “Ajouter une compétition” ou sur l’onglet “+”. Les champs suivants apparaissent alors :

Vous devez alors préciser les informations de la compétition, à savoir :

  • Son nom;
  • Son nom court, c’est-à-dire celui qui sera affiché dans les espaces réduits;
  • L’adresse (URL) de sa adresse web, s’il en existe une;
  • Sa description (optionnelle);
  • La configuration de son affichage sur la page de l’équipe. Plusieurs options s’offrent à vous :
    • N’afficher aucun calendrier ni classement (dans le cas où vous souhaitez vous contenter de lister la compétition, ou si vous ne disposez pas encore des informations sur les calendriers);
    • Afficher uniquement le classement manuel (expliqué ci-dessous);
    • Afficher uniquement le calendrier manuel (expliqué ci-dessous);
    • Afficher le calendrier et le classement manuels (expliqués ci-dessous);
    • Afficher le calendrier/classement automatique fourni par le système (option disponible à partir de la formule Pro). Vous ne devez alors plus rien compléter manuellement. Vous retrouverez les explications sur la gestion de ceux-ci un tout petit peu plus loin dans cette section.

Pour gérer le classement manuel d’une compétition, il convient de remplir les informations dans la section “Classement manuel” (qui apparaît ou non en fonction de l’option d’affichage que vous avez choisie pour la compétition) :

Pour ajouter une équipe au classement, cliquez sur “Ajouter une équipe”. Remplissez ensuite pour chaque équipe les informations que vous désirez fournir :

  • S’il s’agit de votre équipe ou pas. Dans l’affirmative, cochez la case. Votre équipe sera alors mise en évidence dans le classement;
  • Le nom de l’équipe;
  • Le nombre de matchs joués;
  • Le nombre de victoires;
  • Le nombre de défaites;
  • Le nombre de matchs nuls;
  • Le nombre total de points marqués (Pour);
  • Le nombre total de points encaissés (Contre);
  • Le nombre de points.
team_ranking
Lorsque vous remplissez les informations dans un tableau tel qu’un classement, vous n’êtes pas obligé de fournir les informations pour toutes les colonnes. Le système agit de façon dynamique, de sorte qu’une colonne non utilisée ne sera simplement pas affichée sur la page du site. Dans le cas d’un classement, vous pourriez par exemple gagnez du temps en ne gérant que les informations majeures comme le nom de l’équipe, le nombre de matchs joués et le nombre de points. Notez que ce principe est valable pour tous les tableaux du système.

 


Pour gérer le calendrier manuel d’une compétition, il suffit de remplir les informations dans la section “Calendrier manuel” (qui apparaît ou non en fonction de l’option d’affichage que vous avez choisie pour la compétition) :

Pour ajouter un match au calendrier manuel, cliquez sur “Ajouter un match”. Remplissez ensuite pour chaque match les informations que vous désirez fournir :

  • Le numéro du match;
  • La date;
  • L’heure;
  • Le lieu;
  • Le score de l’équipe visitée;
  • Le score de l’équipe visiteuse;
  • L’adversaire;
  • Le fait qu’il s’agisse d’un match à domicile ou un match en déplacement (information qui permettra au système de déterminer automatiquement, en fonction du score, si c’est une victoire, un nul ou une défaite).
team_calendar

Dans les différents cadres présentés dans cette section, vous pouvez ajouter autant de membres, de compétitions, d’équipes et de matchs que vous le désirez.

Notez qu’il est possible, à tout moment, de les réordonner à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez également les supprimer en cliquant sur le symbole moins qui apparaît à droite lorsque l’on passe le curseur sur la ligne correspondante.

 


Premium

Au niveau de la composition manuelle des calendriers et classements de vos compétitions, la formule Premium vous donne accès à deux fonctionnalités supplémentaires : l’utilisation de la base de données des adversaires et de la base de données des installations :

db_opponents_install

En choisissant ces options très pratiques (« Utiliser base de données des adversaires » et/ou « Utiliser base de données des installations » ), vous pouvez automatiser la composition des vos calendriers et classements. En effet, au lieu de devoir remplir manuellement les champs des équipes/adversaires et les champs des lieux des matchs, il vous suffira alors de les choisir directement dans ces bases de données. Un autre avantage de l’utilisation de ces bases de données est que le système affichera directement un lien sur ceux-ci vers la page qui leur est dédiée (et qui est construite automatiquement), fournissant ainsi davantage d’information pertinente au visiteur.

Pro

A partir de l’offre Pro, vous avez accès aux résultats et classements de vos équipes injectés automatiquement par le système. Lorsque vous choisissez l’option « Afficher le calendrier/classement automatique fourni par le système » dans une compétition, le cadre qui suit apparaît alors. Celui-ci a pour but de faire le lien entre la compétition que vous êtes en train d’encoder et une équipe de la base de données automatique du système. Cela permettra par la suite d’afficher les informations sur le calendrier et le classement de manière 100% automatique sur la page de l’équipe dans votre site.

Si vous souhaitez créer ce lien, il vous suffit de choisir dans la liste l’équipe proposée qui correspond à l’équipe que vous êtes en train d’éditer.

team_auto

Afin de vous permettre de vérifier que les informations dont le système dispose sont correctes, vous voyez apparaître le classement et le calendrier à notre disposition automatiquement :

resu-auto-back
Pour chaque ligne de match de championnat fournie, le bouton « Editer » sur la droite permet de modifier quelques informations du match en question. Ceci peut être particulièrement utile, notamment dans les cas suivants :
  • Un match vient d’être reporté et vous ne souhaitez pas attendre que la nouvelle date nous parvienne pour l’afficher sur votre site.
  • Un match important vient de se terminer et vous ne souhaitez pas attendre que le score nous parvienne pour l’afficher sur votre site.
  • Il s’agit d’une série de jeunes sans classement dont nous ne recevons pas les résultats, et vous souhaitez qu’ils apparaissent dans votre site.
  • Vous souhaitez fournir davantage de détails pour le score du match.

En cliquant sur le bouton « Editer » , vous faites apparaître les différents champs modifiables. Vous voyez que vous pouvez changer la date et l’heure du match, le score, le statut et le détail du match :

resu-auto-back-modif

Après avoir modifié les informations, il vous suffit de cliquer sur « Sauver » afin que celles-ci soient prises en compte par le système et particulier sur la page de l’équipe et dans le widget « Compétitions ».

resu-auto-front-modif

Dans votre site, les informations supplémentaires apparaîtront automatiquement au passage de la souris sur le score.

Dans le cas où vous auriez modifié le score, un message d’attention apparaîtra également jusqu’à ce que le score (et le classement adapté) nous parviennent et que nous soyons sûrs que le classement affiché automatiquement est correct.

 

options_affichage2

Sur la partie droite de l’écran, vous verrez dans les options d’affichage une option spécifique “Composition de l’équipe”. Dans le site, les visiteurs ont la possibilité de visualiser la composition de l’équipe de deux façons différents : en ligne ou en grille. Ils peuvent passer d’une à l’autre en cliquant sur le bouton suivant : grille

En cochant la case “Affichage en grille”, c’est celui-ci qui apparaîtra par défaut dans la page (voir exemple page suivante). Dans le cas contraire, la composition de l’équipe sera affichée en ligne.

 

team_tag
Sur la droite de la page, vous voyez apparaître le cadre « Etiquettes » . Celui-ci vous permet d’associer des mots-clés à l’équipe afin de créer des liens dynamiques entre celle-ci et des actualités. La manière d’utiliser efficacement ces étiquettes vous est expliquée à la section “ Le widget ‘Actualités liées’ et les étiquettes”.

 

team_categories2

En formule Premium toujours, vous voyez sur la droite de la page le cadre « Catégories » . Comme son nom l’indique, celui-ci permet de créer et associer des catégories à vos équipes. Cela aura pour conséquence d’ajouter un sous-menu pour chaque catégorie dans le menu « Equipes » de votre site et d’y placer automatiquement vos équipes. C’est une fonctionnalité particulièrement intéressante pour les clubs qui possèdent un grand nombre d’équipes et qui souhaitent structurer davantage le menu. Vous pourriez par exemple créer les catégories « Jeunes », « Seniors », « Vétérans », etc.

Pour ajouter une nouvelle catégorie, il suffit d’écrire le nom de celle-ci dans le champ libre et de cliquer sur le bouton « Ajouter une nouvelle catégorie » . Pour associer la catégorie à l’équipe, cocher la case de la catégorie correspondante (où se trouve le curseur de la souris dans l’illustration ci-contre).

Voici un exemple d’affichage d’une équipe dans la zone centrale de votre site :

team-front

Comme vous pouvez le voir, dans le cas où vous avez défini plusieurs compétitions, le système génère automatiquement un onglet « Calendrier complet » reprenant les matchs de l’ensemble de vos compétitions, ordonnés par date croissante.

L’ensemble des équipes que vous définissez se retrouvera sur le site du club dans une page récapitulative accessible en cliquant sur “Equipes”, au sommet du menu du même nom.

Cette page affiche une liste des équipes (avec un lien vers chaque page d’équipe), et pour chacune d’elles, la photo (ou une des photos) de médias que vous avez associée(s) à l’équipe (voir section “Gérer le contenu de votre site”). Si vous n’utilisez pas de photo dans les médias, une image par défaut sera utilisée comme couverture de l’équipe (voir illustration suivante).

teams7


Tout comme pour les actualités, vous obtenez la liste de toutes vos équipes en cliquant sur “Equipes” dans le menu du panel d’administration. Vous y trouvez le nom de l’équipe, l’auteur ainsi que la date de publication.

En laissant passer le curseur en dessous du titre, vous pouvez également effectuer une modification rapide ou mettre l’équipe dans la corbeille, comme expliqué à la fin de la section ‘La rubrique “Actualités” ‘.

Enfin, l’ordre dans lequel apparaissent les équipes dans ce tableau détermine leur ordre dans le menu du site. Il est possible, à tout moment, de les réordonner à l’aide d’un simple “glisser-déposer”. Pour ce faire, laissez passer le curseur sur la ligne correspondant à l’équipe que vous souhaitez déplacer jusqu’à ce que la croix (voir illustration suivante) apparaisse. Appuyez sur le bouton de la souris et maintenez le tout en déplaçant la ligne. Relâchez une fois qu’elle se trouve là où vous voulez la placer.

team_archive

La rubrique “Galeries”

gallery-menu
Dans cette rubrique vous pouvez rassembler vos photos et vidéos dans des galeries distinctes.
Dans votre site, vous y accédez grâce au menu “Galeries”, via les entrées “Photos” et “Vidéos”.
Dans notre système, nous appelons “Galerie” un ensemble de photos ou vidéos sur un même thème, rassemblées sous un même titre. Pour créer une nouvelle galerie, cliquez sur “Ajouter” dans le menu “Galeries” du panel d’administration.
galeries2

Précisez, dans le premier champ, le nom de la galerie.


Si vous préférez stocker cette galerie sur un service externe (comme Flickr, Picasa ou Facebook), il suffit de cocher la case à l’intérieur du cadre “Galerie externe” qui suit, et de fournir l’adresse (URL) de cette galerie (voir illustration suivante). Sur la page reprenant toutes les galeries, la couverture sera alors un lien vers cette galerie externe.

galeries3

S’il ne s’agit pas d’une galerie externe, remplissez ensuite les cadres des images/vidéos (expliqués à la section du même nom) afin de remplir votre galerie avec ses photos et/ou vidéos. Vous disposez également d’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Dans la page de sommaire de toutes vos galeries, la première photo insérée (ou la première vidéo, s’il n’y a pas de photo) via les cadres des images/vidéos sera utilisée comme couverture de la galerie).

Dans le cadre “Types de média” sur la droite, vous devez préciser, en cochant la (les) case(s) adéquate(s) si vous voulez que votre galerie soit accessible via l’entrée “Photos” ou via l’entrée “Vidéos” du menu des galeries.

Sur l’illustration qui suit, vous pouvez voir un exemple de galerie photos prête à être publiée :

gallery-publish

Pour accéder à cette galerie photos, une fois publiée, vous devez cliquer sur l’entrée “Photos” dans le menu “Galerie”. Vous arrivez d’abord sur la page qui reprend toutes les galeries photos et affichent leurs images de couverture (image “Médias”) respectives :

gallery5

En cliquant sur la deuxième couverture, vous retrouvez alors notre page préalablement publiée :

galeries6

 

En cliquant sur l’entrée “Galerie” en haut du menu du même nom dans votre site, vous accéderez à une page reprenant toutes les galeries photos/vidéos avec leur couverture respective. Si aucune photo n’est définie dans les médias de la galerie, des icônes de photo et/ou vidéo apparaîtront comme couverture.

 

Premium

team_tag
En formule Premium, vous voyez apparaître sur la droite de la page le cadre « Etiquettes » . Celui-ci vous permet d’associer des mots-clés à la galerie afin de créer des liens dynamiques entre celle-ci et des actualités. La manière d’utiliser efficacement ces étiquettes vous est expliquée à la section “ Le widget ‘Actualités liées’ et les étiquettes”.

 

gallery-cat

En formule Premium toujours, vous voyez sur la droite de la page qu’il vous est possible d’ajouter de nouvelles catégories dans le cadre « Types de médias » .  En plus de « Photos » et « Vidéos », vous pourriez par exemple créer la catégorie « Mon Club Web TV » si vous voulez centraliser dans une galerie unique les matchs de votre club que vous filmez.Pour ajouter une nouvelle catégorie, il suffit d’écrire le nom de celle-ci dans le champ libre et de cliquer sur le bouton « Ajouter une nouvelle catégorie » . Cliquez ensuite sur la case de cette nouvelle catégorie pour la lier à la galerie en question.

Tout comme pour les actualités et les équipes, vous obtenez la liste de toutes vos galeries en cliquant sur “Galeries” dans le menu du panel d’administration. Vous y trouvez le nom de la galerie, l’auteur, le(s) type(s) de galerie ainsi que la date de publication.

En laissant passer le curseur en dessous du titre, vous pouvez également effectuer une modification rapide ou mettre l’équipe dans la corbeille, comme expliqué à la fin de la section ‘La rubrique “Actualités” ‘.

galleriy-archive

La rubrique “Boutique” Premium

store_menu
La rubrique “Boutique” ne contient qu’une page. Celle-ci vous permet de présenter la boutique de votre club avec, pour chaque produit, les tailles disponibles et la possibilité de le commander. Un résumé de la commande éventuellement réalisée par le visiteur peut également être envoyé automatiquement au club.

Cette page contient les cadres des images/vidéos (voir section « Les cadres des images/vidéos » ) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Cette rubrique contient également des champs spécifiques vous permettant de structurer la présentation de votre boutique. Comme le montre l’illustration ci-dessous, vous pouvez organiser la boutique en un ou plusieurs catalogues et pour chacune d’eux, y ajouter autant de produits que vous le souhaitez.

store1

Pour ajouter un catalogue, appuyez sur “Ajouter un catalogue”. Il vous faut alors donner un nom à ce catalogue, que vous pouvez ne pas afficher dans le site si vous ne le souhaitez pas. Il suffit pour cela de cocher la case “Masquer le nom du catalogue dans le site”.

Vous pouvez également, si vous le souhaitez, ajouter une description pour ce catalogue qui sera affichée dans le site.

Ajoutez ensuite autant de produits que vous le désirez en appuyant sur “Ajouter un produit”. Pour chacun d’eux remplissez à votre guise autant de photos du produit que vous le désirez (en appuyant sur “Ajouter une photo”), le nom du produit, une description complémentaire, les tailles disponibles (Attention: 1 taille par ligne !!!) et le prix unitaire du produit.

store2

Une fois que vous avez défini les produits d’un catalogue vous pouvez alors choisir la taille à leur donner dans le site (voir photo ci-dessous), de la plus grande (2 produits par ligne) à la plus petite (4 produits par ligne).

Si vous souhaitez que les visiteurs puissent effectuer une commande après avoir ajouté des produits à leur panier, il vous faut encore fournir l’adresse email à laquelle les commandes doivent être envoyées, dans le champ “Commandes à envoyer à l’adresse email”. Si ce champ n’est pas rempli, les boutons permettant d’ajouter un produit au panier, ainsi que le contenu du panier (avec le bouton pour envoyer la commande), n’apparaîtront pas dans le site.

store2b

Notez qu’il est possible à tout moment de réordonner les catalogues ou les produits à l’intérieur d’un catatalogue, à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer un catalogue ou un produit en cliquant sur le symbole moins qui apparaît sur la droite lorsque l’on passe le curseur sur le bloc correspondant.

Vous trouverez ci-après un exemple d’affichage de la boutique dans le site, dans lequel vous voyez également que le résumé du panier contient un petit formulaire à remplir par le visiteur au moment de l’envoi de sa commande :

store3
store4

La rubrique “Infos”

info-menu
La rubrique “Infos” fournit diverses informations pratiques aux personnes proches du club (membres et non membres).
Elle contient les pages suivantes : “S’inscrire”, “Liens”, “Documents” et 3 pages libres (5 dans l’offre Premium).

La page “S’inscrire”

Comme son nom l’indique le but de cette page est de fournir l’information nécessaire aux personnes qui désirent s’inscrire au club, ou inscrire un/une proche.

Cette page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle ne contient pas de champs spécifiques.

Dans la formule Premium, vous pourriez compléter cette page on y ajoutant le widget « Pré-inscriptions » dans le bas de la zone centrale, et en ne le faisant apparaître que sur cette page grâce au mécanisme expliqué au début de la section « Utiliser les widgets » .

La page “Liens”

La page “Liens” vous permet de créer des connections entre votre site et d’autres pages web. A titre d’exemple, vous pourriez ici placer des liens vers les sites des clubs voisins, vers les fédérations sportives auxquelles le club est lié, vers des sites d’information sur le basket, etc.

Cette page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de structurer la liste des liens. Vous pouvez regrouper les liens par catégories, chaque catégorie pouvant contenir autant de liens que vous le souhaitez.

Pour ajouter une catégorie, il suffit de cliquer sur “Ajouter une catégorie” :

liens

Vous faites alors apparaître le tableau suivant :

liens2

Vous pouvez nommer votre catégorie et, si vous le désirez, ajouter une description complémentaire.

Ajoutez ensuite un ou des lien(s), en cliquant sur le bouton “Ajouter un lien”. Comme vous pouvez le voir sur l’illustration qui suit, vous pouvez donner un nom et une description à chaque lien, et dans le dernier champ, en fournir l’adresse web (URL), qui doit toujours commencer par “http://”.

liens3

Vous pouvez ajouter autant de catégories, et autant de liens par catégorie que vous le désirez.

Notez qu’il est possible, à tout moment, de les réordonner à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer une catégorie ou un lien en cliquant sur le symbole moins qui apparaît sur la droite lorsque l’on passe le curseur sur le bloc correspondant.

Vous trouverez un exemple d’affichage des liens sur le site, ci-après :

liens4

N’hésitez pas à profiter de la souplesse d’utilisation qu’apporte ce système de liens, et notamment, du caractère facultatif des champs. Vous pouvez par exemple essayer de

  • ne pas utiliser les champs de description, si vous désirez alléger la page
  • ne créer qu’une seule catégorie sans titre et sans nom, si vous préférez donner une impression de liste compacte
  • etc.

La page “Documents”

Cette page vous permet de lister et d’accéder aux différents documents nécessaires aux visiteurs du site. A titre d’exemple, vous pourriez ici placer les certificats médicaux, les déclarations d’accident, des chartes sportives de votre club ou de la fédération, des copies de courriers d’information, etc.

Cette page contient les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également des champs spécifiques vous permettant de structurer la liste des documents. Vous pouvez regrouper les documents en catégories, chaque catégorie pouvant contenir autant de documents que vous le souhaitez.

En cliquant sur “Ajouter une catégorie”, vous faites apparaître le tableau suivant :

documents

Vous pouvez nommer votre catégorie et, si vous le désirez, ajouter une description.

Ajoutez ensuite un ou des documents, en cliquant sur le bouton “Ajouter un document. Comme vous pouvez le voir sur l’illustration qui suit, vous pouvez donner un nom et une description à chaque document. Dans le dernier champ, il vous faut déterminer si le document en question est stocké sur votre site (dans la bibliothèque) ou s’il s’agit d’un lien vers un document stocké sur un autre site web.

Si vous choisissez l’option “Document stocké sur ce site”, vous devez ensuite pousser sur le bouton “Ajouter un fichier” qui apparaît. Cela ouvre l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque” et vous permet de choisir le document en question.

Si vous choisissez l’option “Document stocké sur un autre site web (lien à fournir)”, vous devez remplir l’adresse du document dans le champ “Lien externe” qui apparaît.

Voici deux exemples d’encodage de documents :

documents2

Vous pouvez ajouter autant de catégories, et autant de documents par catégorie que vous le désirez.

Notez qu’il est possible, à tout moment, de les réordonner à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer une catégorie ou un document en cliquant sur le symbole moins qui apparaît sur la droite lorsque l’on passe le curseur sur le bloc correspondant.

Voici un exemple d’affichage des documents (dans ce cas avec une seule catégorie sans nom) sur le site :

documents3

N’hésitez pas à profiter de la souplesse d’utilisation qu’apporte ce système de documents et notamment du caractère facultatif des champs. Vous pouvez par exemple essayer de

  • ne pas utiliser les champs de description, si vous désirez alléger la page
  • ne créer qu’une seule catégorie sans titre et sans nom, si vous préférez donner une impression de liste compacte
  • etc.

Les pages libres

Vous avez la possibilité d’utiliser jusqu’à 3 pages libres (5 dans l’offre Premium) dans la rubrique “Infos” pour y placer le contenu que vous désirez, et personnaliser un peu plus votre site.

Ces pages apparaissent dans le menu du panel d’administration sous les intitulés “Libre 1”, “Libre 2” et “Libre 3” mais vous pouvez leur donner le titre de votre choix. C’est celui-ci qui apparaîtra dans le menu du site web.

Elles contiennent les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Il n’y a pas de champ spécifique dans les pages libres.

Voici quelques idées de l’utilisation que vous pouvez faire de ces pages libres :

  • Fournir les prix des différentes cotisations
  • Expliquer les règles du basketball
  • Donner les informations sur les prix pour assister aux matchs (et pourquoi ceux-ci sont payants)
  • etc.

La rubrique “Sponsors”

menu_sponsors
La rubrique “Sponsors” ne contient qu’une page. Comme son nom l’indique elle permet de présenter les sponsors et autres partenaires du club.

Cette page contient les cadres des images/vidéos (voir section « Les cadres des images/vidéos » ) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Pro Dans la version Pro, cette rubrique contient également des champs spécifiques vous permettant de structurer la présentation des sponsors et de leur donner une apparence plus professionnelle. Comme le montre l’illustration ci-dessous, vous avez en fait le loisir de définir vos propres catégories de sponsors et pour chacune de celles-ci, y ajouter autant de sponsors que vous le souhaitez.
sponsors_1

Pour ajouter une catégorie, appuyez sur “Ajouter une catégorie de sponsors”. Il vous faut alors donner un nom (obligatoire) à cette catégorie afin que le système puisse l’identifier, notamment pour la gestion du widget « Sponsors ». Si vous ne souhaitez pas afficher le nom de la catégorie dans le site, il vous suffit de cocher la case « Masquer le nom de la catégorie sur le site ».

Vous pouvez également, si vous le souhaitez, ajouter une description pour cette catégorie qui sera affichée dans le site.

Ajoutez ensuite autant de sponsors que vous le désirez en appuyant sur “Ajouter un sponsor”. Pour chacun d’eux remplissez, si vous le désirez, le nom du sponsor, une description complémentaire et un lien (URL) vers le site du sponsor. Vous pouvez (et nous le recommandons fortement) ajouter un logo du sponsor en cliquant sur le bouton [+]. Vous ouvrez alors l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”.

Une fois que vous avez défini les sponsors d’une catégorie (voir image ci-dessous) vous pouvez alors choisir la taille à leur donner dans le site, de la plus grande (1 sponsor par ligne) à la plus petite (12 sponsors par ligne).

sponsors_2

Notez qu’il est possible à tout moment de réordonner les catégories ou les sponsors à l’intérieur d’une catégorie, à l’aide d’un simple “glisser-déposer”, comme expliqué au paragraphe ‘La page “Palmarès” ’.

Vous pouvez supprimer une catégorie ou un sponsor en cliquant sur le symbole moins qui apparaît sur la droite lorsque l’on passe le curseur sur le bloc correspondant.

Vous trouverez ci-après un exemple d’affichage des sponsors sur le site :

sponsors_3

La rubrique “Contact”

contact-menu
La rubrique “Contact” ne contient qu’une page du même nom. Comme son nom l’indique elle fournit l’information sur la manière de prendre contact avec les responsables du club.

Cette page contient les cadres des images/vidéos (voir section « Les cadres des images/vidéos » ) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”).

Elle contient également un champ spécifique, dans lequel vous pouvez définir une ou plusieurs adresse(s) e-mail de contact du club (voir illustration suivante).

Si vous fournissez cette (ces) adresse(s), cela fera apparaître dans le site un formulaire de contact qui, une fois rempli, enverra un e-mail à l’adresse (aux adresses) précisée(s).

contact-form
Une fois de plus, n’hésitez pas à profiter de la flexibilité qu’apporte ce principe des champs facultatifs. Pour cette page de contact, vous pouvez par exemple utiliser la zone libre pour définir des personnes et/ou adresses spécifiques en fonction du sujet. Si par contre vous préférez vous contentez d’une adresse globale, utilisez plutôt le formulaire. Notez d’ailleurs que rien n’empêche de faire une combinaison des deux …

Voici un exemple d’affichage de la page “Contact” :

contact3

Les pages libres Premium

libre-premium
Dans l’offre Premium, vous disposez de 2 rubriques supplémentaires composées chacune d’une page libre (intitulées « Page libre 1 » et « Page libre 2 » ). Comme il s’agit de rubriques, elles apparaîtront directement dans le premier niveau de votre menu, avec les autres rubriques.

Vous pouvez placer dans ces pages le contenu que vous désirez et personnaliser ainsi un peu plus votre site.

Elles contiennent les cadres des images/vidéos (expliqué à la section du même nom) ainsi qu’une zone libre que vous pouvez remplir à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”) et du mécanisme d’insertion de médias (expliqué à la section “Gérer les médias”). Il n’y a pas de champ spécifique dans ces pages libres.

Vous pouvez les utiliser pour ajouter des rubriques/pages qui ne seraient pas encore prévues dans les sections prédéfinies par nos soins, par exemple pour une section web TV, une billetterie, une page pour le fan club, etc.

Ci-dessous un exemple de menu d’un site Premium utilisant ces deux pages libres (mises en évidence) :

libre-premium2

Gérer la bibliothèque des médias

biblio_menu
La bibliothèque reprend la liste de tous les médias (images, documents, vidéos,etc) que vous avez envoyés dans le système. Un média présent dans la bibliothèque peut être utilisé dans n’importe quelle page/actualité/galerie/équipe de votre site.

Vous pouvez ranger vos médias dans des dossiers que vous pouvez créer, renommer, supprimer et déplacer à souhait.

Dans la partie supérieure de l’écran vous trouvez quelques outils permettant de chercher et sélectionner efficacement des médias.

biblio_1

Ces outils sont les suivants :

  • biblio_4 Des icônes permettant de passer d’un mode d’affichage en miniatures (de taille moyenne comme sur l’illustration ci-dessus, ou de petite taille) à un mode d’affichage détaillé (un média par ligne) fournissant pour chaque média son nom, l’auteur qui l’a chargé dans le système, la date de chargement, ainsi que toutes les pages/actualités/galeries auquel il est attaché.
  • Une série de liste déroulantes pour filtrer vos médias par type (image, son, pdf, …), par date de chargement dans la bibliothèque, par dossier ou encore par taille ou poids des fichier.
  • biblio_bouton_dossier Un bouton vous permettant de créer un nouveau dossier (Un fenêtre s’ouvrira alors et il vous suffira de définir le nom de ce dossier).
  • Un case à cocher vous permettant de n’afficher que les médias qui ont été chargés dans la bibliothèque par votre utilisateur.
  • Deux listes déroulantes vous permettant de trier vos dossiers et vos fichiers selon différents critères.
  • Un bouton pour sélectionner en masse des médias.
  • Une barre de recherche vous permettant de rechercher n’importe quel fichier dont le nom contient certains mots dans la bibliothèque.

Nous vous invitons à tester ces différents outils et les différentes vues offertes dans la bibliothèque afin trouver ce qui vous convient le mieux.

Comme le montre l’illustration ci-dessous, vous pouvez déplacer vos fichiers dans les dossiers par simple glisser-déposer. Vous pouvez également déplacer un dossiers dans un autre dossier.

biblio_2
biblio_3
En déplaçant le curseur de votre souris sur un dossier (voir image ci-contre), vous faites apparaître un crayon et une poubelle qui vous permettent respectivement de renommer et supprimer le dossier.

 

Si vous supprimez des médias de la bibliothèque, assurez-vous que ceux-ci ne sont pas utilisés dans vos contenus. Cela pourrait en effet générer des erreurs techniques dans vos pages/actualités/galeries.

Ajouter un média dans la bibliothèque

Pour ajouter de nouveaux médias directement à la bibliothèque, il suffit de cliquer sur “Ajouter” dans le menu “Bibliothèque”.

La procédure d’ajout d’un nouveau média étant identique à la procédure décrite à la section “Ajouter un média en envoyant le fichier”, nous ne la détaillerons pas à nouveau.

Modifier un média de la bibliothèque

Sélectionner un média dans la bibliothèque ouvre une page qui permet d’en modifier les données suivantes, détaillées dans la section “Ajouter un média en envoyant le fichier” : le titre, la légende, le texte alternatif et la description.

modif_media2

En cliquant sur “Modifier l’image”, vous ouvrez l’éditeur d’image présenté sur l’illustration suivante, qui permet de retravailler une image.

Dans la mesure du possible, nous vous conseillons de préparer vos images avant de les envoyer dans le système. Cela vous évitera de devoir faire ces manipulations et de garder le contrôle sur le poids de l’image avant de la charger.

modif_media3

Cet éditeur offre les outils suivants (détaillés en faisant passer le curseur sur les icônes ), dans la partie gauche de l’écran :

  • Recadrer l’image
  • Tourner l’image dans le sens inverse des aiguilles d’une montre
  • Tourner l’image dans le sens des aiguilles d’une montre
  • Retourner l’image verticalement
  • Retourner l’image horizontalement

Dans la partie droite de l’écran vous pouvez définir un redimensionnement et un recadrage précis de l’image (et de la miniature associée), au pixel près. A nouveau, nous vous suggérons de n’utiliser ces outils que si vous vous sentez à l’aise avec la manipulation d’images.

Notez que l’interface vous fournit les explications en cliquant sur les symboles quest_mark.

Une fois les manipulations terminées, cliquez sur “Enregistrer” et fermez la page suivante en cliquant sur la croix.

Pour toute autre information sur la gestion des médias, et comment les insérer dans votre contenu ou les enlever, référez-vous au chapitre “Gérer les médias”.

Utiliser les widgets

widget-menu
Les widgets sont des petits modules que vous pouvez placer dans l’une des 2 zones (3 en Pro, 5 en Premium) à widgets de votre site (voir chapitre “Structure de votre site”).

En plus d’être très utiles, ils servent également à habiller le site et à lui donner un look complet et moderne. Ils permettent par ailleurs de mettre en évidence certains types de contenus (ex : les évènements à venir).

Pour utiliser un widget, il suffit de le déplacer via “glisser-déposer” dans la zone de votre choix, comme illustré sur l’image suivante :

widgets1

Vous pouvez utiliser un même widget autant de fois que vous le désirez.

L’ordre dans lequel vous placez les widgets dans une zone correspond à l’ordre dans lequel ils apparaîtront dans le site. Comme vous le montre l’illustration qui suit, vous pouvez à tout moment les ordonner comme bon vous semble par “glisser-déposer”.
L’enregistrement d’un déplacement est automatique, mais il faut toujours cliquer sur “Enregistrer” si vous modifiez une option dans un widget.
widgets3


Premium

display-widget1

Par défaut, les widgets que vous placez dans votre site apparaissent sur toutes les pages. Cependant, la formule Premium vous offre plus de flexibilité et vous permet de masquer un widget sur certaines pages, ou bien de ne l’afficher que sur certaines pages. En Premium, vous verrez donc apparaître des champs supplémentaires dans la partie basse de la zone de configuration du widget, comme le montre l’illustration ci-contre.

Pour profiter de cette flexibilité, vous devez dans premier temps choisir si vous souhaitez cacher le widget sur certaines pages, ou bien juste l’afficher sur certaines pages. Dans le cadre en-dessous, il vous faut ensuite cocher les pages (ou ensembles de pages) sur lesquelles vous désirez cacher/afficher le widget.

En plus des « pages simples », vous pouvez également sélectionner en une fois l’ensemble des pages qui affichent une actualité, une équipe, une galerie ou un membre (voir illustration ci-contre).
display-widget2

De plus vous avez également la possibilité de cacher/afficher un widget sur les différents sommaires, c’est-à-dire les pages qui reprennent l’ensemble des actualités/équipes/galeries/membres (voir illustration suivante).

display-widget3b
Enfin, vous pouvez également cacher/afficher un widget sur une (des) page(s) spécifique(s) grâce à leur identifiant technique, que vous séparez par une virgule dans le champ libre, comme le montre l’illustration ci-contre. Cela vous permet de préciser des actualités/équipes/galeries particulières et donc, par exemple, de n’afficher un widget que sur la page d’une certaine équipe.

Cet identifiant technique des actualités/équipes/galeries peut être trouvé dans l’espace d’administration, dans la colonne « ID »  des sommaires correspondants. Par exemple, l’illustration suivante met en évidence les identifiants techniques dans le sommaire des équipes :

display-widget4

Le widget “Actualités liées” et les étiquettes Premium

Le widget « Actualités liées » , utilisé en combinaison avec le mécanisme des étiquettes, permet d’afficher automatiquement des actualités qui sont liées au contenu de la page affichée dans le site. Ce contenu peut être une autre actualité, une équipe, un(e) membre ou une galerie. Par exemple, comme le montre l’illustration qui suit, vous pouvez afficher les actualités qui se rapportent à un joueur ou une joueuse, sur la page de celui-ci/celle-ci.

actus-liees2

Les étiquettes servent à faire le lien entre les différents contenus. Celles-ci se gèrent grâce au cadre « Étiquettes » que vous retrouvez sur les pages d’éditions de vos actualités/équipes/galeries/membres, comme le montre l’image ci-dessous. Deux contenus qui possèdent une même étiquette sont considérés comme liés. Il y a deux manières d’ajouter des étiquettes à un contenu :

  • Soit en les écrivant dans le champ prévu à cet effet, séparées par des virgules, et en cliquant sur le bouton « Ajouter » .
  • Soit en les sélectionnant directement parmi les plus courantes, en cliquant dessus dans le cadre qui apparaît juste après avoir cliqué sur « Choisir parmi les étiquettes les plus utilisées » .
actus-liees1
actus-liees4
Une fois que vous avez défini des étiquettes, vous les voyez apparaître dans le cadre, précédées par une croix. Pour supprimer une étiquette, il suffit de cliquer sur cette croix (voir image ci-contre).
Lorsque vous avez créé des liens entre vos différents contenus via le mécanisme des étiquettes, vous pouvez utiliser le widget des « Actualités liées » . Pour le configurer, il suffit de fournir les informations suivantes :

  • Le titre qui apparaîtra au dessus du widget.
  • Le nombre d’actualités liées que vous souhaitez afficher.

Notez que si un contenu n’est lié à aucune actualité, le widget n’apparaîtra tout simplement pas sur la page de ce contenu. La gestion de ce widget est donc 100% automatique !

actus-liees3

Le widget “Anniversaires” Premium

Comme vous pouvez le voir sur l’exemple ci-contre, ce widget permet d’annoncer les prochains anniversaires des membres que vous avez encodés via le module de gestion des membres.

Vous pouvez en configurer l’apparence en fournissant les informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • La période à prendre en compte pour les prochains anniversaires. Il peut s’agir
    • de la semaine en cours (jusqu’au dimanche qui suit)
    • du mois en cours (jusqu’au dernier jour du mois)
    • des 7, 14 ou 30 prochains jours
  • L’affichage ou non de la photo d’identité miniature du membre.
  • L’affichage ou non du rôle (de la fonction) du membre.
  • L’affichage ou non de l’âge que le membre aura le jour de son anniversaire.

Le widget “Compétitions”

Ce widget vous permet d’afficher les calendriers, résultats et classements de vos équipes. Il regroupe de manière intelligente les compétitions que vous avez définies dans vos différentes pages d’équipes, qu’elles soient composées manuellement ou bien fournies par nos soins de manière 100% automatique. Vous n’avez donc rien à faire, le système rassemble toutes les informations pour vous !
Vous pouvez le configurer en fournissant les informations suivantes :

  • Le titre, qui apparaîtra au dessus du widget.
  • Les compétitions que vous souhaitez inclure dans le widget. Vous pouvez sélectionner :
    • L’ensemble des compétitions de toutes vos équipes, en marquant l’option « Toutes les compétitions ».
    • Toutes les compétitions d’une équipe, en cochant la case de l’équipe correspondante.
    • Des compétitions « à la carte » en sélectionnant directement les compétitions souhaitées.
  • Le fait d’afficher ou non les données des matchs (option « Afficher les matchs du club »).
  • Le fait d’afficher ou non les classements (option « Afficher les classements disponibles »).
  • Le fait d’afficher ou non les matchs des autres clubs que le vôtre, option utile uniquement pour les compétitions automatiques (option « Afficher tous les matchs (avec les autres clubs) »).
widget_compets1

N’hésitez pas à utiliser ce widget plusieurs fois dans le site pour diviser la présentation de vos compétitions en plusieurs sections, par exemple :

  • Pour séparer les matchs de championnat des matchs de coupes et des matchs amicaux.
  • Pour séparer les matchs de vos équipes seniors des matchs de vos vos équipes de jeunes.
  • etc.

Ci-dessous vous pouvez voir 2 exemples d’affichage de ce widget dans le site.

widget_compets

Le widget “Dernières actualités”

Ce widget affiche les x dernières actualités de votre club (en fonction de la date de publication), c’est-à-dire celles que vous avez rédigées et publiées via la rubrique “Actualités”. Vous pouvez le configurer en fournissant les informations suivantes :

  • Le titre, qui apparaîtra au dessus du widget.
  • Le nombre maximum d’actualités à afficher.
  • Les catégories d’actualité que vous désirez afficher. Vous avez ici le choix entre toutes les catégories, ou une en particulier (à l’exception des événements, qui disposent de leur widget dédié).
  • L’affichage ou non de la date de publication.
  • L’affichage ou non d’une miniature de la photo de couverture de l’actualité. Si aucune photo de couverture n’est fournie, une icône par défaut sera affichée.
widget_actus
widget_actus2 Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Evènements et calendriers”

Ce widget affiche les évènements à venir de votre club, sous forme de liste d’événements ou sous forme de calendrier.

Les informations à fournir pour le configurer sont les suivantes :

  • Le titre qui apparaîtra au dessus du widget.
  • Le type de calendrier, c’est-à-dire la source à utiliser :
    • les événements définis dans le site (c’est-à-dire ceux que vous avez rédigés dans vos actualités, qui appartiennent à la catégorie “Evènements” et qui ont une date de début dans le futur)
    • un calendrier Google
Pour les événements définis dans le site, il faudra choisir le type de vue selon laquelle vous souhaitez afficher les événements :

  • un liste d’événements
  • une vue « calendrier »

Dans le cas d’une vue en liste d’événements, vous pourrez enfin déterminer le nombre maximum d’événements que vous désirez afficher (voir ci-contre).

Dans le cas où vous choisissez de montrer le contenu d’un calendrier Google, vous devrez préciser 2 choses :

  • L’adresse e-mail associée au calendrier ou bien l’identifiant du calendrier.
  • La manière dont vous souhaitez afficher le calendrier Google :
    • une vue « calendrier » par mois
    • une vue « calendrier » par semaine
    • une liste d’événements

Ci-dessous vous pouvez voir des exemples de différentes variantes possibles de configuration de ce widget :

Le widget “Facebook”

Ce widget affiche les informations d’une page Facebook de votre choix, probablement celle de votre club.

Il y a 4 informations à préciser :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • L’adresse de la page Facebook que vous désirez mettre en avant (que vous retrouvez dans la barre d’adresse de votre navigateur lorsque vous visitez cette page).
  • L’affichage ou non du flux d’actualités en provenance de cette page Facebook.
  • L’affichage ou non des visages des personnes qui aiment cette page.
widget_fb

Ci-dessous vous pouvez voir des exemples des différentes combinaisons d’affichage du widget facebook.

widget_fb2 widget_fb3 widget_fb4

!!!Attention!!! : Pour des raisons de confidentialité, Facebook ne propose pas ce module pour les profils privés ni pour les groupes. Ce widget ne fonctionnera donc que pour une page de type « association », « organisme » ou « entreprise », par exemple.

Le widget “Galeries” Pro

Ce widget vous permet d’afficher vos dernières galeries de médias (photos/vidéos), c’est-à-dire celles que vous avez publiées dans la section “Galeries”. Celles-ci sont représentées par des photos de couverture prises parmi les médias de la galerie (voir cadre des “Médias” expliqué à la section “Gérer le contenu de votre site”). Pour le configurer, vous devrez fournir les données suivantes :

  • Le titre, qui apparaîtra au dessus du widget.
  • Les catégories de médias que vous désirez afficher (Photos ou Vidéos).
  • Le nombre maximum de galeries à afficher.
  • Le nombre de colonnes selon lequel les couvertures des galeries doivent apparaître.
  • L’ordre dans lequel les galeries doivent être affichées (Par date, par titre ou aléatoirement).
  • La manière d’afficher les galeries dans le widget :
    • seulement la couverture
    • la couverture et le titre de la galerie
    • la couverture, la date de publication et le titre de la galerie
widget_galeries

Vous trouverez ci-dessous deux exemples d’affichage de ce widget, l’un pour des vidéos, l’autre pour des photos :

widget_galeries2
widget_galeries3

Le widget “Image”

Ce widget permet d’afficher une image avec un lien, en dessous d’un titre, et accompagnée d’une légende affichée en-dessous de l’image.

Vous pouvez configurer l’apparence de l’image en fournissant les informations suivantes :

  • L’image en question, en cliquant sur “Choisir une image”, ce qui ouvre l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”.
  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Le texte alternatif (facultatif) qui apparaîtra en passant le curseur de la souris sur l’image.
  • La légende (facultative), qui apparaîtra en petits caractères, sous l’image.
  • Le lien (facultatif) vers lequel doit pointer l’image. Vous préciserez, avec la liste déroulante, si vous désirez ouvrir ce lien dans la fenêtre courante ou dans une nouvelle fenêtre (option que nous recommandons).
  • La taille que doit prendre l’image dans le widget.
  • L’alignement de l’image dans le widget.
widget_image
widget_image2 Ci-contre vous pouvez voir un exemple avec deux affichages consécutifs de ce widget dans le site.
En superposant plusieurs fois le widget “Image”, vous pouvez donner l’impression d’afficher plusieurs images dans une même section. Il vous suffit pour cela de ne remplir un titre que pour la première de celles-ci, et de le laisser vide pour les suivantes. Cela peut être utile, par exemple, si vous voulez présenter vos partenaires principaux sur la page d’accueil.

Le widget “Instagram”

Ce widget permet d’afficher, dans un carousel défilant, les dernières images publiées par un compte Instragram, ou contenant un certain hashtag Instagram.

Vous pouvez en configurer l’apparence en fournissant les informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Le nom de l’utilisateur/compte Instagram dont vous voulez afficher les images OU le hashtag contenu dans les images que vous souhaitez afficher.
  • Dans le cas de l’utilisation d’un hashtag, vous pouvez aussi lister les utilisateurs dont vous ne souhaiteriez éventuellement pas afficher les photos publiées.
  • Le nombre d’images total que vous voulez faire défiler.
widget_instagram_1
widget_instagram_2
Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Liens personnalisés”

Ce widget permet d’afficher une liste de liens vers d’autres pages web.
Vous pouvez en configurer l’apparence en fournissant d’abord le titre (facultatif) qui apparaîtra au dessus du widget, et pour chaque lien :

  • Le libellé, qui apparaîtra dans le widget.
  • L’adresse (URL) du lien (celle-ci doit commencer par “http://”).
  • L’ouverture du lien dans la fenêtre courante ou dans une nouvelle fenêtre (option que nous recommandons).

Vous pouvez ajouter autant de liens que vous le désirez en appuyant sur “Ajouter”.

widget_links
widget_links2 Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Matchs”

Ce widget affiche une liste de matchs et leurs informations associées.

Vous pouvez en configurer l’apparence en fournissant d’abord le titre (facultatif) qui apparaîtra au dessus du widget, et pour chaque match :

  • La date et l’heure.
  • Le style à appliquer (“Aucun”, “Victoire” ou “Défaite”. Si vous ne désirez pas mettre en évidence les victoires et défaites, il suffit de garder l’option “Aucun” par défaut).
  • L’équipe visitée.
  • Le score du match (si déjà joué).
  • L’équipe visiteuse.

Vous pouvez ajouter autant de matchs que vous le désirez en appuyant sur “Ajouter”.

widget_match
widget_match2 Si aucun score n’est fourni, le widget considère que le match n’est pas encore joué et affiche l’heure à la place du score. Lorsqu’un score est fourni, le match est joué et l’heure n’est donc plus affichée.
Notez que les matchs seront classés automatiquement par ordre chronologique. Vous pouvez donc gagner du temps en les encodant dans l’ordre qui vous convient.
Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.
N’hésitez pas à utiliser deux fois le widget “Matchs”, par exemple pour les matchs passés et pour les matchs à venir. Dans ce cas, après chaque journée de compétition, il vous suffit de changer le titre des “matchs à venir” en “matchs passés” après avoir complété les scores, et de créer une nouvelle instance du widget pour les nouveaux matchs à venir.

Le widget “Membres” Premium

Comme vous pouvez le voir sur l’exemple ci-contre, ce widget permet de présenter une ou plusieurs personnes parmi celles que vous avez encodées via le module de gestion des membres. A chaque fois qu’une nouvelle page est appelée, le module se rafraîchit pour présenter d’autres membres.
widget-membres2
widget-membres1
Vous pouvez en configurer l’apparence en fournissant les informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Les équipes qui doivent être prises en compte pour afficher les membres qui leur appartiennent.
    Attention : si vous ne sélectionnez aucune équipe dans la liste, le module sélectionnera parmi l’ensemble des membres sans tenir compte de la/les équipe(s) à laquelle (auxquelles) ils appartiennent. Dans ce cas, un membre qui n’est rattaché à aucune équipe pourra également être affiché.
  • Les rôles qui doivent être pris en compte pour afficher les membres qui les possèdent. Ces rôles sont définis au niveau de la fiche de membre expliquée à la section « Gérer vos membres » .
  • Le statut (actif ou passif) qui doit être pris en compte pour afficher les membres qui le possèdent. Ce statut est défini au niveau de la fiche de membre expliquée à la section « Gérer vos membres » .
  • Le nombre maximum de membres à afficher simultanément dans le widget.
  • L’ordre dans lequel les membres doivent apparaître (aléatoire, par ordre alphabétique des libellés des membres, ou par date de publication des fiches de membre).
  • L’apparition ou non d’un lien à partir du widget vers la page du membre en question.

Le widget “Météo”

Ce widget permet d’afficher la météo actuelle et les prévisions pour une ville de votre choix.

Vous pouvez en configurer l’apparence en fournissant les informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Le lieu dont vous souhaitez afficher la météo, en général une ville. Lorsque vos tapez les premières lettres dans le champ, une liste avec des propositions de villes correspondantes apparait. Il vous suffit alors de sélectionner celle qui convient (voir deuxième image ci-contre).
  • Le libellé (facultatif) du lieu que vous avez choisi, qui apparaitra dans le widget. Si vous n’en définissez pas, le widget affichera le lieu défini dans le champ « Lieu » (c’est-à-dire la ville suivie du pays, en anglais).
  • Le nombre de jours dont vous souhait afficher les prévisions.
  • L’affichage ou non de la météo actuelle (cocher la case pour l’afficher).
widget_meteo_1

 

widget_meteo_2
widget_meteo_3
Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “News externes” Pro

Grâce à ce widget, vous pouvez en quelques clics afficher des actualités de type “flux RSS” provenant de sources externes à votre site, que nous avons présélectionnées (sources sportives officielles, journaux sportifs en ligne, etc).

Pour le configurer, fournissez-en d’abord le titre (facultatif) qui apparaîtra au dessus du widget. Pour chaque source/flux, remplissez alors les informations suivantes :

  • Le titre du flux.
  • La source du flux, à choisir parmi une liste prédéfinie (AWBB, NBA, Fiba, DH.be, L’Avenir Basket, etc).

Vous disposez également d’une option “RSS libre” qui vous permet d’ajouter le flux RSS de votre choix, pour autant que vous en connaissiez l’adresse. Il suffit alors de remplir cette adresse dans le champ à droite de la liste déroulante.
Il vous faut ensuite définir le nombre de news à afficher (par défaut 5). Ce nombre s’applique à chaque flux.
Vous pouvez ajouter plusieurs flux en appuyant sur “Ajouter”. Notez que si vous en définissez plusieurs dans un même widget, ceux-ci apparaîtront sous la forme d’onglets (le premier flux étant sélectionné par défaut).

widget_news_externes
widget_news_externes2 Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Pré-inscriptions”

Ce widget affiche un formulaire de pré-inscription permettant à toute personne intéressée de rejoindre votre club de prendre contact avec vous et vous envoyer un certain nombre d’informations de base. Un email contenant les informations sera envoyé directement à l’adresse email fournie dans le cadre de configuration du widget (voir ci-dessous).

Vous pouvez configurer l’apparence de ce formulaire en fournissant d’abord le titre (facultatif) qui apparaîtra au dessus du widget, ainsi que les informations suivantes :

  • L’adresse email du destinataire (obligatoire), à laquelle les informations remplies via le formulaire seront envoyées.
  • Un texte d’introduction (facultatif) qui apparaîtra au-dessus du formulaire.
  • L’affichage ou non (pour l’instant obligatoire) du nom de la personne qui remplit le formulaire.
  • L’affichage ou non (pour l’instant obligatoire) du prénom de la personne qui remplit le formulaire.
  • L’affichage ou non (pour l’instant obligatoire) de la date de naissance de la personne qui remplit le formulaire.
  • L’affichage ou non (pour l’instant obligatoire) de l’email de la personne qui remplit le formulaire.
  • L’affichage ou non du numéro de téléphone de la personne qui remplit le formulaire. S’il est affiché, vous pouvez également décider s’il est obligatoire ou facultatif.
  • L’affichage ou non du dernier club de la personne qui remplit le formulaire. S’il est affiché, vous pouvez également décider s’il est obligatoire ou facultatif.
  • L’affichage ou non d’une zone de texte libre pour écrire des commentaires. Si elle est affichée, vous pouvez également décider si elle est obligatoire ou facultative.
widget_match
widget_match2 Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Résultats et
classements automatiques” Pro

Ce widget, disponible dans les formules Pro et Premium, vous permet d’afficher de manière 100% automatique les calendriers, résultats et classements de vos équipes. Vous n’avez rien à faire, le système injecte toutes les informations pour vous !
Vous trouverez toutes les informations sur l’utilisation de ce widget dans la vidéo ci-dessous.

Le widget “Son”

Comme vous pouvez le voir sur l’exemple ci-contre, ce widget permet d’insérer dans votre site un lecteur audio permettant au visiteur d’écouter le fichier audio de votre choix.
Pour le configurer, il vous suffit de fournir les 2 informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Le fichier son à jouer, en cliquant sur “Aucun fichier audio sélectionné”, ce qui ouvre l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”.

Le widget “Sponsors” Pro

Disponible dans les formules Pro et Premium, ce widget met en avant vos partenaires de manière dynamique et professionnelle. Il vous permet d’afficher les sponsors d’une ou de plusieurs catégories, en grille ou en diaporama automatique (avec lien vers le site du sponsor).

Les informations à préciser sont les suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Les catégories de sponsors que vous souhaitez afficher, à choisir parmi celles que vous avez définies à la rubrique « Sponsors ». Vous pouvez en sélectionner plusieurs en laissant le bouton gauche de la souris enfoncé.
  • Le nombre maximum de sponsors à afficher.
  • L’ordre dans lequel les sponsors apparaissent.
  • La manière de disposer les sponsors : en grille ou en diaporama. En cas de diaporama, vous pourrez également préciser le nombre de secondes avant le passage à la diaporama suivante.
  • Le nombre de colonnes selon lequel les sponsors doivent apparaître.
  • La hauteur des lignes dans lesquelles les sponsors sont affichés (synonyme de hauteur des logos des sponsors).
widget_sponsors_1

Voici donc un nouvel argument pour négocier de nouveaux partenariats potentiels !
Dans l’exemple ci-dessous, vous pouvez voir quelques exemples de configurations différentes de ce widget :

widget_sponsors2

Le widget “Texte”

Ce widget permet d’afficher un texte de votre choix dans la zone où vous le placez.

Pour le configurer vous devez simplement remplir les champs suivants :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Le texte que vous souhaitez faire apparaître. Ce texte est à configurer grâce au même éditeur de texte que dans l’édition de vos autres contenus (pages/actualités/équipes/galeries), qui vous est expliqué à la section “Editeur de texte”.
  • La création automatique ou non des paragraphes, c’est-à-dire la prise en charge ou non des retours à la ligne. Nous vous recommandons garder cette option sélectionnée afin de vous apporter plus de flexibilité dans le formatage de votre texte.
widget_texte_1
widget_texte_2
Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Twitter (Tweets)”

Ce widget affiche les « tweets » d’un compte Twitter de votre choix, probablement celui de votre club.

Vous pouvez en configurer l’apparence en fournissant les informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • Le nom de l’utilisateur/compte Tweeter dont vous souhaitez afficher les tweets.
widget_twitter_1
widget_twitter_2
Ci-contre vous pouvez voir un exemple d’affichage de ce widget dans le site.

Le widget “Vidéo”

Comme vous pouvez le voir sur l’exemple ci-contre, ce widget insère dans votre site un lecteur vidéo permettant au visiteur de visionner la vidéo de votre choix. Celle-ci peut provenir de votre bibliothèque ou bien d’une plateforme externe spécialisée dans le stockage de vidéo (comme YouTube, Facebook, Dailymotion ou Vimeo).

Pour le configurer, il vous suffit de fournir les 2 informations suivantes :

  • Le titre (facultatif) qui apparaîtra au dessus du widget.
  • La vidéo à jouer, en cliquant sur “Ajouter une vidéo”, ce qui ouvre l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”.
    Notez que pour insérer une vidéo provenant d’une plateforme externe (option que nous recommandons très fortement !), il vous suffit de choisir l’option « Insérer à partir d’une adresse web » et d’ensuite insérer l’adresse (URL) de la vidéo en question (voir illustration ci-dessous).

Le widget “Équipes”

Ce widget permet de présenter une ou plusieurs équipes parmi celles que vous avez encodées via la rubrique « Equipes ». A chaque fois qu’une nouvelle page est appelée, le module se rafraîchit pour éventuellement présenter d’autres équipes. Les équipes peuvent être affichées en grille ou en diaporama automatique (avec lien direct vers la page de l’équipe).

Les informations à préciser pour le configurer sont les suivantes :

    • Le titre (facultatif) qui apparaîtra au dessus du widget.
    • Le nombre maximum d’équipes à afficher.
    • Les équipes que vous souhaitez afficher. Vous pouvez choisir entre les montrer toutes ou bien les sélectionner de manière spécifique.
    • L’ordre dans lequel les équipes apparaissent (aléatoirement ou selon l’ordre dans lequel elles sont encodées).
    • La manière de disposer les équipes : en grille ou en diaporama. En cas d’affichage en grille, vous pourrez également préciser le nombre de colonnes selon lequel les équipes doivent apparaître.

Dans l’exemple ci-dessous, vous pouvez voir quelques exemples de configurations différentes de ce widget :

Personnaliser l’apparence de votre site

perso-menu
Vous pouvez très facilement personnaliser l’apparence de votre site, c’est-à-dire, entre autres, l’en-tête, les couleurs et modèles de fond, les images, etc.

En cliquant sur l’entrée “Personnaliser”, vous ouvrez le menu suivant dans la partie gauche de l’écran :

personnaliser2 En pratique, il vous est possible de configurer l’apparence :

  • du fond du site
  • de l’en-tête du site
  • des couleurs du site (utilisées dans le menu et dans le contenu du site)

Vous pouvez également, à partir d’ici, configurer vos widgets.

Chaque changement que vous réalisez dans une de ces sections sera directement visible dans la partie droite de l’écran dans laquelle apparaît le site web. Il s’agit d’un aperçu qui n’est pas directement appliqué. Vous devez donc cliquer sur “Enregistré” pour publier vos modifications.

La structure de votre site en zones (en rouge ci-dessus) dont vous pouvez modifier l’apparence est présentée sur l’illustration qui suit :

personnaliser3

Fond du site

Vous pouvez personnaliser trois choses au niveau du fond : le thème (pour les abonnés Pro et Premium), le modèle et la couleur.

personnaliser4 Les thèmes proposés offrent des variantes au niveau de l’apparence globale du site (apparence de type “page”, “page avec bordure”, “page avec bords arrondis”, etc).
La liste déroulante suivante propose une série de modèles de fond, dont l’option par défaut “Entête floutée” ne permet pas de changer la couleur de fond. Cette option affiche un fond basé sur l’entête choisie pour le site, fortement floutée. Nous la recommandons particulièrement car elle est facile à configurer (pas de temps perdu à essayer beaucoup de combinaisons), tout en offrant un résultat original rappelant des couleurs déjà utilisées dans le site. Elle assure également un haut degré d’unicité du design par rapport aux autres sites utilisant le système.Les autres modèles de fond proposés (dont le plus basique est “Couleur de fond”) se configurent de pair avec une couleur.
Pour modifier la couleur, pressez sur “Sélectionner une couleur”, ce qui ouvre le cadre présenté ici à gauche. Il y a différentes façons de choisir une couleur : vous pouvez fournir son code HTML (dans le premier champ) ou bien sélectionner une des couleurs de base dans la ligne du fond.
Vous pouvez ensuite jouer avec le spectre des couleurs proches de celle que vous avez choisie, grâce au cadre central ou en faisant glisser le curseur dans le composant de droite.
Si vous choisissez un modèle allant de pair avec une couleur, nous vous invitons à essayer différentes combinaisons jusqu’à trouver celle qui vous convient.

En-tête du site

La première partie vous permet de définir l’image d’en-tête que vous souhaitez utiliser.
En appuyant sur “Ajouter une nouvelle image” vous ouvrez l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”. Notez que cette image d’en-tête doit, de préférence, avoir une taille de 1020*230 pixels. Si ce n’est pas le cas, pas de panique. Le système vous redirige automatiquement vers un écran permettant de recadrer l’image pour lui donner les dimensions requises.
En appuyant sur “Masquer l’image”, vous déselectionnez l’image actuelle. Le système utilisera alors l’image par défaut que nous proposons.Dans les formules Pro et Premium, il vous est également possible de modifier le titre de votre site (le nom de votre club qui apparait à gauche dans l’en-tête) et le slogan (qui apparait à droite dans l’en-tête)
perso-entete

Dans la partie qui suit, vous pouvez voir l’historique de toutes les images d’en-têtes que vous avez chargées précédemment.

Si vous le souhaitez, vous pouvez laisser le système charger lui-même des images d’en-têtes de manière aléatoire, à chaque passage d’une page à l’autre de votre site. Pour ce faire, il suffit de cliquer sur le bouton “En-têtes chargés aléatoires”.

perso-entete2
Si vous ne disposez pas (encore) d’une image d’en-tête adéquate, vous pouvez utiliser une des photos que nous vous proposons dans la section “Suggérés”. Vous pouvez également laisser le système choisir aléatoirement l’image d’en-tête parmi nos suggestions en choisissant l’option “En-têtes suggérés aléatoires”.
perso-entete3
La deuxième partie de l’outil consiste en la configuration du logo. Déterminez d’abord la forme à donner à celui-ci. L’option “Pas de logo” permet de cacher complètement l’apparition du logo. Si vous disposez d’un logo sur fond transparent, vous pouvez sélectionner l’option “transparent” pour donner une impression de superposition en filigrane avec votre image d’en-tête.
Par défaut, nous proposons un logo illustrant un ballon de basket. Vous pouvez le supprimer en appuyant sur “Retirer”, ou charger celui de votre choix en cliquant sur “Changer l’image”. Vous pourrez alors charger un nouveau logo à partir de votre bibliothèque, comme nous l’avons fait sur l’illustration à droite.

perso-entete4

Couleurs du site

personnaliser5 Vous pouvez déterminer vous-mêmes les couleurs à utiliser dans le menu et dans le contenu de votre site (principalement les widgets et les liens). Il y a en tout 7 groupes de composants dont vous choisissez la couleur. Pour chacun de ces groupes, cliquez sur “Sélectionner une couleur”, ce qui ouvre le cadre de sélection de la couleur (voir illustration ici à gauche). Il y a différentes façons de choisir une couleur : vous pouvez fournir son code HTML (dans le premier champ) ou bien sélectionner une des couleurs de base dans la ligne du fond. Ensuite vous pouvez jouer avec le spectre des couleurs proches de celle que vous avez choisie, grâce au cadre central, ou en faisant glisser le curseur dans le composant de droite.
Les 7 groupes de composants modifiables sont les suivants :

  1. Couleur de fond principale : couleur de fond de la zone horizontale du menu (contenant les intitulés des rubriques) et couleur de fond dans les en-têtes des widgets.
  2. Couleur de fond secondaire : couleur de fond du menu qui se déroule verticalement en ouvrant une rubrique.
  3. Couleur de texte principale : couleur du texte donc la zone principale du menu (celle des rubriques), et couleur du texte dans les en-têtes des widgets.
  4. Couleur de texte secondaire : couleur du texte donc la zone secondaire du menu, celle des pages.
  5. Couleur de la rubrique sélectionnée : couleur d’une rubrique préalablement sélectionnée dans le menu.
  6. Couleur de la page sélectionnée : couleur d’une page préalablement sélectionnée dans le menu, ou lorsque l’on passe le curseur de la souris sur l’entrée correspondante.
  7. Couleur du lien : couleur de tous les liens apparaissant dans votre site.

Les zones du menu mentionnées ci-dessus sont illustrées ci-après :

personnaliser6
Les zones de widget mentionnées ci-dessus sont illustrées ici à droite : personnaliser7

Widgets

personnaliser8 Cette section offre une deuxième manière de personnaliser vos widgets.
Pour ajouter un widget dans la barre latérale ou dans le bas de la zone centrale, appuyez sur “Ajouter un Widget” dans la zone correspondante. Choisissez le widget désiré, et configurez le exactement comme expliqué au chapitre “Utiliser les widgets”.
Dans chaque zone, vous pouvez ordonner les widgets via glisser-déposer pour gérer l’ordre dans lequel ils apparaissent dans le site.

Afficher un diaporama Premium

diaporama_menu
Cette section, disponible uniquement dans l’offre Premium, vous permet d’afficher un diaporama (c’est-à-dire un carrousel qui affiche des diapositives glissant automatiquement) dans la zone de haut de page de votre site.

Chaque diapositive contient une image et, éventuellement, du texte et un bouton. Vous trouverez un exemple de diaporama sur l’illustration ci-dessous.

diaporama_5

Lorsque vous rentrez pour la première fois dans la section « Diaporama » de l’espace d’administration, vous arrivez dans le sommaire des diapositives qui est vide (voir image ci-dessous).

diaporama_1

Vous pouvez ajoutez autant de diapositives que vous le souhaitez. Il vous suffit pour cela d’appuyer sur “Ajouter une diapositive”. Vous ouvrez alors l’écran suivant :

diaporama_2

Il vous faut alors fournir les informations suivantes :

  • Le titre de la diapositive (obligatoire).
  • L’image de la diapositive, en appuyant sur le bouton “Ajouter une image”. Vous ouvrez alors l’interface d’ajout de médias décrite à la section “Ajouter un média depuis la bibliothèque”.
  • Votre souhait d’afficher le titre de la diapositive ou pas. Cochez la case « Masquer le titre sur cette diapositive » si vous ne désirez pas l’afficher.
  • Un texte additionnel (facultatif, de 240 caractères maximum) qui apparaîtra sur la diapositive.
  • L’intitulé du bouton (facultatif) qui apparaîtra après le titre et le texte additionnel. Si vous ne remplissez pas ce champ, le bouton ne s’affichera simplement pas.
  • L’adresse du lien (facultatif) vers lequel la diapositive redirige le visiteur. Si vous ne remplissez pas ce champ, le lien ne sera pas appliqué. Si vous affichez un bouton, le lien sera placé sur celui-ci. Dans le cas contraire il sera placé sur l’entièreté de la diapositive.
  • Votre souhait d’ouvrir le lien dans une nouvelle fenêtre ou dans la fenêtre de navigation courante (en fonction que vous cochiez la case « Ouvrir le lien dans une nouvelle fenêtre » ou pas).
Sur PC et tablette, l’image sera affichée dans un cadre de 960 pixels de large sur 400 pixels de haut. Si votre image ne correspond pas à ces proportions, le système affichera automatiquement la plus grande partie de l’image possible à partir de son centre. Si les dimensions de votre image sont plus petites que 960*400, le système l’étirera pour ne pas afficher d’espace blanc, et votre image risque de perdre de la qualité (ce qui n’est pas recommandable dans une zone si importante de votre site). Nous vous suggérons donc de veillez à y placer des images qui possèdent au minimum ces dimensions et à faire des tests avec plusieurs variantes de l’image avant de la publier définitivement.

Une fois que vous avez rempli ces détails, il vous suffit de publier la diapositive grâce au cadre en haut à droite. L’illustration suivante vous montre un exemple de diapositive correctement configurée :

diaporama_4

Votre diaporama apparaît si vous avez au moins une diapositive publiée.

Le sommaire initialement vide affiche alors la liste des diapositives avec leur image et le titre, comme sur l’image qui suit.

diaporama_3

Gérer vos membres Premium

members_menu
La gestion des membres, disponible uniquement dans l’offre Premium, constitue la base de données des membres de votre club. Elle permet de créer une « fiche membre » pour chaque personne du club (comité, entraîneurs, joueurs, etc) avec toutes les données personnelles de celle-ci.

On peut y faire appel à différents endroits du site. Par exemple, lorsque vous composez vos équipes/comités/entraîneurs/arbitres sur le site, il vous suffit alors de sélectionner ces personnes dans la base de données des membres plutôt que de les encoder chaque fois manuellement. Cela offre un gain de temps considérable pour les personnes répertoriées dans plusieurs ensembles, mais également entre 2 saisons puisque vous ne devez plus ré-encoder manuellement chaque année les données de chaque personne.

Pour créer une nouvelle fiche de membre, il suffit de cliquer sur « Ajouter » dans le menu « Membres » . Comme vous pouvez le voir sur l’illustration ci-dessous, vous ouvrez alors une page dans laquelle vous pouvez encoder les informations de la personne concernée :

members1

 

Dans le cadre « Données membres » , tout en haut, vous pouvez fournir les informations de base à votre disposition, telles que les nom et prénom, l’adresse postale, l’adresse e-mail, les numéros de téléphone, l’adresse de la page Facebook, etc.

En dessous de ce cadre, le cadre intitulé « Description » vous permet de fournir un description libre du membre. Celui-ci se remplit à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”). Vous pouvez, par exemple, l’utiliser pour dire quelques mots sur l’historique de la personne ou encore renseigner ses statistiques s’il s’agit d’un joueur ou d’une joueuse.

Tout en bas, le cadre « Images/vidéos de bas de page » permet d’associer des médias au membre en question. Il s’agit du même cadre que celui expliqué à la section « Les cadres des images/vidéos » . Ces images/vidéos seront affichées dans le bas de la page présentant le membre, en dessous des informations renseignées dans les deux cadres précédents. Vous en trouverez un exemple plus bas dans cette section.

members_tags
Sur la droite de la page, le cadre « Etiquettes » vous permet d’associer des mots-clés au membre en question afin de créer des liens dynamiques entre vos contenus. La manière d’utiliser efficacement ces étiquettes vous est expliquée à la section “ Le widget ‘Actualités liées’ et les étiquettes”.

 

members_roles

Dans le cadre « Rôles » , cochez le/les rôles rempli(s) par le membre en question au sein de votre club. Cette information vous servira à d’autres endroits du site, notamment afin de pouvoir effectuer des tris efficaces en fonction des types de membres.

Si vous le souhaitez, il vous est également possible de définir vos propres rôles en cliquant sur « + Ajouter une nouvelle catégorie » et en remplissant les informations sur la page qui s’ouvre ensuite.

 

members_status
Dans le cadre (« Statut » ) qui suit, vous pouvez déterminez si le membre est actif ou inactif. Cette information peut s’avérer utile lorsque vous ne voulez pas effacer un membre qui a quitté le club ou qui y est encore affilié mais n’y remplit plus une fonction particulière.

 

members_display_options

Dans le cadre des « Options d’affichage » , en bas à droite, vous pouvez configurer l’apparence (ou pas) de certains champs potentiellement sensibles en terme de confidentialité. Plus précisément, vous pourriez souhaiter que certaines informations du membre soient présentes dans votre base de données dans l’espace de gestion, mais n’apparaissent pas dans le site. C’est pourquoi nous avons défini au niveau de votre site un affichage « par défaut » pour ces informations sensibles qui est appliqué à tous les membres. Cet affichage par défaut peut-être adapté par nos soins en prenant contact avec nous (info@basketclubs.be). Il est défini comme ceci : la date de naissance et les images/vidéos du membre sont affichés dans le site, alors que l’adresse postale, l’adresse e-mail et les numéros de téléphone ne sont pas affichés.

Dans certains cas, vous pourriez vouloir créer une exception pour un membre, et devrez alors le faire en changeant la valeur d’affichage spécifique à ce membre dans le cadre « Options d’affichage » . Un exemple classique serait celui où vous ne voulez pas afficher les adresses de contact de tous vos joueurs, mais bien pour certains membres de votre comité. Pour ces derniers il vous faudra alors sélectionner l’option « Afficher » pour les champs « Affichage adresse » et « Affichage email ».

Ci-dessous, vous pouvez voir un exemple de fiche de membre complétée et prête à être publiée :

members3

L’illustration qui suit montre la page correspondant à ce même membre dans le site. Notez que cette page peut être accédée de 2 façons :

  • En cliquant sur le membre dans une des pages où il est inclus (composition d’une équipe, comité, entraîneurs, arbitres).
  • A partir du widget « Membres », expliqué à la section du même nom.
members4


Une fois que vous avez complété plusieurs fiches, le sommaire des membres se remplit et affiche les informations principales de chaque membre (voir image ci-dessous). Grâce au champ qui se trouve en haut à droite de la liste, vous pouvez rechercher un membre par son nom (ou une partie de celui-ci) après l’avoir rempli et appuyé sur « Chercher un membre » .

En dessous du titre, le bouton « Exporter membres » vous permet de générer un fichier Excel contenant toutes les données de tous vos membres.

Importer des membres

Dans la section « Membres » du menu de gauche, l’entrée « Importer membres » vous permet d’importer automatiquement dans votre base de données des personnes (et leurs données) sur base d’un fichier Excel (.xls) ou d’un fichier CSV.

L’opération d’importation se réalise en trois étapes :

La première consiste à télécharger (en poussant sur le bouton « Télécharger fichier » ) sur votre ordinateur un fichier gabarit qui contient le format exact que vous devez utiliser pour importer vos membres. Ce fichier contient, à partir de la ligne 2, quelques lignes d’exemple que vous pouvez bien sûr effacer. Attention, il est très important de laisser la première ligne (celle des intitulés de colonnes) intacte !

La deuxième étape se charge d’importer le fichier rempli avec vos données et de s’assurer que celui-ci est correct. Pressez d’abord le bouton « Chercher fichier » afin de récupérer sur votre ordinateur le fichier contenant vos données. Appuyez ensuite sur « Charger fichier » et attendez que le système l’analyse.

Une fois que le système a analysé vos données, vous voyez apparaître sur le partie basse de la page quelques exemples correspondant aux premières lignes de votre fichier (voir illustration ci-dessous). Il est très important que vous vérifiez que tout semble correct. Si ce n’est pas le cas, vous pouvez toujours recommencer l’opération en appuyant sur « Recommencer » .

Si tout est en ordre, vous n’avez plus qu’à procéder à la troisième étape qui consiste en l’importation réelle des membres dans la base de données. Pour ce faire, il vous suffit de presser le bouton « Sauvegarder » et de laisser le système réaliser l’opération. Vous recevrez un message de confirmation une fois que celle-ci sera terminée. Nous vous invitons ensuite à retourner au sommaire des membres pour une ultime vérification…

Gérer les adversaires Premium

La gestion des adversaires, disponible uniquement dans l’offre Premium, constitue la base de données des adversaires de votre club. Elle vous permet de répertorier les clubs et/ou équipes contre lesquel(le)s vous jouez.

On peut faire appel à cette base de données dans la gestion des compétitions de chacune de vos équipes, détaillée à la rubrique « Equipes ». Vous verrez que, pour les compétitions encodées manuellement, l’utilisation de celle-ci pourra vous faire gagner un temps précieux.

Pour créer une nouvelle fiche d’adversaire, il suffit de cliquer sur « Ajouter un adversaire » dans le menu « Adversaires » . Comme vous pouvez le voir sur l’illustration ci-dessous, vous ouvrez alors une page dans laquelle vous pouvez encoder les informations de l’adversaire concerné :

opponents1

 

Dans le cadre « Adversaire » , en haut, vous pouvez fournir les informations principales de l’adversaire, telles que le nom, le nom court (qui apparaîtra dans les calendriers et classements) et l’adresse de son éventuel site internet. Vous pouvez également renseigner les informations de la personne de contact de l’équipe ou du club : son prénom, son nom, son rôle dans le club / l’équipe, son adresse e-mail, son numéro de téléphone et son numéro de GSM.

Juste en dessous il est vous est également possible de sélectionner les terrains exploités par cet adversaire. Ces terrains sont ceux que vous avez encodés dans la base de données des terrains/installations, détaillée à la section « Gérer les installations « . Vous pouvez en sélectionner autant que vous le souhaitez.

En dessous, le cadre intitulé « Description » vous permet de fournir une description libre de l’adversaire. Celui-ci se remplit à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”). Vous pouvez, par exemple, l’utiliser pour dire quelques mots sur l’historique de l’adversaire, sur vos récentes confrontations, ou encore fournir ses statistiques et/ou son palmarès.

Ci-dessous, vous pouvez voir un exemple de fiche d’aversaire complétée et prête à être publiée :

opponents2

L’illustration qui suit montre la page correspondant à ce même adversaire dans le site. Cette page sera accessible lorsque le visiteur cliquera sur l’adversaire dans les calendriers et/ou classements affichés sur votre site.

opponents3


Une fois que vous avez complété plusieurs fiches, le sommaire des adversaires dans votre espace de gestion se remplit et affiche les informations principales de chaque adversaire (voir image ci-dessous). Grâce au champ qui se trouve en haut à droite de la liste, vous pouvez rechercher un adversaire par son nom (ou une partie de celui-ci) après l’avoir rempli et appuyé sur « Chercher adversaire » .

Gérer les installations Premium

La gestion des installations (ou terrains), disponible uniquement dans l’offre Premium, constitue la base de données des installations dans lesquelles les équipes de votre club sont susceptibles de jouer (tant à domicile qu’en déplacement).

On peut faire appel à cette base de données dans la gestion des compétitions de chacune de vos équipes, détaillée à la rubrique « Equipes ». Vous verrez que, pour les compétitions encodées manuellement, l’utilisation de celle-ci pourra vous faire gagner un temps précieux.

Pour créer une nouvelle fiche d’installation/de terrain, il suffit de cliquer sur « Ajouter terrain » dans le menu « Installations » . Comme vous pouvez le voir sur l’illustration ci-dessous, vous ouvrez alors une page dans laquelle vous pouvez encoder les informations de l’installation concernée :

installations1

 

Dans le cadre « Terrain » , en haut, vous pouvez fournir les informations principales de l’installation, telles que le nom, l’adresse de son éventuel site internet, l’adresse et la localisation sur une carte Google map (où il suffit généralement de répéter l’adresse).

En dessous, le cadre intitulé « Description » vous permet de fournir une description libre de l’installation. Celui-ci se remplit à l’aide de l’éditeur de texte (expliqué à la section “Editeur de texte”). Vous pouvez, par exemple, l’utiliser pour indiquer comment s’y rendre ou fournir des informations techniques (type de revêtement, surface, etc.).

Ci-dessous, vous pouvez voir un exemple de fiche d’une installation complétée et prête à être publiée :

installations2

L’illustration qui suit montre la page correspondant à cette installation dans le site. Cette page sera accessible lorsque le visiteur cliquera sur l’icône de l’installation dans les calendriers affichés sur votre site.

installations3


Une fois que vous avez complété plusieurs fiches, le sommaire des installations dans votre espace de gestion se remplit et affiche les informations principales de chaque terrain (voir image ci-dessous). Grâce au champ qui se trouve en haut à droite de la liste, vous pouvez rechercher une installation par son nom (ou une partie de celui-ci) après l’avoir rempli et appuyé sur « Chercher terrain » .

installations4

Gérer le menu

menu-menu
Cette section vous permet de personnaliser davantage le menu de votre site en modifiant les intitulés des sections et en réordonnant ces dernières.
menu

A droite du nom de la section/page, vous voyez le statut de celle-ci (Publié ou Brouillon). De plus une section/page non publiée apparaît dans un gris plus foncé.

En cliquant sur “Editer”, la case s’ouvre pour vous permettre de modifier l’intitulé qui sera affiché dans le menu. Vous avez alors le choix entre garder celui qui est proposé par le système ou en définir un librement. Notez que si vous modifiez l’intitulé d’une page dans le menu, cela n’impactera pas le titre que vous aurez défini au niveau de la page.

Pour ouvrir les sections qui contiennent plusieurs pages et pouvoir gérer ces dernières, il suffit de cliquer sur la flèche vers le bas arrow qui apparait sur la droite.

Enfin, comme vous pouvez le voir sur l’illustration ci-contre, vous pouvez également modifier l’ordre des sections/pages de votre menu via simple “Glisser-déposer”.

Le fait de pouvoir définir un libellé de menu différent du titre de la page vous permet, par exemple, d’utiliser des noms raccourcis plus appropriés pour le menu. Par exemple, vous pourriez utiliser dans le menu l’intitulé « P2B » pour votre équipe le titre est « Provinciale 2 B ».

Gérer votre profil utilisateur

profil-menu
L’entrée “Votre profil” vous permet de gérer les données de votre compte utilisateur. Vous y retrouvez les informations suivantes :
  • Identifiant : il s’agit du nom que vous avez reçu pour vous connecter au système. Celui-ci ne peut pas être modifié.
  • Prénom et nom
  • Pseudonyme : le nom sous lequel vous désirez être connu par le système.
  • Nom à afficher publiquement : le nom qui apparaîtra dans le site, en dessous du titre des pages/actualités/galeries que vous avez publiées. Celui doit être votre identifiant ou votre pseudonyme.
  • E-mail : votre adresse e-mail de contact pour le système.
  • Site web : l’adresse de votre site personnel, à titre purement informatif.
  • Les deux derniers champs vous permettent de modifier votre mot de passe de connexion au système. Remplissez ces deux champs identiquement avec votre nouveau mot de passe. N’hésitez pas à prendre en compte l’indicateur de sûreté pour vous assurer une protection maximale.
profil2

Gérer les utilisateurs Pro

users-menu
Les abonnés Pro et Premium ont la possibilité de créer des administrateurs secondaires, appelés “éditeurs”. Cette fonctionnalité est particulièrement pratique si vous partagez les tâches de maintenance du site avec d’autres personnes. Les éditeurs ont les mêmes droits d’édition et de personnalisation du site que l’administrateur mais ne peuvent pas gérer les utilisateurs. Ils n’ont donc pas accès à cette rubrique. Cette section vous explique comment gérer l’ensemble des utilisateurs.
Afin de vous faire gagner du temps et de ne pas concentrer tout le travail de gestion et d’alimentation du site sur vous seul(e), nous vous recommandons fortement de conférer des droits d’éditeurs à d’autres personnes du club. Vous pouvez alors par exemple répartir la tâche par section (une personne en charge des équipes, voire une personne par équipe). Avoir plusieurs éditeurs permet également de prendre facilement le relais si un autre n’est pas/plus disponible.

La section “Tous les utilisateurs” vous permet d’accéder à la liste des utilisateurs ayant un pouvoir d’édition dans votre site, illustrée ci-dessous. Chaque site possède un et un seul administrateur. En cliquant sur l’identifiant d’un utilisateur dans la liste, vous arriverez sur l’écran permettant de visualiser et éventuellement modifier les données du profil de l’utilisateur. Cet écran est similaire à celui détaillé au chapitre précédent “Gérer votre profil utilisateur”. Nous ne le détaillerons donc pas à nouveau.

utilisateurs2

En cliquant sur “Ajouter”, vous accédez à l’écran illustré ci-dessous, permettant d’ajouter un nouvel utilisateur.

utilisateurs3 Fournissez son identifiant (qu’il utilisera pour se connecter) et son adresse e-mail. Un courrier lui sera envoyé à cette adresse pour qu’il active son compte, et il recevra ensuite son identifiant et son mot de passe.
Comme il ne peut y avoir qu’un administrateur par site, le nouvel utilisateur ne pourra avoir que le rôle d’éditeur.

L’entrée “Votre profil” du menu vous donne accès à l’écran détaillé à la section précédente “Gérer votre profil utilisateur”.

Accès spécifiques aux éditeurs Premium

Dans la formule Premium, vous avez la possibilité de limiter les droits d’accès des éditeurs à certaines sections de l’espace d’administration du site. Cela vous permet, par exemple, de répartir la gestion du site entre différentes personnes en fonction de leur rôle dans le club.

Voici quelques exemples d’utilisation possible :

  • Permettre à votre rédacteur/journaliste attitré de gérer uniquement les actualités
  • Permettre à chaque entraîneur d’actualiser la page relative à son équipe
  • Donner au responsable de la boutique uniquement accès à celle-ci

Pour configurer ces accès spécifiques, il suffit de vous rendre à la page d’édition du profil d’un utilisateur. Si cet utilisateur est un éditeur, vous verrez en bas de la page une section « Accès éditeur » (voir ci-contre).

Par défaut, un éditeur possède un accès complet au site. Vous pouvez choisir l’option « Accès personnalisé » afin de configurer des accès spécifiques. Dans ce cas, la liste des sections disponibles s’affiche et il vous suffit de cocher les sections auxquelles l’utilisateur doit avoir accès. Si vous marquez la section « Equipes », vous pouvez alors choisir entre donner accès à toutes les équipes ou à certaines équipes en particulier (via l’option « Accès restreints » ).

Lexique

Actualités : Type de contenu correspondant à des informations sur la vie du club que vous voulez faire passer à travers votre site. Elles peuvent être de différentes catégories : une annonce, un évènement, une news, une information liée à la presse ou une actualité de page d’accueil. A part pour ces dernières (que l’on retrouve sur la page d’accueil), les actualités d’une même catégorie sont regroupées dans une rubrique du même nom dans votre site, sous le menu “Actualités”. Une actualité peut appartenir à plusieurs catégories, et donc être affichée à plusieurs endroits dans le site.

Bibliothèque des médias : Collection de tous les médias que vous avez envoyés dans le système et qui sont stockés sur l’espace disque qui vous est alloué. Un média présent dans la bibliothèque peut être utilisé dans n’importe quelle page/actualité/galerie de votre site.

Galerie : Type de contenu correspondant à un ensemble de photos ou vidéos d’un même thème, rassemblées dans une page propre de votre site et sous un même titre. Les galeries du système BasketClubs sont accessibles via le menu “Galerie”, et sont divisées en deux catégories : “Photos” et “Vidéos”.

Galerie de médias : Outil permettant d’afficher de manière moderne et élégante une collection d’images dans n’importe quelle page ou actualité de votre site. Les images d’une galerie de médias apparaîtront sur le site avec des miniatures dont la taille et l’alignement sont gérés automatiquement par le système, en fonction du support utilisé par le visiteur. Un simple clic sur une image de la galerie ouvre une interface de visualisation de celle-ci, également adaptée au support.

Glisser-déposer (“Copy-Paste” en anglais) : Méthode consistant à utiliser une souris, pavé ou écran, pour déplacer d’un endroit à un autre un élément graphique présent sur l’écran d’un smartphone, tablette ou ordinateur. Pour ce faire, il faut cliquer sur un élément graphique à l’aide du bouton principal de la souris, maintenir ce bouton enfoncé, et ne le relâcher que lorsque le pointeur a atteint sa cible.

Identifiant : Sorte de nom attribué par le système BasketClubs (et envoyé automatiquement par e-mail après inscription) permettant à un utilisateur (Administrateur ou Editeur) de s’identifier et, à l’aide d’un mot de passe, de se connecter au panel d’administration.

Médias : Fichiers (images, vidéos, audios et autres documents) qui peuvent être attachés à une page/actualité/galerie. Les médias chargés via le panel d’administration sont automatiquement ajoutés à la bibliothèque des médias.

Page : Type de contenu correspondant à une et une seule page spécifique de votre site (contrairement aux actualités qui sont regroupées dans différentes pages de votre site), et possédant sa propre entrée dans le menu. Les pages se retrouvent dans les rubriques “Le club”, “Equipes”, “Infos”, “Sponsors” et “Contact”.

Panel d’administration : Espace qui permet à un utilisateur du système BasketClubs (Administrateur ou Editeur) de gérer le contenu du site de son club. C’est à partir de celui-ci que l’utilisateur peut rédiger les contenus (pages, actualités et galeries) et les mettre en ligne, insérer des photos et vidéos, personnaliser le style et les couleurs, découvrir les statistiques des visites du site, …

URL (Uniform Resource Locator) : Egalement appelé “adresse web”, désigne la chaîne de caractères utilisée pour adresser les ressources accessibles sur Internet (document HTML, image, son, boîte aux lettres électronique, …). A titre d’exemple, l’URL d’une page web est cette chaîne de caractères à écrire dans la barre d’adresse du navigateur pour y accéder (ex : https://tst.basketclubs.be).

Widget : Petit module qui peut être placé par l’administrateur dans la barre latérale ou dans le bas de la zone centrale du site. En plus d’être très utiles, les widgets servent également à habiller le site et à lui donner un look complet et moderne. Ils permettent par ailleurs de mettre en évidence certains types de contenus (ex : les évènements à venir).