Table des matières
- Apparences et paramètres:
- Modifier les photos
Beaver Builder (suite)
Beaver Builder (à venir)
Ressources libres de droits
Exemples de sites web
Exemples de sites web
Premiers pas avec
Notre thème
Nous tenons à remercier Nicolas Maillé aux TI pour tout le travail effectué afin de développer nos sites web.
Logo de l'en-tête
En-tête
Texte de l'en-tête
Menu principal
Contenu
Pied de page
(Liens rapides)
"Branding"
Non-modifiable
Création du compte Wordpress
1
2
3
Courriel - cliquer sur le premier lien
Cliquer sur le 2e lien pour accéder à votre site en mode édition
Changer le mot de passe
Ajouter cette adresse à vos favoris.
Tableau de bord Wordpress
Bibliothèque de médias
Le chargement peut prendre quelques secondes/minutes.
Il faut parfois patienter afin d'éviter de dédoubler les fichiers.
Bibliothèque de médias
12 Mo = 12 000 Ko
Gestion des dossiers de la bibliothèque
Personnaliser son site
Ajouter des pages, modifier les entêtes, les menus et plus
Changer le titre du site
Ne pas oublier de cliquer sur PUBLIER à la toute fin!
Ajouter des pages
La page créée apparait automatiquement dans les menus.
Il est possible de la supprimer des menus en cliquant sur le X rouge. La page existera encore dans votre site, mais son lien ne sera pas dans les menus.
Hiérarchiser les pages
Cliquer sur ajouter des éléments avant de tenter de les déplacer.
Visualiser le site sur Wordpress
Il est possible d'avoir un aperçu du site tel qu'il apparaitra sur différents supports (téléphone, tablette).
Modifier le contenu d'une page avec
Beaver Builder permet d'ajouter et d'organiser du contenu sur une page web.
Tout d'abord, cliquez "aller sur le site web" et naviguez jusqu'à la page à éditer.
Cliquez sur l'onglet "Beaver Builder" dans la barre d'outils.
Ajouter du contenu
ATTENTION!
Petit détail
TRÈS IMPORTANT!
Ajouter du contenu
Le menu se trouve ici:
Il faut glisser et déposer chaque élément à l'endroit désiré
Ajouter du contenu
Différents éléments sont disponibles dans l'onglet "Modules"
L'onglet "Rangées" permet de séparer chaque rangée en colonnes pour organiser les éléments les uns à côté des autres.
Il est possible d'ancrer le menu dans la colonne de gauche, ce qui permet de mieux voir la page sur laquelle nous travaillons.
Disposition du menu
Ajouter un entête et du texte
Options de texte
Plusieurs options de mise en forme sont disponibles.
Ajouter des photos
Les photos doivent être dans votre bibliothèque de médias.
Créer des colonnes pour organiser du contenu
Ajouter du contenu:
PDF, Word ou autres
Comment accéder à des documents sur une page du site?
- En cliquant sur une image
- En cliquant sur un lien texte (ctrl+K)
- En cliquant sur un "bouton" (icône avec texte)
Vous pouvez donc choisir différentes façons d'ajouter vos documents à votre site web. En fait, vous insérez un lien vers le document qui est hébergé dans la bibliothèque média du site web (et non dans OneDrive ou Sharepoint).
Ouvrir la bibliothèque de médias dans un 2e onglet du navigateur.
Vous devrez naviguer entre BB et la bliblio.
Ajouter un lien dans du texte
Ajouter un lien à une image
Ajouter un bouton pour créer un lien
Intégrer du contenu (avec code HTML)
Exemple avec Canva
Exemple avec YouTube
Intégrer une vidéo
Sway
Où trouver les codes HTML?
Canva
Où trouver les codes HTML?
YouTube
Genially
Visualiser le site sur BB
Il est possible d'avoir un aperçu du site tel qu'il apparaitra sur différents supports (téléphone, tablette).
- Ajouter un dégradé en arrière-plan
- Ajouter une bordure
- Aouter une animation
- Déplacer des éléments
Options d'une rangée
Maintenant que vous avez créé une rangée, il est aussi possible de définir certains paramètres de cette rangée.
Mise en page des entêtes
- Ajouter une image en arrière-plan
- Ajouter un dégradé en superposition
- Modifier la police
Modifier l'apparence des photos
Ajouter des bordures
Modifier l'apparence des photos
- Arrodir les coins
- Ajouter de l'ombrage
Créer des cases cliquables
Dupliquer une colonne
Intégrer un pdf
- Créer des blocs avec des liens vers des pages
- Galerie de photos, diaporama
- Accessibilité - ajouter des légendes ou des descriptions aux éléments médias
- Séparateurs
- Gabarits
- Licences Creative Commons et attributions
À venir...
Pour aller plus loin
Contenu en développement
Bonne chance
