Site Internet Club - Tuto pas à pas

00:58:09
https://www.youtube.com/watch?v=kKKgntYBaak

Résumé

TLDRCe guide vidéo détaillé explique comment créer un site web structuré en utilisant l'outil de back-office fourni par une fédération. Il couvre la configuration des différentes sections du site, y compris l'ajout de logos, le choix des couleurs, et la mise en place de différentes pages telles que l'accueil, le club, les activités, et les actualités. Des fonctionnalités automatiques comme l'intégration d'un planning d'activités et l'ajout de documents à télécharger sont également abordées. Le guide souligne l'importance de l'esthétisme visuel, en recommandant par exemple l'utilisation d'images au format paysage dans les blocs texte-image. Pour le contact, il propose de configurer un formulaire automatisé pour gérer les demandes des utilisateurs.

A retenir

  • 🖥️ Emphasizes on creating a website that reflects your brand.
  • 🛠️ Utilize the back-office tool for site management.
  • 🖼️ Use landscape format images for better visual appeal.
  • 🎨 Customize colors to match your club theme.
  • 📅 Automate activity schedules using the federal extranet.
  • 📁 Integrate easy document downloads for users.
  • 📞 Ensure a contact section with a form for inquiries.
  • 🔗 Use links wisely; open in a new tab to keep users on your site.
  • 🏗️ Step-by-step site creation process using WordPress.
  • 📰 Share club news effectively on the homepage.

Chronologie

  • 00:00:00 - 00:05:00

    The video introduces a guide for launching a structured website, outlining best practices to create a coherent and personalized site using the new version of the S structure tool provided by the Federation. The video also mentions a detailed tutorial on using the backoffice for site management.

  • 00:05:00 - 00:10:00

    The tutorial describes the structure of each webpage, starting with the homepage that includes a header with a logo and a footer with club information. It suggests starting each page with an image banner and reiterating the club's name. Options for content include highlighting updates or a club introduction.

  • 00:10:00 - 00:15:00

    The 'Club' page is suggested to include a banner with the club's name and subtitle, presenting the club's history, values, and team. Including the organizational structure is also recommended. The 'Activities' section should showcase different physical activities, preferably with automated schedules from the extranet.

  • 00:15:00 - 00:20:00

    For the 'Registration' section, it is advised to provide membership information, possibly supported by images for visual appeal. Offering downloadable registration documents and a link for online registration can enhance user experience.

  • 00:20:00 - 00:25:00

    Moving to the 'News' section, the video advises consolidating various articles on one page. The 'Contact' section allows users to directly reach the club, optionally including phone numbers. The video explains how to create a standard site similar to the examples given, using WordPress and the backoffice.

  • 00:25:00 - 00:30:00

    Upon WordPress setup, users are directed to modify initial settings, including adding logos and files within upload limits. The video shows how to integrate club links and newsletter URLs into the footer. Customization options include changing text, button colors, and footer color for consistency with the club's branding.

  • 00:30:00 - 00:35:00

    The guide explains page modification, starting with the homepage. Users are encouraged to add blocks like image banners and news highlights, managing articles for display. Previews can help ensure satisfaction before final updates. Activities are recommended to be presented as blocks containing descriptions and schedules.

  • 00:35:00 - 00:40:00

    For site aesthetics and functionality, activities should have engaging presentations. Users are shown how to automate schedules via the extranet. Efforts should be made to ensure all activities and schedules are visible and easy to navigate. The video emphasizes previewing changes to perfect the site display.

  • 00:40:00 - 00:45:00

    In the 'Registration' section, adding documents for download and structuring text for aesthetics enhances clarity. The video demonstrates adding downloadable content and suggests maintaining a structured layout for clarity. Button creation for external links is also explored, ensuring user-friendly navigation.

  • 00:45:00 - 00:50:00

    The 'News' section is reiterated for news consolidation, enhancing navigation and user engagement. Recommendations for adding titles and managing article displays are discussed. Ensuring a cohesive design throughout the site with consistent styling is highlighted.

  • 00:50:00 - 00:58:09

    To conclude, sections like 'Contact' and legal information are implemented. Contact forms are automated for user convenience. Legal pages such as privacy policies and site maps are added for compliance. The tutorial wraps up with a summary of creating an intuitive, visually appealing site using available tools and customization options.

Afficher plus

Carte mentale

Vidéo Q&R

  • What is the purpose of the video guide?

    The video is a guide for launching a structured website using best practices and configuring pages using a back office tool.

  • How can I add a logo to my website?

    You can add a logo by selecting it from your media files and placing it in the site header section.

  • Why is pre-visualizing modifications important?

    Pre-visualizing allows you to check changes before they go live, ensuring everything looks as expected.

  • What should be included on the homepage?

    The homepage should include a header with a logo, the name, main activities, locations, and partner information.

  • How to configure the color theme of the website?

    You can configure colors for titles, buttons, and flairs in the site settings menu by selecting from a color palette or entering hexadecimal codes.

  • What is the recommended format for images in text-image blocks?

    Images should be in landscape format to ensure a pleasant visual appearance.

  • How to create links in the text?

    Select the text, click insert or edit link, enter the URL, and check 'open in a new tab' to avoid leaving the site.

  • How to manage activity schedules on the website?

    Use the planned activity block which automatically updates with data from the federal extranet.

  • What should be included in the contact section?

    Include a contact form allowing users to send messages, with fields for name, email, and message.

Voir plus de résumés vidéo

Accédez instantanément à des résumés vidéo gratuits sur YouTube grâce à l'IA !
Sous-titres
fr
Défilement automatique:
  • 00:00:06
    bonjour à tous et bienvenue dans ce
  • 00:00:08
    guide de lancement de votre site
  • 00:00:09
    structure nous allons voir ensemble les
  • 00:00:10
    bonnes pratiques à adopter afin de créer
  • 00:00:12
    un site qui soit à votre image et qui
  • 00:00:13
    soit également cohérent un autre
  • 00:00:15
    tutoriel plus détaillé vous permettra de
  • 00:00:17
    comprendre l'utilisation de l'ensemble
  • 00:00:19
    du backoffice qui est l'outil de gestion
  • 00:00:21
    des site structures la nouvelle version
  • 00:00:23
    des S structure elle permet de créer ce
  • 00:00:25
    type de site via l'outil qui est mis à
  • 00:00:27
    disposition par la Fédération par la
  • 00:00:29
    suite on verra comment recréer ceci en
  • 00:00:31
    partant de zéro via le backoffice donc
  • 00:00:33
    là premièrement on va essayer de voir
  • 00:00:35
    sur chaque page euh comment comment ça
  • 00:00:38
    se passe donc premièrement on retrouve
  • 00:00:39
    sur chaque page une entête avec le logo
  • 00:00:42
    juste ici que vous intégrez dans votre
  • 00:00:45
    site et les différentes sections et
  • 00:00:47
    pages référencées donc accueil le club
  • 00:00:48
    activité et cetera par défaut le logo
  • 00:00:52
    club affilié il est apposé sur cette
  • 00:00:53
    entête le pied de page il est également
  • 00:00:56
    automatique donc juste ici euh et il
  • 00:00:59
    renseigne le logo de votre comité
  • 00:01:01
    départemental de rattachement ainsi que
  • 00:01:03
    les informations relatives à votre club
  • 00:01:05
    qui sont renseigné dans l'extranet donc
  • 00:01:08
    ici on se trouve sur la page accueil
  • 00:01:10
    page sur laquelle un internaute arrive
  • 00:01:11
    lorsqu'il clique sur votre URL ou bien
  • 00:01:13
    qu'il effectue une saisie sur un moteur
  • 00:01:15
    de recherche nous vous conseillons de
  • 00:01:16
    commencer chacune des pages avec un
  • 00:01:18
    bandeau comme celui-ci donc un bandeau
  • 00:01:20
    image avec un texte intégré dessus on
  • 00:01:24
    conseille également de rentrer le nom de
  • 00:01:26
    votre structure pour qu'il y ait un
  • 00:01:27
    rappel constant sur chacune des pages et
  • 00:01:30
    sur cette page Accueil on peut retrouver
  • 00:01:31
    différentes cas de figure donc si vous
  • 00:01:33
    utilisez votre site pour diffuser de
  • 00:01:35
    l'actualité auprès de vos adhérents on
  • 00:01:37
    vous recommande de mettre en avant
  • 00:01:39
    celle-ci dès la page d'accueil dans le
  • 00:01:40
    cas contraire une présentation du club
  • 00:01:42
    peut être également pertinente on
  • 00:01:44
    retrouve ensuite le bloc où nous
  • 00:01:46
    trouverz celui-ci permet de renseigner
  • 00:01:48
    la localisation de votre structure ou de
  • 00:01:50
    vos lieux de pratique notre conseil
  • 00:01:51
    c'est également d'intégrer ces
  • 00:01:52
    informations pour permettre aux
  • 00:01:54
    internautes de retrouver votre
  • 00:01:56
    localisation de manière assez intuitive
  • 00:01:58
    donc avec la carte et également les
  • 00:01:59
    informations sur le côté gauche enfin on
  • 00:02:02
    vous recommande de mettre en avant vos
  • 00:02:04
    partenaires si vous en avez
  • 00:02:06
    euh directement sur cette page
  • 00:02:10
    d'accueil on va passer désormais à la
  • 00:02:13
    page le club on retrouve encore une fois
  • 00:02:16
    le bandeau avec une photo
  • 00:02:18
    représentative le conseil ici ça sera
  • 00:02:20
    d'ailleurs de faire pour l'ensemble des
  • 00:02:22
    pages la même manipulation donc de
  • 00:02:24
    mettre le nom de votre club mais
  • 00:02:25
    également un sous-titre avec la page de
  • 00:02:28
    la section ça permet de faire un appel
  • 00:02:30
    pour une meilleure identification cette
  • 00:02:32
    page elle peut alors servir à présenter
  • 00:02:34
    votre structure son historique ses
  • 00:02:37
    valeurs et toute autre information qui
  • 00:02:39
    est jugée pertinente on conseille
  • 00:02:42
    également de mettre en avant comme vous
  • 00:02:43
    pouvez le voir juste ici votre équipe
  • 00:02:46
    d'encadrement ça peut
  • 00:02:48
    permettre d'identifier plus facilement
  • 00:02:51
    les personnes les personnes du club ou
  • 00:02:52
    de l'association et vous pouvez
  • 00:02:55
    également mettre l'organigramme général
  • 00:02:57
    de votre structure
  • 00:03:00
    ensuite on passe à la section Activités
  • 00:03:03
    donc celle-ci permet de communiquer sur
  • 00:03:05
    les activités physiques et et sportives
  • 00:03:07
    pardon proposé par votre club le conseil
  • 00:03:09
    ici nous ça va être d'intégrer une
  • 00:03:11
    activité par bloc donc comme vous pouvez
  • 00:03:12
    le voir ici on a nos activités et on va
  • 00:03:15
    avoir euh les différentes activités du
  • 00:03:17
    club par bloc on retrouve un descriptif
  • 00:03:21
    et la possibilité d'intégrer les
  • 00:03:23
    horaires et les lieux pour pour plus de
  • 00:03:25
    détails comme vous pouvez le voir ici on
  • 00:03:28
    a l'ensemble des activités de la
  • 00:03:30
    structure qui défile on conseille
  • 00:03:33
    également dans cette dans cette section
  • 00:03:36
    pardon euh de jouer avec
  • 00:03:40
    l'automatisation via l'extranet fédéral
  • 00:03:42
    qui permet d'intégrer un planning dès
  • 00:03:44
    lors que vous le sélectionnez dans le
  • 00:03:45
    bac office on verra bien sûr par la
  • 00:03:47
    suite comment faire tout ceci et prenez
  • 00:03:50
    garde également à bien le renseigner
  • 00:03:51
    préalablement et le remplir dans
  • 00:03:53
    l'extranet donc ça vous permet d'avoir
  • 00:03:55
    le planning qui est directement intégré
  • 00:03:57
    dans cette section activité
  • 00:04:00
    voyons désormais la prochaine section
  • 00:04:02
    qui est la section inscription sur
  • 00:04:03
    laquelle encore une fois on fait un
  • 00:04:05
    rappel avec ce bandeau une image le
  • 00:04:08
    titre donc avec le nom de la structure
  • 00:04:10
    et le sous-titre avec le nom de la
  • 00:04:12
    section sur euh cette page comme son nom
  • 00:04:16
    l'indique elle permet de renseigner
  • 00:04:17
    toutes les informations qui sont
  • 00:04:18
    relatives à l'adhésion au sein de votre
  • 00:04:20
    structure comme vous pouvez le voir et
  • 00:04:22
    cela vaut pour l'ensemble des page nous
  • 00:04:24
    on vous invite à intégrer des images le
  • 00:04:26
    plus possible pour habiller visuellement
  • 00:04:28
    votre site internet vous pouvez donc
  • 00:04:31
    renseigner les modalités d'adhésion ou
  • 00:04:32
    encore les avantages il à celle-ci en
  • 00:04:34
    texte il peut être également intéressant
  • 00:04:36
    comme vous pouvez le voir juste ici de
  • 00:04:38
    mettre les documents d'adhésion
  • 00:04:39
    directement au téléchargement sur cette
  • 00:04:41
    page donc ici dès l'ors que je clique ça
  • 00:04:43
    se rentre dans mon dossier de
  • 00:04:46
    téléchargement et ça rentre directement
  • 00:04:48
    sur mon site sur mon ordinateur
  • 00:04:50
    pardon dans le cas où vous proposez une
  • 00:04:53
    inscription en ligne on vous invite
  • 00:04:54
    également à intégrer un bouton qui peut
  • 00:04:56
    renvoyer vers le lien d'inscription ici
  • 00:04:58
    vous pouvez le voir on a les avantage
  • 00:05:00
    lié à
  • 00:05:02
    l'adhésion enfin on va avoir la section
  • 00:05:06
    actualité donc encore une fois je me
  • 00:05:09
    répète mais on a toujours le rappel dans
  • 00:05:11
    ce bandeau qui est qui est mis en en
  • 00:05:14
    entrée de la page de la section
  • 00:05:16
    correspondante ici la section actualité
  • 00:05:18
    rassemble dans une seule et même page
  • 00:05:20
    les différents articles qui sont
  • 00:05:21
    intégrés sur votre site on verra bien
  • 00:05:23
    entendu par la suite comment faire ceci
  • 00:05:25
    vous pouvez partager ici des infos sur
  • 00:05:27
    la vie associative les différents les
  • 00:05:29
    différents événements de votre structure
  • 00:05:31
    et cetera et cetera enfin on va avoir la
  • 00:05:34
    page contact qui ici vous le verrez
  • 00:05:37
    durant le tuto pour le backofice est
  • 00:05:39
    automatique donc encore une fois le
  • 00:05:40
    rappel et ici la possibilité pour vos
  • 00:05:43
    utilisateurs et vos internautes de de
  • 00:05:46
    contacter directement votre club on peut
  • 00:05:49
    également intégrer une partie texte avec
  • 00:05:51
    la possibilité de rajouter un numéro de
  • 00:05:53
    téléphone si vous le souhaitez pour le
  • 00:05:54
    contact
  • 00:06:02
    maintenant que nous avons vu ce à quoi
  • 00:06:04
    pouvait ressembler un site structure
  • 00:06:06
    créé via l'outil mise à disposition par
  • 00:06:08
    la Fédération on va pouvoir ensemble
  • 00:06:11
    créer pas à pas un site qui puisse
  • 00:06:14
    ressembler au plus proche au sitite
  • 00:06:17
    standard qu'on a vu qu'on a vu
  • 00:06:19
    précédemment donc la première étape va
  • 00:06:21
    être de se rendre sur WordPress donc le
  • 00:06:24
    lien qu'on vous transmettra bien entendu
  • 00:06:25
    dès lors que vous créez créez un site
  • 00:06:27
    structure rentrez votre l'identifiant ou
  • 00:06:30
    l'adresse mail et ensuite rentrer le mot
  • 00:06:34
    de passe qui vous est également transmis
  • 00:06:36
    par la Fédération une fois que cela est
  • 00:06:38
    fait vous allez pouvoir vous connecter
  • 00:06:40
    et la première étape euh vous arrivez
  • 00:06:42
    dans un premier temps sur le tableau de
  • 00:06:44
    bord donc je vous l'accorde ce tableau
  • 00:06:47
    de bord peut faire très peur puisque il
  • 00:06:48
    y a effectivement énormément
  • 00:06:49
    d'informations mais je vous rassure
  • 00:06:51
    grâce à ce tutoriel pas à pas nous
  • 00:06:53
    allons voir ensemble comment comment
  • 00:06:55
    simplifier tout ça et et justement
  • 00:06:57
    enlever un peu un peu ces peurs la
  • 00:06:59
    première étape lorsque vous arrivez sur
  • 00:07:01
    ce backofice va être de se rendre dans
  • 00:07:03
    le menu déroulant à gauche dans l'onglet
  • 00:07:06
    Paramètres du site dans cet onglet là
  • 00:07:08
    vous allez avoir la possibilité en
  • 00:07:10
    cliquant sur Modifier d'effectuer les
  • 00:07:12
    premières modifications donc je vous
  • 00:07:14
    montre rapidement ce à quoi ressemble un
  • 00:07:16
    site totalement vierge lorsqu'il n'a pas
  • 00:07:19
    encore été modifié donc ici vous avez
  • 00:07:21
    bien entendu l'entête avec un logotype
  • 00:07:25
    club affilié à la Fédération le nom du
  • 00:07:27
    club ainsi que ainsi que le pied de page
  • 00:07:29
    avec toutes les informations qu'on a vu
  • 00:07:30
    tout à l'heure l'idée ça vait être de
  • 00:07:33
    effectuer ces premières modifications
  • 00:07:35
    donc dans un premier temps aller choisir
  • 00:07:37
    le logo si vous disposez d'un logo bien
  • 00:07:38
    entendu donc ici j'ai déjà téléversé
  • 00:07:41
    l'ensemble de mes fichiers l'idée c'est
  • 00:07:42
    qu'on puisse quand même le faire
  • 00:07:43
    ensemble pour que je puisse vous montrer
  • 00:07:45
    euh la procédure à suivre donc vous
  • 00:07:48
    allez cliquer sur sélectionner des
  • 00:07:50
    fichiers euh vous allez aller chercher
  • 00:07:52
    sur votre ordinateur les fichiers que
  • 00:07:54
    vous souhaitez importer qui composeront
  • 00:07:56
    finalement la méiaatek eu avec les
  • 00:07:59
    différents les différentes images et les
  • 00:08:01
    différents fichiers que vous pourrez que
  • 00:08:03
    vous pourrez utiliser sur l'ensemble de
  • 00:08:05
    votre site Internet cliquez sur vos ou
  • 00:08:09
    votre document ici je veux simplement
  • 00:08:11
    mon logo cliquez sur Ouvrir et donc le
  • 00:08:15
    logo rentre dans la médiathèque du site
  • 00:08:17
    internet je vais pouvoir aller
  • 00:08:19
    sélectionner mon logo ici recliquer en
  • 00:08:23
    bas à droite sur Sélectionner et donc ça
  • 00:08:25
    permet ici de rentrer mon logo dans mon
  • 00:08:27
    site
  • 00:08:28
    internet clique sur Mettre à jour ça
  • 00:08:31
    actualise en direct mon site internet
  • 00:08:32
    donc si je me rends sur le site internet
  • 00:08:34
    et j'actualise on voit ici le logo qui
  • 00:08:38
    est effectivement effectivement mis dans
  • 00:08:41
    l'entête et dans le pit page je précise
  • 00:08:44
    ici et ça sera le cas dès lors que vous
  • 00:08:46
    souhaitez ajouter des fichiers sur le
  • 00:08:48
    site internet la limite de téléversement
  • 00:08:50
    des fichiers comme on peut le voir c'est
  • 00:08:52
    inscrit juste ici est de 3
  • 00:08:55
    m il s'agit alors dès lors que vous
  • 00:08:58
    souhaitez rentrer des images sur votre
  • 00:09:00
    site internet d'aller chercher des
  • 00:09:02
    fichiers qui qui sont inférieurs à cette
  • 00:09:04
    taille là dès lors que ce sera pas le
  • 00:09:06
    cas on vous invite à rentrer votre
  • 00:09:08
    fichier dans une dans une une
  • 00:09:10
    application ou bien un service qui vous
  • 00:09:12
    permet de réduire ou de compresser la
  • 00:09:14
    taille de vos fichier pour pouvoir
  • 00:09:16
    justement aller chercher des images qui
  • 00:09:18
    sont qui sont systématiquement en
  • 00:09:20
    dessous de 3
  • 00:09:22
    Mo la seconde étape donc vous avez la
  • 00:09:25
    possibilité d'ajouter des liens en bas
  • 00:09:27
    de page ici par exemple
  • 00:09:30
    je vais rentrer le lien de la Fédération
  • 00:09:33
    Française sport pour tous donc je mets
  • 00:09:36
    mon titre de lien je rentre ensuite mon
  • 00:09:40
    URL et ici je vous recommande de cliquer
  • 00:09:44
    sur Ouvrir le lien dans un nouvel onglet
  • 00:09:46
    cela permettra lorsque vous cliquez sur
  • 00:09:48
    le bouton ou cliquez sur le texte le
  • 00:09:50
    texte avec le lien d'ouvrir une nouvelle
  • 00:09:52
    page plutôt que de de faire sortir les
  • 00:09:55
    gens du site avec avec le lien donc ici
  • 00:09:58
    je vais vous montrer également ce que ça
  • 00:09:59
    donne en cliquant sur Mettre à
  • 00:10:02
    jour j'actualise bien entendu ici mon
  • 00:10:06
    lien qui se met et lorsque je clique ma
  • 00:10:08
    nouvelle page qui s'ouvre donc ici vous
  • 00:10:10
    avez la possibilité de mettre le lien
  • 00:10:12
    que vous
  • 00:10:13
    souhaitez directement intégré dans votre
  • 00:10:16
    pied de page qui sera intégré sur
  • 00:10:18
    chacune des pages du site internet je le
  • 00:10:20
    rappelle donc je vais le
  • 00:10:24
    retirer et voilà vous avez également la
  • 00:10:27
    possibilité de rentrer l'URL de votre
  • 00:10:29
    votre newsletter vous cliquez sur Oui
  • 00:10:31
    vous mettez l'URL de votre newsletter et
  • 00:10:32
    à la manière du lien pour bas de page la
  • 00:10:34
    newsletter sera intégrée dans votre pied
  • 00:10:36
    de page et voilà ensuite les différents
  • 00:10:39
    éléments personnalisables donc l'idée
  • 00:10:41
    c'est que le site puisse être à l'image
  • 00:10:44
    de votre structure vous avez dans un
  • 00:10:46
    premier temps la possibilité de changer
  • 00:10:48
    les couleurs des titres de bloc je ne
  • 00:10:50
    pourrai pas vous montrer en direct le
  • 00:10:51
    changement on le verra on le verra par
  • 00:10:53
    la suite lorsqu'on commencera à modifier
  • 00:10:55
    les pages donc ici l'idée c'est d'aller
  • 00:10:57
    chercher dans le Nuan
  • 00:10:59
    une couleur qui se rapproche au plus des
  • 00:11:01
    couleurs de votre logo des couleurs de
  • 00:11:02
    votre structure ici je vais essayer
  • 00:11:05
    d'aller chercher un verre qui se
  • 00:11:07
    rapproche qui se rapproche plus ou moins
  • 00:11:08
    moi je vais prendre celui-là vous avez
  • 00:11:10
    également la possibilité de saisir le
  • 00:11:11
    code couleur hexadécimal qui correspond
  • 00:11:14
    à la couleur type que vous souhaitez
  • 00:11:17
    donc ici moi je je vais chercher dans le
  • 00:11:18
    nuancier mais dans tous les cas le code
  • 00:11:20
    hexadécimal s'affiche je vais le copier
  • 00:11:23
    et ça me permettra de changer ma couleur
  • 00:11:25
    de texte des boutons on verra également
  • 00:11:27
    par la suite ce à quoi correspond cela
  • 00:11:31
    je vais rentrer pour avoir exactement la
  • 00:11:33
    même couleur que mes mes titres et
  • 00:11:36
    ensuite vous avez également la
  • 00:11:37
    possibilité de choisir la couleur de
  • 00:11:39
    fond des boutons donc moi je vais la
  • 00:11:41
    laisser en
  • 00:11:42
    blanc vous avez ensuite la possibilité
  • 00:11:45
    de sélectionner la couleur des flèches
  • 00:11:48
    de défilement encore une fois je vous
  • 00:11:49
    montrer par la suite ce à quoi
  • 00:11:50
    correspond mais vous avez le choix entre
  • 00:11:51
    le bleu le gris et le noir on va choisir
  • 00:11:53
    le gris et la couleur du pied de page
  • 00:11:56
    qui est automatiquement en rouge on voit
  • 00:11:58
    eff effectivement que sur le logo
  • 00:12:00
    d'osmose ça ne rend pas forcément pas
  • 00:12:02
    forcément quelque chose d'agréable
  • 00:12:03
    visuellement donc je vais aller choisir
  • 00:12:06
    la couleur grise et voilà une fois que
  • 00:12:08
    tout cela est fait que vous êtes sûr de
  • 00:12:10
    vos modifications vous pouvez cliquer
  • 00:12:11
    sur Mettre à jour et l'ensemble de vos
  • 00:12:14
    mises à jour seront pris en compte par
  • 00:12:16
    le site on verra par la suite les
  • 00:12:19
    différentes modifications pour les
  • 00:12:21
    couleurs de titre de bloc et les
  • 00:12:22
    couleurs de texte des
  • 00:12:24
    bouton donc une fois l'ensemble de nos
  • 00:12:27
    paramètres modifiés ce elon selon les
  • 00:12:30
    couleurs de votre structure vous allez
  • 00:12:32
    pouvoir mettre à jour pour être bien sûr
  • 00:12:34
    que la modification est prise en compte
  • 00:12:36
    et aller sur le menu déroulants à gauche
  • 00:12:38
    cliquez sur l'onglet Page toutes les
  • 00:12:40
    pages ici vous allez avoir donc toutes
  • 00:12:42
    les sections qui apparaissent les
  • 00:12:43
    sections qu'on a vu précédemment sur le
  • 00:12:46
    site le site standard donc ces
  • 00:12:48
    différentes sections vont donc pouvoir
  • 00:12:50
    être modifiables directement via le
  • 00:12:52
    backoffice dans un premier temps on vous
  • 00:12:54
    invite à aller modifier la page Accueil
  • 00:12:56
    donc je glisse ce ma souris sur la la
  • 00:12:59
    page accueil et je clique sur Modifier
  • 00:13:02
    ici ce menu sera automatiquement
  • 00:13:05
    automatiquement ouvert cependant
  • 00:13:06
    celui-là ne va pas nous intéresser ce
  • 00:13:08
    qui va nous intéresser c'est le menu
  • 00:13:10
    section ici vous allez avoir la
  • 00:13:12
    possibilité d'ajouter les différents
  • 00:13:13
    blocs qui sont mis à disposition par
  • 00:13:15
    l'outil dans un premier temps et ce pour
  • 00:13:18
    chaque chaque page on vous invite à
  • 00:13:21
    rentrer en premier le bandeau image avec
  • 00:13:23
    ou sans titre je clique sur bandeau
  • 00:13:25
    image avec ou sans titre et je vais
  • 00:13:26
    avoir la possibilité d'aller chercher
  • 00:13:28
    une image de mettre un titre et de
  • 00:13:30
    mettre un
  • 00:13:31
    sous-titre par exemple ici pour la page
  • 00:13:33
    accueil du site de la guerre andaise
  • 00:13:35
    nous avons ici le titre si je vais sur
  • 00:13:38
    club on verra le titre le sous-titre
  • 00:13:41
    ainsi que l'image qui est
  • 00:13:42
    sélectionnée je vais aller chercher mon
  • 00:13:44
    image en cliquant sur AJOUTER image et
  • 00:13:47
    l'idée ici de pouvoir étant donné que
  • 00:13:49
    c'est votre page d'accueil choisir
  • 00:13:50
    l'image qui représente au mieux votre
  • 00:13:52
    structure donc je vais sélectionner mon
  • 00:13:54
    image en cliquant dessus reproduire la
  • 00:13:56
    même procédure que pour le logo cliquer
  • 00:13:58
    sur sélectionner en bas à droite et ici
  • 00:14:00
    je vais pouvoir rentrer le nom du club
  • 00:14:04
    une fois que cela est fait vous pouvez
  • 00:14:06
    prévisualiser les modification ici on
  • 00:14:08
    est sur un détail important
  • 00:14:10
    effectivement on juge important pour
  • 00:14:12
    vous et également pour nous de modifier
  • 00:14:15
    euh prévisualiser les modifications
  • 00:14:17
    pardon dans un premier temps puisqu'ici
  • 00:14:18
    vous et seulement vous verrez la
  • 00:14:21
    modification ça vous permet de pouvoir
  • 00:14:23
    jeter un œil sur ce qui a été fait sans
  • 00:14:25
    pour autant que le site soit modifié une
  • 00:14:27
    fois que vous êtes pleinement satisfait
  • 00:14:29
    cette modification là vous allez pouvoir
  • 00:14:30
    retourner sur le backofice et cliquer
  • 00:14:32
    sur Mettre à
  • 00:14:35
    jour une fois que le clic sur Mettre à
  • 00:14:38
    jour a été effectué l'ensemble des
  • 00:14:39
    internautes pourront euh voir les
  • 00:14:42
    modifications qui ont été faites donc
  • 00:14:44
    une fois que mon bandeau image avec tire
  • 00:14:46
    fait la seconde étape dans l'accueil et
  • 00:14:48
    nous ce qu'on vous recommande dans la
  • 00:14:49
    mesure où euh où vous avez des
  • 00:14:51
    actualités on vous recommande de mettre
  • 00:14:53
    vos actualités directement euh dans la
  • 00:14:55
    page d'accueil donc ici je reclique sur
  • 00:14:58
    Ajouter un bloc je vais aller chercher
  • 00:15:00
    le bloc mise en avant actualité donc ici
  • 00:15:04
    sachez que on voit mes actualités qui
  • 00:15:07
    sont déjà mises en place vous dans la
  • 00:15:09
    mesure où je vous ai pas encore montré
  • 00:15:11
    la procédure à suivre ici il n'y aura
  • 00:15:13
    rien je vais vous montrer comment faire
  • 00:15:15
    dans un premier temps on rentre ici le
  • 00:15:17
    titre donc je vais mettre nos actualités
  • 00:15:20
    et on peut d'ors et déjà mettre à jour
  • 00:15:23
    une fois que cela est fait ça vous
  • 00:15:24
    permet d'aller modifier d'autres choses
  • 00:15:27
    encore une fois sur le bac ice on va
  • 00:15:29
    aller dans Articles tous les articles
  • 00:15:32
    ici comme vous pouvez le voir mes
  • 00:15:34
    articles ont déjà été
  • 00:15:36
    ajoutés je vais cliquer sur Ajouter un
  • 00:15:38
    article et pouvoir créer justement mon
  • 00:15:42
    article pour qu'il puisse être
  • 00:15:43
    disponible dans la base de données de
  • 00:15:45
    mon site internet donc pour se faire
  • 00:15:48
    vous allez choisir votre
  • 00:15:52
    titre rentrreer votre titre ici pouvez
  • 00:15:55
    rentrer bien entendu ce que vous
  • 00:15:57
    souhaitez
  • 00:15:59
    libre à vous selon votre ligne
  • 00:16:01
    éditoriale de choisir votre titre et de
  • 00:16:02
    rentrer votre
  • 00:16:08
    texte mon texte est rentré et ensuite
  • 00:16:12
    une fois que cela est fait vous avez la
  • 00:16:15
    possibilité bien entendu via cette via
  • 00:16:17
    cet outil de mettre si vous le souhaitez
  • 00:16:18
    desmot en gras si vous le souhaitez
  • 00:16:20
    également desmot en italique de pouvoir
  • 00:16:23
    faire des list plus si c'est ce que vous
  • 00:16:26
    souhaitez en tout cas l'outil est assez
  • 00:16:27
    vaste é un traitement de texte plutôt
  • 00:16:30
    plutôt
  • 00:16:32
    classique une fois que votre article est
  • 00:16:35
    rentré l'idée c'est de pouvoir ajouter
  • 00:16:37
    une image pour qu'on ait ici un visuel
  • 00:16:40
    qui soit en correspondance et en lien
  • 00:16:42
    avec l'article donc vous retournez sur
  • 00:16:44
    votre backofice et vous avez en bas à
  • 00:16:46
    droite en défilant légèrement l'image
  • 00:16:49
    qui est mise en avant cliquez sur
  • 00:16:50
    Définir l'image mise en avant et vous
  • 00:16:52
    allez aller choisir l'image que vous
  • 00:16:55
    souhaitez encore une fois si l'image
  • 00:16:58
    n'est pas encore dans votre base de
  • 00:16:59
    médiia je vous invite à retourner
  • 00:17:00
    sélectionner des fichiers euh on va
  • 00:17:02
    refaire la procédure une seconde fois et
  • 00:17:05
    ici cliquez sur
  • 00:17:09
    Ouvrir cliquez sur Ouvrir et donc votre
  • 00:17:13
    votre fichier se met directement dans
  • 00:17:15
    votre base de données donc moi je
  • 00:17:16
    sélectionne mon image qui est celle-ci
  • 00:17:18
    je clique sur Définir l'image mise en
  • 00:17:20
    avant et donc je vais pouvoir publier
  • 00:17:24
    mon
  • 00:17:25
    article une fois que cela est fait vous
  • 00:17:27
    cliquez sur Mettre à jour à droite et
  • 00:17:30
    donc une fois que cette étape est faite
  • 00:17:32
    vous pouvez directement retourner dans
  • 00:17:36
    l'accueil et comme vous pouvez le voir
  • 00:17:39
    l'article apparaît juste ici donc vous
  • 00:17:42
    sélectionnez vous pouvez rentrer autant
  • 00:17:44
    d'articles que que votre site internet
  • 00:17:46
    dispose ou du moins autant d'articles
  • 00:17:47
    que vous souhaitez sortir et vous
  • 00:17:49
    sélectionnez vos différents articles
  • 00:17:51
    donc ici j'en ai déjà rentré trois pour
  • 00:17:53
    prendre un peu de l'avance l'idée c'est
  • 00:17:55
    de pouvoir les mettre dans l'ordre que
  • 00:17:57
    vous souhaitez donc ici je veux que que
  • 00:17:58
    mon article lauréa d'un prix au niveau
  • 00:18:00
    national soit mise en premier donc je le
  • 00:18:02
    glisse tout en bas je veux que mon
  • 00:18:04
    article seène de la forme soit celui qui
  • 00:18:05
    apparaisse en dernier donc je le mets
  • 00:18:07
    tout en haut une fois que cela est fait
  • 00:18:10
    je peux aller prévisualiser mes
  • 00:18:11
    modifications et comme vous pouvez le
  • 00:18:13
    voir ici mon mon titre donc comme on l'a
  • 00:18:17
    modifié dans le la partie paramètrre du
  • 00:18:19
    site se met de la couleur dont je l'ai
  • 00:18:21
    SAÉ donc c'est ici où vous allez pouvoir
  • 00:18:23
    agir pour sélectionner vos différentes
  • 00:18:25
    couleurs ici mes articles sont
  • 00:18:27
    effectivement mis dans l'ordre et et
  • 00:18:28
    j'ai la possibilité en cliquant sur l la
  • 00:18:30
    suite de rentrer avec ma photo en pleine
  • 00:18:33
    page et mon article parfaitement rédigé
  • 00:18:36
    sur sur l'article donc c'est pour ça
  • 00:18:38
    qu'il est important sur le backofice de
  • 00:18:40
    les mettre en ligne dans la section
  • 00:18:42
    article et ensuite de pouvoir les
  • 00:18:43
    sélectionner ici vous avez une seconde
  • 00:18:47
    possibilité une seconde possibilité qui
  • 00:18:50
    est de mettre le listing actualité et
  • 00:18:53
    non la mise en avant
  • 00:18:54
    actualité pour pouvoir avoir une mise en
  • 00:18:57
    page qui est différente à après ici il
  • 00:18:59
    s'agit vraiment d'une question de goût
  • 00:19:00
    donc si je prévisualise on voit bien mes
  • 00:19:04
    actualités qui sont mis en 2è et mon
  • 00:19:07
    listing actualité donc là je n'ai pas
  • 00:19:08
    mis de titre donc on n pas de titrre qui
  • 00:19:10
    s'affiche c'est pour ça qu'on vous
  • 00:19:11
    recommande toujours de mettre un titre
  • 00:19:13
    euh avec une petite esquisse du de
  • 00:19:17
    l'article étant donné que moi je préfère
  • 00:19:20
    le listing actualité je vais mettre un
  • 00:19:22
    titre je vais ici cliquer pour pouvoir
  • 00:19:24
    refermer et pouvoir naviguer dans mes
  • 00:19:26
    différents mes différents blocs qui sont
  • 00:19:28
    déjà déjà construit ici vous avez
  • 00:19:30
    également la possibilité de cliquer pour
  • 00:19:32
    passer le listing actualité en deuxème
  • 00:19:34
    position si je prévisualise rapidement
  • 00:19:36
    ce que ça donne on voit bien mon listing
  • 00:19:38
    qui est mis et ensuite ma mise en avant
  • 00:19:41
    qui se retrouve ici et donc pour pouvoir
  • 00:19:44
    supprimer et pouvoir y voir un peu plus
  • 00:19:46
    clair vous cliquez ici sur le moins
  • 00:19:48
    retirreer la disposition et vous retirez
  • 00:19:51
    une fois que cela est fait que vous êtes
  • 00:19:52
    pleinement satisfait vous pouvez mettre
  • 00:19:54
    à jour et donc on voit bien ma page
  • 00:19:58
    accil qui est construite avec dans un
  • 00:20:00
    premier temps mon bandeau image avec ou
  • 00:20:03
    sans titre qui se trouve juste ici et
  • 00:20:06
    mon listing d'actualité qui se trouve
  • 00:20:08
    juste
  • 00:20:09
    ici on a vu dans le site précédent qu'il
  • 00:20:12
    pouvait être intéressant de mettre le
  • 00:20:14
    bloc où nous
  • 00:20:15
    trouver effectivement ça permet à vos
  • 00:20:18
    internautes et à vos différents
  • 00:20:20
    adhérents de pouvoir retrouver
  • 00:20:22
    directement une adresse donc ici vous
  • 00:20:24
    allez encore une fois ajouter un bloc
  • 00:20:26
    cliquer sur Où nous trouver et
  • 00:20:29
    le BL trou qui s vousz la possibilité de
  • 00:20:32
    mettre le texte à gauch ou la carte à
  • 00:20:33
    droite et inversement je vais vous
  • 00:20:36
    donner Ausset conse Pete
  • 00:20:40
    ASCE est BL le est que je vous invite
  • 00:20:44
    pour jouer sur les perspectives dequer
  • 00:20:47
    sur la cleur de fond trouver sur
  • 00:20:51
    gris gris
  • 00:20:55
    BL on vaer nous trouver
  • 00:21:00
    cela permet d'avoir le titre qui se veut
  • 00:21:02
    assez assez évident et dans le contenu
  • 00:21:05
    texte je vais vous montrer rapidement ce
  • 00:21:07
    à quoi cela correspond ici vous allez
  • 00:21:10
    pouvoir rentrer autant d'informations
  • 00:21:12
    que vous le souhaitez donc moi je vais
  • 00:21:14
    aller chercher les informations de mon
  • 00:21:16
    club juste ici et je vais les rentrer
  • 00:21:20
    dans ma zone Texte ensuite pour pouvoir
  • 00:21:23
    afficher cette carte qui est une carte
  • 00:21:24
    Google Maps vous avez la possibilité de
  • 00:21:27
    copier-coller comme vous pouvez le voir
  • 00:21:29
    le code HTML mise à disposition par un
  • 00:21:31
    service de cartographie je vous invite à
  • 00:21:33
    utiliser Google Maps qui est un outil
  • 00:21:35
    assez intuitif et je vais vous montrer
  • 00:21:37
    la procédure à suivre donc ici je
  • 00:21:39
    récupère mon adresse puisque ça va me
  • 00:21:40
    servir plus tard je vais aller sur
  • 00:21:44
    Google
  • 00:21:45
    Maps aller chercher mon
  • 00:21:56
    adresse et une fois cette adresse
  • 00:21:59
    trouvée vous allez avoir la possibilité
  • 00:22:01
    euh d'aller chercher le code HTML donc
  • 00:22:04
    sur votre service de cartographie vous
  • 00:22:06
    allez sur partager une fois euh que cela
  • 00:22:09
    est fait une fenêtre s'ouvre et vous
  • 00:22:10
    allez sur intégrer une carte ici il
  • 00:22:13
    donne un contenu HTML comme dit
  • 00:22:14
    précédemment dans le backofice vous
  • 00:22:16
    cliquez sur ce
  • 00:22:17
    contenu sur Copier ce contenu pardon
  • 00:22:20
    vous pouvez fermer votre service de
  • 00:22:22
    cartographie retournez sur le backofice
  • 00:22:24
    et ici dans localisation vous faites
  • 00:22:27
    coller le contenu et vous allez avoir un
  • 00:22:29
    lien qui se met vous allez voir ce que
  • 00:22:31
    ça donne directement en cliquant sur
  • 00:22:34
    Prévisualiser les
  • 00:22:36
    modifications et ici on voit bien ma
  • 00:22:39
    carte qui apparaît mon titre et mon
  • 00:22:41
    contenu texte donc libre à vous bien
  • 00:22:44
    entendu de mettre le contenu que vous
  • 00:22:45
    souhaitez de mettre l'adresse que vous
  • 00:22:46
    souhaitez ça peut être soit votre
  • 00:22:48
    adresse euh de pratique donc vous pouvez
  • 00:22:50
    répéter euh répéter le le processus
  • 00:22:53
    autant de fois que souhaitez ou vous
  • 00:22:54
    pouvez également mettre seulement euh le
  • 00:22:56
    siège le siège de votre association
  • 00:23:02
    concernant la page Accueil ici on est
  • 00:23:05
    assez complet vous avez la possibilité
  • 00:23:06
    de mettre autant de bloc que vous le
  • 00:23:08
    souhaitez bien entendu dans le dans le
  • 00:23:09
    back office nous seulement on va
  • 00:23:11
    repartir de notre base qui était le site
  • 00:23:13
    de la guerre andaise et ensuite
  • 00:23:15
    enchaîner directement sur la section le
  • 00:23:18
    club donc ici une fois que tout cela est
  • 00:23:20
    fait bien entendu vous cliquez sur
  • 00:23:22
    Mettre à jour pour être sûr que vos
  • 00:23:23
    informations sont bien sont bien
  • 00:23:25
    enregistrées vous retournez dans le menu
  • 00:23:27
    déroulant à gauche sur page et vous
  • 00:23:29
    allez pouvoir aller modifier le
  • 00:23:32
    club dans ma section le club encore une
  • 00:23:34
    fois ça m'ouvre toujours le même
  • 00:23:37
    dispositif encore une fois on vous
  • 00:23:39
    invite à mettre le bandeau image avec ou
  • 00:23:41
    sans titre et vous allez pouvoir aller
  • 00:23:43
    choisir une autre image qui se veut
  • 00:23:46
    également représentative de cette partie
  • 00:23:49
    ici le titre toujours le nom du club et
  • 00:23:52
    en sous-titre étant donné que c'est une
  • 00:23:54
    sous-section et non pas la page
  • 00:23:55
    d'accueil on vous invite à faire un
  • 00:23:57
    rappel en étant le le nom de la
  • 00:23:59
    sous-section donc le club notre club peu
  • 00:24:03
    importe une fois que cela est fait vous
  • 00:24:06
    pouvez ajouter un nouveau bloc et donc
  • 00:24:09
    si on repart de la base de la guerre
  • 00:24:10
    andaise ici on est sur un bloc
  • 00:24:13
    titre donc je vais vous montrer un bloc
  • 00:24:16
    texte pardon vous allez aller chercher
  • 00:24:18
    le bloc texte ici et vous avez vous
  • 00:24:21
    allez avoir la possibilité de mettre un
  • 00:24:23
    titre donc on encourage à mettre une
  • 00:24:26
    description du club donc je vais R titre
  • 00:24:28
    qui sommesnous et ici je vais aller
  • 00:24:31
    rentrer
  • 00:24:33
    directement le texte qui m'est fourni
  • 00:24:35
    par le club que vous souhaitez que vous
  • 00:24:38
    pouvez mettre bien entendu selon selon
  • 00:24:40
    vos choix une fois que ce texte est
  • 00:24:43
    rentré j'ai également la possibilité de
  • 00:24:45
    faire un lien donc ici en lien
  • 00:24:47
    j'entends si vous souhaitez mettre le
  • 00:24:50
    club est
  • 00:24:53
    affilié à la Fédération Française spous
  • 00:24:56
    par exemple
  • 00:24:59
    vous avez la possibilité de sélectionner
  • 00:25:02
    en cliquant glissant avec votre souris
  • 00:25:04
    sélectionner un lien et encore une fois
  • 00:25:06
    de rentrer l'URL de votre choix selon ce
  • 00:25:08
    que vous avez ce que vous avez pu
  • 00:25:10
    rentrer on vous encourage encore à
  • 00:25:11
    mettre ouvrir le lien dans un nouvel
  • 00:25:13
    onglet ensuite une fois que c'est fait
  • 00:25:15
    vous ajoutez un lien et ce que vous avez
  • 00:25:17
    sélectionné deviendra un lien cliquable
  • 00:25:19
    je ne vais pas le faire puisque le club
  • 00:25:21
    le club n'a pas décidé de le faire ici
  • 00:25:24
    une fois que cela est fait vous avez
  • 00:25:26
    également la possibilité de ajouter un
  • 00:25:28
    média donc ici soit vous sélectionnez
  • 00:25:31
    Texte ou bien vous sélectionnez Texte
  • 00:25:35
    image dans texte image ici encore une
  • 00:25:38
    fois vous pouvez rentrer votre
  • 00:25:41
    titre et vous avez la possibilité ici
  • 00:25:45
    d'ajouter une image donc je vais
  • 00:25:46
    remettre mon texte comme ça je vais
  • 00:25:49
    pouvoir vous montrer les deux
  • 00:25:51
    possibilités je vais remettre mon texte
  • 00:25:53
    je vais aller choisir une image par
  • 00:25:56
    exemple ici avec de person de personne
  • 00:25:59
    du
  • 00:26:00
    club et je peux à nouveau fermer et bien
  • 00:26:04
    entendu je ne mets pas à jour puisque je
  • 00:26:05
    ne suis pas pleinement satisfait il me
  • 00:26:07
    faut encore la possibilité de pouvoir
  • 00:26:08
    jeter un œil je vais prévisualiser les
  • 00:26:11
    modifications ici mon qui sommes nous
  • 00:26:13
    sans photo qui peut être un peu un peu
  • 00:26:16
    triste après c'est vraiment libre choix
  • 00:26:18
    et et selon selon vos goûts et ici mon
  • 00:26:21
    bloc texte image avec ma photo et
  • 00:26:24
    l'explication de ma structure donc ce
  • 00:26:27
    qu'on recommande c'est soit de mettre un
  • 00:26:29
    logo soit de mettre une photo du moins
  • 00:26:31
    toujours essayer d'avoir un peu de un
  • 00:26:32
    peu de visuel pour pouvoir avoir un site
  • 00:26:35
    qui est agréable visuellement donc moi
  • 00:26:38
    je vais garder mon texte image je viens
  • 00:26:41
    le glisser avant mon texte je ferme en
  • 00:26:44
    cliquant sur la barre mes différents
  • 00:26:46
    blocs et ici je vais venir retirer ma
  • 00:26:49
    zone texte je revérifie une dernière
  • 00:26:52
    fois si je suis pleinement satisfait
  • 00:26:54
    donc ici j'ai un petit espace qui peut
  • 00:26:56
    être un peu
  • 00:26:57
    dérangeant je vais aller sur texte image
  • 00:27:00
    je vais venir réduire cet espace ça se
  • 00:27:03
    fait automatiquement dès que je vais
  • 00:27:05
    prévisualiser les modifications et là je
  • 00:27:06
    suis pleinement satisfait de ce que j'ai
  • 00:27:08
    fait donc je vais venir mettre à jour
  • 00:27:10
    j'effectue une légère précision
  • 00:27:12
    concernant ce bloc texte image on voit
  • 00:27:14
    bien en effet que l'image ici est en
  • 00:27:17
    format format paysage on vous encourage
  • 00:27:19
    à toujours utiliser ce format pour pour
  • 00:27:21
    ce bloc texte image en effet on va voir
  • 00:27:24
    rapidement ce que ça donne lorsqu'on
  • 00:27:26
    utilise une image en format portrait
  • 00:27:28
    ça peut rendre un bloc bien trop
  • 00:27:32
    gros de cette façon et du coup
  • 00:27:35
    finalement rendre une page qui se veut
  • 00:27:36
    assez assez imbuvable donc on vous
  • 00:27:38
    encourage systématiquement à rentrer une
  • 00:27:41
    photo une photo au format
  • 00:27:45
    paysage si la photo que vous souhaitez
  • 00:27:48
    rentrer avec avec le contenu qui vous
  • 00:27:50
    intéresse est une photo en format
  • 00:27:53
    portrait ce qu'on vous invite c'est
  • 00:27:55
    d'aller de cliquer sur de cliquer sur
  • 00:27:57
    votre image de cliquer sur Modifier
  • 00:27:59
    l'image ici en dessous de votre des
  • 00:28:01
    détails du fichier jein à droit vous
  • 00:28:04
    allez cliquer sur Modifier l'image et
  • 00:28:06
    ensuite vous allez pouvoir recadrer
  • 00:28:09
    votre photo en cliquant et en glissant
  • 00:28:11
    de cette manière pour pouvoir faire une
  • 00:28:13
    photo du coup qui se qui se transforme
  • 00:28:15
    en format paysage d'appliquer votre
  • 00:28:17
    recadrage et donc votre photo ici avec
  • 00:28:19
    votre contenu passe en format paysage
  • 00:28:21
    une fois que cela est fait vous
  • 00:28:22
    enregistrez les modifications juste
  • 00:28:25
    ici enfin vous allez pouvoir reproduire
  • 00:28:28
    la même procédure cliquez sur
  • 00:28:29
    Sélectionner et donc on le voit ici la
  • 00:28:31
    photo pass passe en format paysage vous
  • 00:28:34
    allez cliquer sur Prévisualiser les
  • 00:28:36
    modifications pour voir ce que ça donne
  • 00:28:37
    et effectivement la photo ici euh
  • 00:28:40
    devient une photo format
  • 00:28:45
    paysage la suite euh ce qu'on recommande
  • 00:28:48
    c'était de mettre un organigramme ou du
  • 00:28:51
    moins euh de mettre en tout cas soit
  • 00:28:53
    votre équipe d'encadrement ou bien de
  • 00:28:55
    mettre euh le bureau de votre
  • 00:28:57
    association
  • 00:28:58
    on retourne sur le backofice encore une
  • 00:29:01
    fois on ajoute un nouveau bloc et ici
  • 00:29:03
    vous avez le bloc
  • 00:29:05
    trombinoscope vous cliquez sur ce bloc
  • 00:29:07
    et vous mettez le nom de votre choix moi
  • 00:29:10
    je vais mettre notre
  • 00:29:11
    encadrement ensuite vous avez la
  • 00:29:13
    possibilité de cliquer sur Ajouter un
  • 00:29:16
    élément sur la liste des personnes et ça
  • 00:29:18
    va vous ouvrir la possibilité de rentrer
  • 00:29:21
    un nom et un
  • 00:29:25
    prénom donc ici je je vais
  • 00:29:28
    rentrer les deux encadrants la
  • 00:29:32
    fonction donc éducateur sportif c'est
  • 00:29:35
    vraiment selon selon l'organigramme de
  • 00:29:37
    votre club et si vous en avez une je
  • 00:29:40
    vais aller sélectionner une image
  • 00:29:41
    malheureusement ici je n'en ai pas mais
  • 00:29:43
    j'en ai pris une pour pouvoir pouvoir
  • 00:29:45
    faire pouvoir faire office office de
  • 00:29:48
    photos le mieux c'est pouvoir de mettre
  • 00:29:50
    des photos de bonne qualité de vos
  • 00:29:51
    encadrant pour pouvoir donner une belle
  • 00:29:53
    image ici encore une fois je sélectionne
  • 00:29:55
    je resélectionne en cliquant en bas à
  • 00:29:57
    droite
  • 00:29:58
    je répète l'opération pour la deuxième
  • 00:30:02
    personne
  • 00:30:08
    encadrante je
  • 00:30:10
    remets ma fonction vous pouvez également
  • 00:30:14
    mettre si vous le souhaitez vous avez la
  • 00:30:15
    possibilité de mettre énormément de
  • 00:30:16
    texte donc vous pouvez également mettre
  • 00:30:18
    les différentes qualifications de vos
  • 00:30:26
    encadrants je vais encore une fois aller
  • 00:30:29
    ajouter mon image je clique sur
  • 00:30:31
    Sélectionner et
  • 00:30:32
    là mon organigramme est créé je vais
  • 00:30:36
    quand même aller le
  • 00:30:38
    prévisualiser ici on a bien notre titre
  • 00:30:41
    on a bien nos deux photos on a bien les
  • 00:30:43
    noms et prénoms de nos encadrants ainsi
  • 00:30:45
    que leur fonction donc l'idée c'est que
  • 00:30:48
    là je suis pleinement satisfait je vais
  • 00:30:49
    pouvoir venir mettre à jour ma
  • 00:30:53
    page section le club est terminé on va
  • 00:30:56
    pouvoir passer à la suivante donc
  • 00:30:58
    toujours sur mon site ré exemple ici on
  • 00:31:00
    peut voir que l'ensemble des contenus
  • 00:31:03
    ont été ajoutés sur notre site
  • 00:31:08
    ensuite nous allons avoir la section
  • 00:31:10
    activité à noter ici que tant que vous
  • 00:31:13
    ne remplissez pas dans le
  • 00:31:16
    backofice les différentes sections ces
  • 00:31:19
    dernières comme on peut le voir ici euh
  • 00:31:22
    ne seront pas intégrés à l'entête donc
  • 00:31:25
    le contreexemple il est ici on a rempli
  • 00:31:27
    l'ensemble des sections donc l'ensemble
  • 00:31:29
    de celle-ci s'affiche directement dans
  • 00:31:31
    l'entête la prochaine correspond à la
  • 00:31:35
    partie
  • 00:31:36
    activité donc voyons ensemble comment
  • 00:31:39
    cela est possible de faire via le
  • 00:31:41
    backofice donc on retourne bien entendu
  • 00:31:44
    sur notre menu de page on clique sur
  • 00:31:47
    Modifier sur les activités vous
  • 00:31:48
    commencez à à prendre un peu la main je
  • 00:31:50
    l'espère encore une fois on rajoute le
  • 00:31:53
    bandeau image avec ou sans titre le nom
  • 00:31:56
    du club le le sous-titre donc ici il
  • 00:31:59
    s'agit de la page activité et notre
  • 00:32:02
    image je vais aller choisir cette image
  • 00:32:05
    donc ici libre à vous bien entendu
  • 00:32:08
    pardon de choisir l'image de votre choix
  • 00:32:11
    une fois l'image choisie on peut
  • 00:32:12
    prévisualiser en cas de besoin ici je
  • 00:32:15
    suis satisfait je clique sur Mettre à
  • 00:32:17
    jour comme ça je suis sûr que ce bandeau
  • 00:32:19
    image ne bougera plus ensuite on va
  • 00:32:22
    avoir ici euh le bloc concernant les
  • 00:32:26
    activités ce dernier
  • 00:32:28
    s'intitule mise en avant vignette image
  • 00:32:31
    donc je clique dessus je vais rentrer
  • 00:32:34
    dans la zone titre nos activités ou bien
  • 00:32:38
    activités proposé encore une fois libre
  • 00:32:40
    à vous dans la partie texte dans la
  • 00:32:43
    partie texte vous mettez bien entendu le
  • 00:32:45
    texte de votre choix ici je vais rentrer
  • 00:32:49
    le texte qui me
  • 00:32:51
    convient une fois que cela est fait vous
  • 00:32:54
    pouvez descendre légèrement en bas ici
  • 00:32:57
    on a le le menu slide cliquez sur
  • 00:32:59
    Ajouter un élément et donc là vous allez
  • 00:33:01
    pouvoir rentrer vos activités au fur et
  • 00:33:04
    à mesure donc le titre vous rentrez
  • 00:33:08
    votre première activité ici mon club
  • 00:33:11
    fait de la marche nudique donc je vais
  • 00:33:13
    rentrer la marche nordique ajouter une
  • 00:33:15
    image vous allez pouvoir aller chercher
  • 00:33:17
    votre image correspondant à l'activité
  • 00:33:20
    ou bien l'image de votre choix bien
  • 00:33:22
    entendu et vous avez deux possibilités
  • 00:33:25
    donc c'est de faire une première
  • 00:33:26
    description de l'AC éit et la seconde
  • 00:33:30
    possibilité donc ici vous rentrez votre
  • 00:33:32
    texte encore une fois c'est le c'est le
  • 00:33:33
    même fonctionnement on peut peut mettre
  • 00:33:34
    en grain on peut mettre en italique on
  • 00:33:36
    peut faire des listes à puces c'est
  • 00:33:37
    c'est selon selon vos vos choix et on a
  • 00:33:41
    possibilité de rentrer les horaires et
  • 00:33:43
    les lieux donc ici je vais
  • 00:33:46
    également rentrer les informations du
  • 00:33:54
    club hop petit exemple ici on met un
  • 00:33:57
    gras
  • 00:33:59
    et on va voir on va aller voir
  • 00:34:02
    directement ce que ça
  • 00:34:05
    donne en prévisualisant vous aurez
  • 00:34:08
    ensuite on verra par la suite la
  • 00:34:10
    possibilité de mettre autant d'activités
  • 00:34:11
    que souhaitez je vais juste aller jeter
  • 00:34:14
    un petit coup d'œil sur ma page activité
  • 00:34:16
    donc ici on a bien notre titre qui s'est
  • 00:34:18
    mis notre texte également et nos
  • 00:34:20
    activités qui se mettent en
  • 00:34:23
    affordance on va voir exactement ce que
  • 00:34:25
    ça donne quand on en rendre plusieurs on
  • 00:34:27
    se retrouve Rouve tout de suite juste
  • 00:34:28
    après avoir rentré les différentes
  • 00:34:30
    activités
  • 00:35:18
    et voilà ma dernière activité est
  • 00:35:21
    intégrée je vais vous montrer une petite
  • 00:35:23
    euh une petite fonctionnalité qui sera
  • 00:35:26
    possible de faire dès que vous allez
  • 00:35:28
    avoir une zone de texte avec ce menu-ci
  • 00:35:31
    vous pouvez ajouter un média cela permet
  • 00:35:33
    en fait à la manière de d'un d'un
  • 00:35:35
    traitement de texte classique d'ajouter
  • 00:35:37
    directement un média sur votre dans
  • 00:35:41
    votre zone de texte bon ici ça sera pas
  • 00:35:43
    forcément optimal mais du moins pouvoir
  • 00:35:46
    en fait par exemple mettre votre logo
  • 00:35:49
    vous pouvez également choisir la taille
  • 00:35:50
    ici avec le texte qui se colle qui se
  • 00:35:53
    colle autour donc ici bien
  • 00:35:56
    entendu je vous montre re seulement la
  • 00:35:58
    façon de faire mais je ne vais pas
  • 00:35:59
    l'intégrer définitivement je vais juste
  • 00:36:01
    le mettre pour le moment pour qu'on
  • 00:36:02
    puisse avoir un exemple de ce que cela
  • 00:36:04
    donne mais du moins dès que vous mettez
  • 00:36:06
    une zone de texte et que vous jugez que
  • 00:36:09
    la le menu texte image le pardon le bloc
  • 00:36:13
    texte image n'est pas forcément le plus
  • 00:36:14
    adapté mais que vous souitez simplement
  • 00:36:16
    intégrer une petite photo dans votre
  • 00:36:18
    texte vous avez cette possibilité en
  • 00:36:20
    cliquant sur Ajouter un médiia une fois
  • 00:36:23
    que cela est fait vous avez pu rentrer
  • 00:36:25
    l'ensemble de vos activités
  • 00:36:27
    encore une fois je vous invite à aller
  • 00:36:30
    prévisualiser les modifications et donc
  • 00:36:33
    là on voit bien la fordance qui se met
  • 00:36:35
    en place avec mes flèches donc les
  • 00:36:37
    flèches grises ne sont pas forcément les
  • 00:36:39
    flèches les plus optimisées je vais
  • 00:36:40
    d'ailleurs aller les changer pour vous
  • 00:36:42
    montrer la à nouveau comment comment
  • 00:36:45
    faire mais effectivement on voit
  • 00:36:47
    qu'elles sont un peu un peu terni par
  • 00:36:50
    rapport à par rapport à ce fond blanc on
  • 00:36:52
    a bien encore une fois nos de blocs et
  • 00:36:55
    ici les différentes Activ donc avec mes
  • 00:36:58
    flèches je peux défiler pour voir les
  • 00:37:00
    différentes activités du club qui se qui
  • 00:37:03
    sont mis à
  • 00:37:06
    disposition l'idée d'avoir rempli ces
  • 00:37:09
    zones de texte c'est qu'en cliquant sur
  • 00:37:10
    en savoir plus on a dans un premier
  • 00:37:12
    temps notre descriptif juste ici et dans
  • 00:37:16
    un second temps nos horaires et nos
  • 00:37:17
    lieux donc ça peut ça peut permettre
  • 00:37:20
    d'être facilement identifiable suivant
  • 00:37:22
    vos différentes activités ici une fois
  • 00:37:25
    que cela est fait je vais d'abord dans
  • 00:37:27
    un premier temps mettre à jour
  • 00:37:29
    l'ensemble de mes activités pour être
  • 00:37:31
    sûr que celle-ci et que ma mise en avant
  • 00:37:33
    vignette image soit parfaitement
  • 00:37:34
    enregistrée et je vais aller changer les
  • 00:37:38
    couleurs de mes flèches ici couleur des
  • 00:37:41
    flèches de défilement je les avais
  • 00:37:42
    modifié tout à l'heure en gris je pense
  • 00:37:44
    qu'elle serait plus visible en noir je
  • 00:37:46
    clique sur noir je clique sur Mettre à
  • 00:37:48
    jour et je peux retourner directement
  • 00:37:52
    sur ma page activité
  • 00:37:59
    une fois que je suis sur ma page
  • 00:38:01
    activité je peux revérifier une dernière
  • 00:38:04
    fois si tout est
  • 00:38:06
    OK suivant mes différents blocs ici on
  • 00:38:09
    voit la petite erreur je n'avais pas mis
  • 00:38:11
    d'image je vais vite aller rajouter une
  • 00:38:14
    image pour
  • 00:38:16
    pouvoir avoir un bloc qui se veut
  • 00:38:19
    beaucoup plus beaucoup plus visible ici
  • 00:38:21
    également pour le footsal je n'avais pas
  • 00:38:23
    ajouté d'image d'où l'intérêt de pouvoir
  • 00:38:26
    prévisualiser avant de faire vos
  • 00:38:27
    modifications je sélectionne mes images
  • 00:38:31
    je remonte tout en haut de ma page
  • 00:38:33
    évidemment plus vous avez d'activité
  • 00:38:34
    plus ce sera long ici on voit bien mes
  • 00:38:36
    flèches en noir qui sont à mon goût plus
  • 00:38:39
    agréables et bien plus visibles et nos
  • 00:38:41
    différentes activités en
  • 00:38:43
    affordance pour pouvoir défiler de
  • 00:38:46
    manière très agréable donc ici futsal on
  • 00:38:49
    voit bien le logo qui est mis avec
  • 00:38:53
    l'intégration média qui est mis
  • 00:38:54
    directement dans le dans le logiciel de
  • 00:38:56
    traitement de texte
  • 00:38:58
    c'est bien entendu libre à vous de si
  • 00:38:59
    vous souhaitez l'utiliser moi je vais
  • 00:39:01
    aller le
  • 00:39:03
    supprimer dans mon
  • 00:39:08
    ongletité ici en cquant sur la croix il
  • 00:39:11
    se retire tout simplement et maintenant
  • 00:39:14
    que je suis pleinement satisfait je peux
  • 00:39:16
    mettre à jour et donc finaliser ma page
  • 00:39:19
    activité i j'ctise pour pouir voir mes
  • 00:39:22
    modifications et donc ma page activité
  • 00:39:25
    est complète
  • 00:39:28
    maintenant que j'ai pu remplir mon bloc
  • 00:39:30
    d'activité avec mon titre mon texte
  • 00:39:32
    ainsi que l'ensemble de mes activités
  • 00:39:34
    que je suis satisfait de l'ensemble des
  • 00:39:35
    couleurs je vais pouvoir retourner sur
  • 00:39:37
    le back office pour pouvoir ajouter mon
  • 00:39:39
    planning donc on est encore une fois
  • 00:39:40
    dans le back office sur la section dans
  • 00:39:43
    la section activité je vais cliquer à
  • 00:39:45
    nouveau sur Ajouter un bloc et tout en
  • 00:39:47
    bas on va pouvoir trouver le bloc
  • 00:39:49
    planning ici sachez que tout va être
  • 00:39:51
    entièrement automatisé dès lors que vous
  • 00:39:53
    cliquez sur le planning et que vous avez
  • 00:39:55
    pu remplir dans l'extranet votre
  • 00:39:56
    planning d'activité avec les horaires
  • 00:39:58
    ainsi que l'ensemble l'ensemble des
  • 00:40:00
    paramètres que vous allez pouvoir
  • 00:40:01
    rentrer sur l'extranet tout va se faire
  • 00:40:03
    de façon automatisée donc on va pouvoir
  • 00:40:05
    jeter un œil en allant prévisualiser les
  • 00:40:07
    modifications et ici comme vous pouvez
  • 00:40:10
    le voir mon planning s'active avec mon
  • 00:40:13
    titre de la couleur que j'ai choisi
  • 00:40:15
    précédemment le nom de mon club la
  • 00:40:17
    saison en cours et maintenant euh
  • 00:40:20
    l'ensemble du planning de la semaine
  • 00:40:24
    donc ici euh ici euh prenez garde à bien
  • 00:40:27
    remplir dans l'extranet votre planning
  • 00:40:29
    d'activité pour pouvoir faire ce lien
  • 00:40:31
    directement sur votre site structure on
  • 00:40:33
    a également la possibilité de
  • 00:40:34
    télécharger le planning en PDF avec donc
  • 00:40:38
    l'ensemble des informations donc dès
  • 00:40:41
    lors que ça c'est fait vous allez
  • 00:40:42
    pouvoir cloturer votre votre page
  • 00:40:44
    activité puisque puisque comme on a pu
  • 00:40:46
    le voir dans le site le site standard on
  • 00:40:49
    a pas d'autres pas d'autres informations
  • 00:40:51
    dans cette page donc je vous invite à
  • 00:40:52
    retourner sur le backoffice ici vous
  • 00:40:55
    pouvez mettre à jour dès lors que vous
  • 00:40:57
    êtes pleinement satisfait et notre page
  • 00:40:59
    activité est désormais
  • 00:41:01
    complète la suivante correspond à la
  • 00:41:04
    section inscription ici on va voir
  • 00:41:08
    comment monter cette section pas à pas
  • 00:41:10
    donc je retourne toujours sur mon menu
  • 00:41:12
    déroulant à gauche je vais dans page ici
  • 00:41:15
    mon menu inscription je clique sur
  • 00:41:17
    Modifier et comme vous le voyez ma
  • 00:41:20
    section est parfaitement vierge donc on
  • 00:41:22
    clique sur Ajouter un bloc toujours le
  • 00:41:24
    même fonctionnement on met notre bandeau
  • 00:41:26
    image
  • 00:41:28
    ici je vais mettre cette photo je
  • 00:41:31
    sélectionne encore une fois je mets mon
  • 00:41:34
    titre je mets mon sous-titre donc on est
  • 00:41:36
    sur la page
  • 00:41:38
    inscription et je peux refermer je
  • 00:41:40
    prévisualise toujours encore une fois
  • 00:41:42
    donc là vous le voyez la photo ne passe
  • 00:41:44
    pas forcément de manière optimale et on
  • 00:41:47
    a la possibilité de la modifier donc une
  • 00:41:49
    fois que vous êtes sur l'image vous vous
  • 00:41:51
    survoler avec votre souris vous venez
  • 00:41:53
    cliquer sur le bouton Modifier ici la
  • 00:41:55
    petite icône et vous avez la possibilité
  • 00:41:58
    juste ici de modifier l'image ensuite on
  • 00:42:02
    a un fonctionnement qui va être plutôt
  • 00:42:04
    simple ça va être de cadrer la photo
  • 00:42:06
    comme vous le souhaitez donc vous
  • 00:42:07
    cliquez et vous
  • 00:42:09
    défilez de cette manière ensuite vous
  • 00:42:11
    pouvez lâcher appliquer le recadrage et
  • 00:42:13
    donc là votre photo va être recadrée on
  • 00:42:15
    enregistre les
  • 00:42:17
    modifications on met à jour l'image et
  • 00:42:20
    on va prévisualiser ici euh ma la
  • 00:42:23
    personne à la gauche passe bien mieux
  • 00:42:25
    sur l'image donc je suis parfaitement
  • 00:42:26
    satisfait je vois par contre que j'ai
  • 00:42:28
    fait une petite erreur ici en rajoutant
  • 00:42:30
    un a voilà à quoi nous sert la
  • 00:42:33
    prévisualisation maintenant que je suis
  • 00:42:35
    satisfait de mon image et de mon titre
  • 00:42:37
    je peux mettre à jour et enchaîner
  • 00:42:39
    directement sur euh ma section
  • 00:42:41
    d'inscription donc sur l'inscription ici
  • 00:42:44
    euh le club la guerandaise euh a mis
  • 00:42:48
    simplement euh simplement du texte vous
  • 00:42:50
    avez la possibilité de mettre une image
  • 00:42:52
    si vous le souhaitez euh on va partir
  • 00:42:54
    sur le même le même exemple et rentrer
  • 00:42:56
    justement les textes relatifs à
  • 00:42:58
    l'inscription dans notre
  • 00:43:00
    club je vais venir ajouter un bloc
  • 00:43:03
    ajouter un bloc texte ici mon bandeau
  • 00:43:07
    image est de couleur est en couleur donc
  • 00:43:10
    on peut laisser la couleur de fond en
  • 00:43:11
    blanc et je vais aller rentrer mon titre
  • 00:43:15
    donc comment nous rejoindre par
  • 00:43:20
    exemple ou bien s'inscrire ou bien
  • 00:43:23
    finalement c'est c'est vraiment libre
  • 00:43:25
    choix ici qu'est-ce qu'on avait mis
  • 00:43:26
    comment vous vous
  • 00:43:28
    inscrire
  • 00:43:30
    hop
  • 00:43:34
    comment vous inscrire encore une fois
  • 00:43:37
    possibilité d'ajouter un média ici je
  • 00:43:39
    vais le faire ça me paraît intéressant
  • 00:43:40
    d'ajouter d'ajouter un logo donc je vais
  • 00:43:42
    mettre mon logo je vais le réduire pour
  • 00:43:44
    pas qu'il prenne trop de place par
  • 00:43:45
    rapport à mon texte et vous pouvez
  • 00:43:48
    rentrer votre texte
  • 00:43:58
    une fois que cela est fait ici je vais
  • 00:44:00
    mettre des petits espaces même le mettre
  • 00:44:02
    à la ligne comme ça j'auraai simplement
  • 00:44:03
    mon
  • 00:44:05
    logo et une fois que cela est fait vous
  • 00:44:07
    pouvez aller prévisualiser les
  • 00:44:10
    modifications allons-y
  • 00:44:12
    ensemble on voit bien notre titre notre
  • 00:44:16
    logo qui est mis juste là ainsi que le
  • 00:44:19
    texte qui a été rentré
  • 00:44:22
    ensuite l'étape suivante donc dans la
  • 00:44:25
    mesure où vous avez la possibilité de de
  • 00:44:28
    mettre par exemple des bulletins
  • 00:44:29
    d'adhésion des bulletins d'inscription
  • 00:44:31
    ou bien un contact euh pour pouvoir vous
  • 00:44:33
    inscrire soit vous le rentrer dans le
  • 00:44:35
    texte si c'est un contact et si c'est un
  • 00:44:37
    bulletin d'adhésion donc ça sera un
  • 00:44:39
    fichier à télécharger fichier que vous
  • 00:44:41
    pourrez héberger sur vos site de la même
  • 00:44:44
    manière que vous mettez les images que
  • 00:44:46
    vous téléversez les fichiers on va aller
  • 00:44:48
    ajouter un bloc et aller choisir le bloc
  • 00:44:50
    document à télécharger ici on va avoir
  • 00:44:54
    une nouvelle manipulation donc euh ex je
  • 00:44:57
    peux mettre document d'adhésion ici dans
  • 00:45:02
    la mesure où je ne vais avoir qu'un seul
  • 00:45:04
    document si vous en plusur docum à
  • 00:45:06
    télécharger peu importe lere document
  • 00:45:11
    d'adhésionè i je mets à jour donc
  • 00:45:14
    seulement mon titre sera mis à
  • 00:45:16
    disposition ensuite je vais rendre dans
  • 00:45:19
    document toujours sur le à gauche ensite
  • 00:45:22
    à gauche àoite document jeliquer sur
  • 00:45:25
    Ajouter un nouveau document
  • 00:45:27
    on va saisir notre titre donc ici il
  • 00:45:30
    s'agit du
  • 00:45:34
    bulletin
  • 00:45:35
    d'adhésion du club
  • 00:45:39
    osmose et je vais choisir mon fichier
  • 00:45:42
    donc ici comme on peut le voir il n'est
  • 00:45:44
    pas il n'est pas encore téléversé donc
  • 00:45:47
    je vais aller chercher mon fichier dans
  • 00:45:49
    mon document
  • 00:46:02
    je rentre mon fichier une fois que je
  • 00:46:04
    suis certain que c'est celui-ci encore
  • 00:46:05
    une fois en bas à droite je clique sur
  • 00:46:07
    Sélectionner et je vais pouvoir le
  • 00:46:10
    publier sachez ici qu'il est publié sur
  • 00:46:13
    V internet de la même manière que les
  • 00:46:14
    images il n'est pas rendu publ tant que
  • 00:46:16
    vous le rendez pas en document à
  • 00:46:17
    télécharger une fois que ca est fait je
  • 00:46:20
    cque sur Mettre à jour et je vais
  • 00:46:22
    pouvoir
  • 00:46:23
    revenir sur ma page inscription
  • 00:46:27
    retourner dans mes documents à
  • 00:46:28
    télécharger et là on voit il vient
  • 00:46:30
    d'arriver le fichier qui s'est mis ici
  • 00:46:32
    donc nous on vous invite à à pouvoir
  • 00:46:34
    soit le faire étape par étape ou
  • 00:46:35
    simplement téléverser l'ensemble des
  • 00:46:37
    fichiers et l'ensemble des articles
  • 00:46:39
    comme la manipulation qu'on a vu
  • 00:46:40
    précédemment dès le début ça vous permet
  • 00:46:43
    directement d'avoir d'avoir de ne pas
  • 00:46:46
    avoir à revenir en arrière une fois que
  • 00:46:47
    vous ajoutez vos blocs donc ici mon
  • 00:46:50
    bulletin d'adhésion une fois que je
  • 00:46:51
    clique il passe à droite donc il est bel
  • 00:46:52
    et bien rentré je peux aller
  • 00:46:55
    prévisualiser pour voir ce que ça donne
  • 00:46:58
    et là on voit bien mon document
  • 00:46:59
    d'adhésion mon bulletin d'adhésion
  • 00:47:01
    osmose et quand on clique sur
  • 00:47:03
    Télécharger hop le téléchargement se
  • 00:47:05
    lance et le bulletin se rend directement
  • 00:47:08
    dans le le fichier de téléchargement des
  • 00:47:10
    utilisateurs et des internautes donc je
  • 00:47:13
    suis pleinement satisfait de ma page je
  • 00:47:15
    peux donc la mettre à jour et clôturer
  • 00:47:18
    cette partie sur le la page
  • 00:47:21
    inscription vérifions si sur notre site
  • 00:47:23
    il n'y avait pas d'autres d'autres
  • 00:47:25
    informations si on a avvez le les
  • 00:47:27
    avantages liés à l'adhésion donc on va
  • 00:47:29
    on va le rentrer on va le rentrer
  • 00:47:34
    également ici le bulletin d'adhésion on
  • 00:47:36
    est sur un bloc texte je vais mettre ici
  • 00:47:40
    mon bloc document à télécharger en gris
  • 00:47:42
    donc je vais mettre en blanc pour
  • 00:47:43
    pouvoir jouer un peu sur le sur
  • 00:47:46
    l'enchaînement et je vais aller chercher
  • 00:47:48
    mon texte donc ici les
  • 00:47:55
    avantages li à la
  • 00:47:59
    je vais
  • 00:48:01
    pouvoir rentrer mon texte ici comme vous
  • 00:48:05
    le voyez j'aimerais bien étant donné
  • 00:48:07
    qu'on a une une succession
  • 00:48:09
    d'informations mettre une petite liste à
  • 00:48:11
    puce cela soit plus
  • 00:48:16
    agréable voilà on va aller encore une
  • 00:48:18
    fois prévisualiser pour toujours
  • 00:48:20
    vérifier si ça me convient et ça me
  • 00:48:24
    convient on voit bien l'enchaînement ici
  • 00:48:25
    blanc gris blanc gris qui peut être
  • 00:48:27
    intéressant pour bien comprendre quel
  • 00:48:30
    bloc correspond au quel et donc je suis
  • 00:48:34
    pleinement satisfait de cette page je la
  • 00:48:36
    mets à jour et euh ma section
  • 00:48:38
    inscription comme on peut le voir est
  • 00:48:41
    bien intégrée ici avec l'ensemble des
  • 00:48:43
    informations que je souhaitais
  • 00:48:50
    rentrer j'en profite ici pour vous
  • 00:48:52
    montrer une autre fonctionnalité euh des
  • 00:48:54
    sites structures et du qu'on peut
  • 00:48:56
    trouver directement dans le back office
  • 00:48:58
    euh l'idée ça va être de pouvoir créer
  • 00:49:00
    un bouton donc typiquement dans cette
  • 00:49:02
    zone de texte où vous parlez de
  • 00:49:03
    l'affiliation à la Fédération français
  • 00:49:05
    sport pour tous et vous pourrez mettre
  • 00:49:07
    cette fonctionnalité peu importe le
  • 00:49:08
    texte que vous rentrez vous allez avoir
  • 00:49:10
    la possibilité de créer un bouton donc
  • 00:49:13
    par exemple ici dans la mesure où je
  • 00:49:15
    parle de la FD l'idée va être de pouvoir
  • 00:49:18
    rentrer rentrer un texte qui sera le
  • 00:49:21
    texte du bouton donc par exemple
  • 00:49:24
    accéder au site web fédéral une fois que
  • 00:49:28
    cela est fait vous allez pouvoir
  • 00:49:29
    sélectionner en cliquant glissant sur
  • 00:49:32
    votre zone de texte vous allez pouvoir
  • 00:49:34
    ajouter un lien ici insérer ou modifier
  • 00:49:37
    un lien vous allez avoir un URL donc ici
  • 00:49:39
    je rentre l'URL de mon choix pour le
  • 00:49:41
    coup comme il s'agit du site web fédéral
  • 00:49:44
    je rentre l'URL du site web j'appuie sur
  • 00:49:46
    Appliquer une fois que cela est fait
  • 00:49:49
    vous allez voir que qu'ici ça devient un
  • 00:49:51
    lien cliquable donc je vais encore une
  • 00:49:52
    fois sélectionner retourner dans mon
  • 00:49:55
    dans ma partie de traitement de texte
  • 00:49:56
    cliquer sur format et ici cliquer sur
  • 00:49:58
    bouton bleu donc ici vous allez voir que
  • 00:50:01
    ça nous crée un bouton je vais aller
  • 00:50:03
    prévisualiser pour vous montrer ce que
  • 00:50:04
    ça
  • 00:50:05
    donne donc on voit bien ma page qui est
  • 00:50:08
    construite comme je l'avais souhaité et
  • 00:50:10
    ici un bouton qui se crée avec la
  • 00:50:13
    possibilité dès que je clique d'accéder
  • 00:50:15
    au site Web
  • 00:50:18
    fédéral ici on a bien vu que dès lors
  • 00:50:22
    que j'ai cliqué sur le bouton ça m'a
  • 00:50:23
    sorti de mon site internet d'où
  • 00:50:25
    l'intérêt de PIR cliquer sur Ouvrir dans
  • 00:50:27
    un nouvel onglet donc je vais montrer
  • 00:50:29
    comment je fonctionne pour le pour se
  • 00:50:31
    faire on voit également qu'il y a un
  • 00:50:32
    petit espace trop limité et donc une
  • 00:50:35
    mise en page qui n'est pas forcément
  • 00:50:36
    agréable donc je retourne dans mon back
  • 00:50:38
    office je vais ici aller faire un espace
  • 00:50:42
    supplémentaire resélectionner mon lien
  • 00:50:44
    et ici on va pouvoir cliquer sur
  • 00:50:46
    Modifier vous allez sur Modifier les
  • 00:50:49
    options du lien sont disponible via le
  • 00:50:51
    petit la petite icône d'engrenage juste
  • 00:50:53
    ici vous cliquez dessus vous intégrez
  • 00:50:57
    ouvrir le lien dans un nouvel onglet
  • 00:50:59
    ensuite vous pouvez mettre à jour je
  • 00:51:01
    vais aller voir à nouveau ce que ça
  • 00:51:02
    donne en prévisualisant les
  • 00:51:06
    modification et donc effectivement mon
  • 00:51:09
    espace s'intègre juste ici et dès lors
  • 00:51:12
    que je clique on voit bien que ça
  • 00:51:13
    m'ouvre une nouvelle page et que ma page
  • 00:51:16
    initiale est toujours
  • 00:51:20
    disponible passons donc désormais à la
  • 00:51:23
    suite en en après les inscriptions on va
  • 00:51:26
    avoir la page
  • 00:51:31
    actualité donc je me rends sur le
  • 00:51:33
    backoffice encore une fois toujours la
  • 00:51:35
    même
  • 00:51:36
    manipe je clique sur actualité et
  • 00:51:39
    modifier encore une fois je rentre mon
  • 00:51:43
    bandeau donc ici je vais rentrer mon
  • 00:51:47
    image on vous invite ici à mettre des
  • 00:51:49
    des images en format paysage pour
  • 00:51:50
    qu'elle puisse être pixelisée le moins
  • 00:51:54
    possible encore une fois le le nom de
  • 00:51:56
    mon club ici ma section qui est la
  • 00:52:00
    section actualité on
  • 00:52:02
    prévisualise je suis
  • 00:52:05
    satisfait donc je peux mettre à jour
  • 00:52:09
    directement et ensuite ajouter mon bloc
  • 00:52:13
    donc ici sur la page actualité du site
  • 00:52:15
    de la guerre
  • 00:52:17
    andaise nous avions un titre nos
  • 00:52:19
    actualités et euh et les vignettes les
  • 00:52:23
    vignettes actualités pardon donc je vais
  • 00:52:26
    je vais aller chercher
  • 00:52:28
    euh ma mise en avant actualité donc
  • 00:52:32
    comme vous voyez les actualités comme
  • 00:52:33
    vous les avez ajouté précédemment sont
  • 00:52:36
    toujours référencés dans ces dans ce
  • 00:52:38
    bloc donc ici je vais mettre mon titre
  • 00:52:41
    nos
  • 00:52:43
    actualité je vais aller choisir mes
  • 00:52:46
    actualités choisir mon ordre encore une
  • 00:52:50
    fois et je peux prévisualiser ici cette
  • 00:52:54
    page je vous l'accorde un peu un rappel
  • 00:52:57
    de ce qui est fait par rapport par
  • 00:52:58
    rapport à la page d'accueil mais ça vous
  • 00:53:00
    permet de rassembler l'ensemble de vos
  • 00:53:02
    activités là où sur la page accueil nous
  • 00:53:04
    vous recommandons de mettre trois à
  • 00:53:06
    quatre actualités qure trois à quatre
  • 00:53:09
    actualités les plus récentes pour
  • 00:53:11
    pouvoir pouvoir justement être pertinent
  • 00:53:14
    mais ici vous pouvez bien entendu
  • 00:53:15
    rassembler l'ensemble de vos
  • 00:53:17
    actualités donc je suis satisfait je
  • 00:53:20
    mets à
  • 00:53:23
    jour et ensuite euh ma page actualité
  • 00:53:27
    est complète vous pouvez encore une fois
  • 00:53:28
    rajouter l'ensemble des blocs que vous
  • 00:53:30
    souhaitez c'est vraiment libre à
  • 00:53:35
    vous donc on le voit bien ici ma page
  • 00:53:37
    actualité a été ajoutée j'ai la
  • 00:53:40
    possibilité de défiler avec les flèches
  • 00:53:42
    donc là j'en ai mis que quatre mais dans
  • 00:53:43
    la mesure où vous en avez 20 on pourra
  • 00:53:45
    aller chercher les actualités les plus
  • 00:53:46
    anciennes
  • 00:53:49
    ensuite je retourne sur mes pages et la
  • 00:53:52
    dernière section ici en tout cas qui est
  • 00:53:54
    dans qui est dans le dans l'entête
  • 00:53:56
    correspond au contact comment intégrer
  • 00:53:59
    le contact on se refait la même manipe
  • 00:54:02
    on clique sur Modifier ici notre section
  • 00:54:06
    encore une fois on
  • 00:54:08
    met notre petite image notre bandeau
  • 00:54:10
    image avec ou sans titre donc notre
  • 00:54:12
    petite image notre titre avec le nom du
  • 00:54:14
    club le sous-titre donc ici on est sur
  • 00:54:18
    Contact et on va pouvoir aller chercher
  • 00:54:21
    un nouveau bloc qui est le bloc
  • 00:54:24
    formulaire de contact donc ce bloc il
  • 00:54:27
    est entièrement automatisé mis à part le
  • 00:54:29
    titre et l'email de réception donc le
  • 00:54:31
    titre on peut rentrer par exemple
  • 00:54:33
    n'hésitez
  • 00:54:34
    pas à nous contacter et l'email de
  • 00:54:39
    réception on va aller chercher bah
  • 00:54:40
    l'email où vous souhaitez recevoir les
  • 00:54:42
    demandes donc ici je vais rentrer mon
  • 00:54:47
    email de
  • 00:54:49
    réception et c'est tout ce qui que vous
  • 00:54:51
    avez à faire vous allez cliquer sur
  • 00:54:53
    Prévisualiser les modifications on voit
  • 00:54:54
    bien le bandeau avec mon titre mon
  • 00:54:57
    sous-titre mon image et ici le
  • 00:55:00
    formulaire de contact donc en fait dans
  • 00:55:02
    la mesure où où quelqu'un souhaiterit
  • 00:55:04
    vous contacter il se rendra sur cette
  • 00:55:06
    sur cet onglet là il rentrera son nom
  • 00:55:08
    son prénom et son email son message et
  • 00:55:10
    vous recevrez directement dans la boîte
  • 00:55:12
    mail la
  • 00:55:14
    demande donc une fois que ça c'est fait
  • 00:55:16
    on en a fini avec l'ensemble l'ensemble
  • 00:55:20
    des section ici on a encore quelques
  • 00:55:22
    détails à régler effectivement on en a
  • 00:55:24
    pas parlé dans un premier temps mais
  • 00:55:26
    mais euh l'ensemble des sites euh
  • 00:55:28
    dispose d'une politique de
  • 00:55:30
    confidentialité et d'un plan ce sont
  • 00:55:32
    deux choses qui sont
  • 00:55:34
    obligatoires de manière légale pour un
  • 00:55:36
    site internet donc euh on va aller
  • 00:55:38
    remplir euh ces informationsl ici vous
  • 00:55:41
    allez sur mention légale euh pour le
  • 00:55:44
    coup je ne l'ai pas fait pour ce site-là
  • 00:55:45
    puisque euh c'est vraiment aux
  • 00:55:47
    dirigeants de club ou du moins au
  • 00:55:49
    gestionnaires du site internet de
  • 00:55:50
    rentrer l'ensemble de ces informations
  • 00:55:52
    dans euh la page mention légale vous
  • 00:55:54
    allez avoir le bloc mention légale ici
  • 00:55:56
    il suffira de rentrer les différentes
  • 00:55:58
    informations de votre structure la forme
  • 00:56:00
    juridique le numéro de cette le nom du
  • 00:56:02
    président l'adresse et cetera une fois
  • 00:56:04
    que ce cela sera fait vous n'aurez plus
  • 00:56:06
    qu'à prévisualiser confirmer que tout
  • 00:56:08
    est OK puis mettre à jour donc ça c'est
  • 00:56:11
    vraiment le seul la seule manib qu'on ne
  • 00:56:13
    peut pas faire ensemble puisque je n'ai
  • 00:56:14
    pas l'ensemble des informations
  • 00:56:18
    cependant on va pouvoir faire la
  • 00:56:21
    politique de confidentialité qui est
  • 00:56:23
    parfaitement automatique ici étant donné
  • 00:56:25
    que c'est une page n pas forcment visité
  • 00:56:27
    vous n'êtes pas obligé de mettre le
  • 00:56:28
    bandeau image avecou sans titre nous
  • 00:56:30
    allons faire quand même histoire
  • 00:56:31
    d'habillertoire d'habiller le site
  • 00:56:34
    internet en
  • 00:56:36
    remettant les informations ici je suis
  • 00:56:39
    sur la section politique de
  • 00:56:41
    confidentialité vous ajoutez le bloc
  • 00:56:43
    politique de confidentialité et c'est
  • 00:56:45
    fini c'est parfaitement automatisé ici
  • 00:56:49
    vous pouvez prévisualiser les
  • 00:56:50
    modification on voit bien le bloc avec
  • 00:56:52
    les politiques de confidentialité qui
  • 00:56:54
    est automatiquement généré
  • 00:56:58
    je peux donc mettre à jour et passer à
  • 00:57:00
    la dernière étape qui est le plan du
  • 00:57:03
    site donc ici encore une fois si vous le
  • 00:57:06
    souhaitez vous
  • 00:57:07
    pouvez rentrer le bandeau image avec ou
  • 00:57:10
    sans titre histoire
  • 00:57:14
    d'habiller on est sur la section plan du
  • 00:57:17
    site je vais surjouter un bloc plan du
  • 00:57:19
    site et encore une fois c'est
  • 00:57:21
    entièrement automatisé vous pouvez
  • 00:57:23
    prévisualiser et le plan du site sera
  • 00:57:25
    misut atiquement suivant les différentes
  • 00:57:27
    sections que vous avez
  • 00:57:30
    généré je mets à jour et je peux
  • 00:57:33
    clôturer euh clôturer ce tutoriel pas à
  • 00:57:36
    pas j'espère que celui-ci fut assez
  • 00:57:39
    complet et permet justement de de créer
  • 00:57:41
    un site qui soit qui soit le plus
  • 00:57:44
    agréable possible vous avez bien entendu
  • 00:57:47
    la possibilité de le customiser
  • 00:57:49
    davantage avec l'ensemble des blocs qui
  • 00:57:51
    sont disponibles ici l'idée c'était de
  • 00:57:53
    pouvoir pas à pas créer quelque chose
  • 00:57:55
    qui soit assez intuitif et assez assez
  • 00:57:58
    propre graphiquement donc donc je vous
  • 00:58:02
    remercie pour pour avoir suivi ce
  • 00:58:04
    tutoriel et je vous souhaite une une
  • 00:58:06
    agréable construction de site
Tags
  • website
  • guide
  • back-office
  • configuration
  • best practices
  • visual design
  • automation
  • activities
  • contact form