DSFR Wordpress vidéo de présentation

Mikael F

26/06/2023

Catégorie

✨

Personnes

Transcription

Afficher la transcription complète de la vidéo

00:00 Bienvenue sur la vidéo de présentation du thème DSFR pour WordPress.

00:17 Je vais vous présenter l'installation et la configuration de ce thème, et par la même

00:21 occasion, nous pourrons de visu constater combien de temps il faut avec ce thème pour

00:25 avoir un site DSFR disponible.

00:27 Il y a deux thèmes disponibles, le parent et l'enfant (child).

00:32 Toujours utilisez l'enfant lors de vos modifications, afin d'éviter d'avoir des surprises lors

00:36 d'une mise à jour du parent.

00:38 Avant d'entrer dans le vif du sujet, je vais effectuer quelques réglages pour la

00:42 homepage et pour l'icône du site, favicon.

01:07 De base, voilà ce qu'on a lorsqu'on active notre thème DSFR.

01:17 Voyons maintenant comment se présente la page de configuration du thème.

01:23 Vous pouvez y accéder soit par la barre d'administration, soit par le menu du back-office.

01:29 Le configurateur du thème est en fait un formulaire qui permet au travers de ces éléments

01:35 une configuration quasi totale du thème DSFR.

01:38 Nous examinerons par la suite chacun de ces éléments constitutifs.

01:42 Dans un premier temps, nous serons amenés à renseigner quelques informations générales

01:51 pour le site.

01:52 Ça sera aussi l'occasion de définir le nom de votre ministère sous la Marianne.

01:57 A chaque changement que nous effectuons, nous constaterons de visu quels effets apparaîtront

02:06 sur nos pages.

02:07 Le target blank, un gros sujet à discussion et chacun a ses raisons de l'utiliser ou

02:34 non.

02:35 Pour ma part, je vous laisse le choix, soit vous choisissez de laisser vos utilisateurs

02:39 choisir par eux-mêmes, soit vous imposez l'ouverture d'une nouvelle fenêtre.

02:43 Bien entendu pour chaque choix, les règles seront respectées.

02:47 Modifions le titre du site ainsi que son slogan et voyons ce que ça donne sur nos pages.

02:56 Nous avons aussi la possibilité de mettre en berne la Marianne lors d'événements

03:18 graves par exemple.

03:19 Voyons le rendu sur nos pages quand on active cette option.

03:23 Vous pouvez aussi configurer cette option via l'interface de WordPress.

03:40 Elle a été intégrée dans ce formulaire pour en faciliter la configuration.

03:44 Option, mettre le titre de la page d'accueil en hacha.

03:49 Vous pouvez si besoin mettre le titre de la page accueil en hacha.

03:52 Maintenant, continuons notre configuration avec l'option masquer la recherche.

04:00 Avec le DSFR, il est possible d'ajouter un second logo à côté de la Marianne.

04:27 Là aussi, cette possibilité est personnalisable sur ce thème.

04:31 Merci.

04:42 Dans ce thème, vous pouvez aussi activer la personnalisation et l'affichage de vos

05:05 différents réseaux sociaux.

05:06 Comme la newsletter partage à 50% le même espace que les réseaux sociaux, je vais afficher

05:23 les deux en même temps.

05:24 Bien entendu, il est tout à fait possible de n'afficher que l'un ou l'autre, ou

05:28 les deux en même temps, comme tel est le cas dans cette vidéo.

05:31 La Création …

05:41 La Création …

06:01 Les options a masqué la liste d'accès rapide et a masqué les

06:31 paramètres d'affichage sont deux options qui sont liées.

06:33 Vous avez la possibilité, via un générateur d'éléments, de configurer chaque lien

06:39 rapide que vous souhaitez.

06:40 Dans ce générateur d'éléments, différentes informations seront à votre disposition pour

06:45 vous aider.

06:46 Pour l'instant, vous n'avez pas besoin de vous préoccuper du générateur d'éléments.

07:12 Comme je le disais précédemment, ces deux options sont liées, ce qui impose une restriction.

07:23 En effet, si l'option "paramètres d'affichage" est activée, celle-ci prend la place du lien

07:28 d'accès rapide 3.

07:29 Pour l'instant, vous n'avez pas besoin de vous préoccuper du générateur d'éléments.

07:53 Concernant les cookies, nous utilisons l'application Tarte au citron.

08:13 Celle-ci nous permet de définir quelles sont les cookies à gérer.

08:16 Tarte au citron est très facile à mettre en place, automatique pour ce thème, et il

08:21 dispose d'une documentation très bien faite.

08:23 Afin de compléter cette option, vous pourrez aussi à tout moment changer le message de

08:29 la pop-up d'entrée des cookies.

08:30 A l'heure actuelle, il existe un bug sur cette fenêtre de message, il ne faut pas

08:35 que le message soit trop court.

08:37 Voyons maintenant comment s'affiche notre système de gestion de cookies sur nos pages

09:01 publiques.

09:27 Sur l'option suivante, comme proposé dans le DSFR, vous avez la possibilité de définir

09:55 des partenaires.

09:57 Il y a deux types de partenaires, les partenaires principaux limités à deux maximums, et les

10:02 partenaires secondaires limités à quatre maximums.

10:05 De la même façon que pour les listes d'accès rapides, un générateur d'éléments vous

10:12 facilite la configuration de cette option.

10:39 [Musique]

10:57 [Musique]

11:21 [Musique]

11:45 [Musique]

11:57 Passons en revue maintenant un des éléments importants de nos pages, les menus.

12:00 Il y a trois types de menus disponibles, menus simples, menus déroulants, et méga-menus.

12:09 Ces menus sont entièrement configurables via le générateur d'éléments.

12:13 Pour cette démo, je vais créer un champ pour chaque type de menu.

12:17 Commençons par la configuration du menu simple, qui correspond en fait à un lien.

12:22 Maintenant, le menu déroulant.

12:47 [Musique]

13:13 [Musique]

13:17 [Musique]

13:20 [Musique]

13:48 Et enfin, le menu méga-menu.

13:50 [Musique]

13:53 [Musique]

13:56 [Musique]

13:59 [Musique]

14:02 [Musique]

14:05 [Musique]

14:33 [Musique]

14:36 [Musique]

14:39 [Musique]

14:42 [Musique]

14:45 [Musique]

15:13 [Musique]

15:16 [Musique]

15:19 [Musique]

15:22 [Musique]

15:25 [Musique]

15:53 [Musique]

15:56 [Musique]

15:59 [Musique]

16:02 [Musique]

16:05 [Musique]

16:08 [Musique]

16:11 [Musique]

16:14 [Musique]

16:15 Maintenant, regardons ce que donnent les menus que nous avons configurés.

16:18 [Musique]

16:47 [Musique]

16:50 [Musique]

16:53 [Musique]

16:56 [Musique]

16:59 [Musique]

17:02 [Musique]

17:05 Vous avez aussi la possibilité d'ajouter des listes de liens à votre site.

17:08 Vous pouvez ainsi créer, si vous le souhaitez, 6 listes de liens.

17:13 [Musique]

17:18 La configuration de ces listes se comporte exactement comme celle des menus ou des liens d'accès rapides.

17:24 [Musique]

17:53 La Création …

18:11 La Création …

18:41 L'activation de l'option "Masquer Back to Top" permet d'afficher un bouton de

18:53 retour en haut de page, sur votre site, dans le cas où votre page est trop longue par

18:57 exemple.

18:58 La gestion des statistiques s'effectue en activant l'option "Masquer les statistiques".

19:20 Il faudra ajouter votre script dans le champ approprié.

19:23 Nous avons ajouté des conditions supplémentaires dans le cas où vous avez des serveurs de

19:28 tests ou de recettes.

19:29 En effet, les statistiques ne seront prises en compte que si le domaine que vous avez

19:34 indiqué correspond au domaine du site actuel.

19:36 Comme cela, vos statistiques ne seront pas envahies par des statistiques non voulues.

19:41 Le message d'alerte fait partie des offres du DSFR, mais vous devrez respecter les consignes

19:49 de celui-ci.

19:50 Celles-ci sont affichées ci-dessous, en tant que note.

20:06 Les liens de l'écosystème constitutionnel est composé de quatre liens obligatoires.

20:18 Vous ne pourrez effectuer que peu d'actions sur cette commande.

20:22 Seule la mise à jour des liens est autorisée.

20:25 Il y a dans le footer une liste de liens appelée "Liste de liens d'obligation légale".

20:36 Cette liste sera à définir en fonction de votre site.

20:39 Toutefois, le DSFR recommande d'avoir obligatoirement certains liens indiqués dans les notes ci-dessous.

20:45 Notez bien que vous ne devez pas mettre de lien vers les paramètres d'affichage ou

20:49 les cookies.

20:50 Ceux-ci sont à configurer directement dans leur commande respective, comme montré dans

20:54 la vidéo.

20:55 La liste de liens est disponible sur notre site.

21:23 La liste de liens est disponible sur notre site.

21:51 Le contenu du message de licence est modifiable, selon vos besoins.

22:14 Toutefois, c'est un élément obligatoire du site et vous ne pourrez pas le masquer.

22:19 Merci.

22:41 Et enfin, pour terminer la présentation des différents éléments du configurateur,

23:07 il y a la possibilité de mettre une description du site dans le footer, juste au-dessus des

23:12 liens de l'écosystème constitutionnel.

23:14 Vous pouvez ainsi mettre une description dans le footer en remplissant le champ ci-dessous.

23:19 Et voilà un site DSFR opérationnel en moins de 25 minutes.

23:34 Un header, un footer, du contenu, et, dans une prochaine version, l'intégration d'éléments

23:40 de contenu du DSFR en tant que widget.

23:42 Un petit oubli de ma part, chaque bloc de commande dispose de son aide personnelle,

24:02 qui est juste un rappel de ce que fait la commande.

24:04 Merci.

24:14 Au revoir.

24:30 Salut.

24:46 Jésus ...

25:15 Merci beaucoup d'avoir visionné cette vidéo, en m'excusant pour les quelques petits couacs

25:22 qu'il y a pu avoir.

25:23 N'hésitez pas à me contacter si vous voulez plus de renseignements, vous avez mes coordonnées

25:28 sur cette page.

Recommandations