Un grand merci à Luiggi et à Daniel : vous avez vu
juste, il s’agit bien du plugin « format_buttons». Je l’ai
essayé sitôt que j’ai reçu votre message et en peu de temps, j’ai réussi à
obtenir une présentation type CNED. Cela m’a particulièrement plu parce que ce
plugin a résolu un problème qui me dérangeait depuis la rentrée scolaire (j’habite
à Wallis et Futuna et notre rentrée a lieu en février) : Je n’avais pas
trouvé le moyen de n’afficher qu’une section à la fois. Sur leur tablette, les
élèves arrivaient à faire défiler la liste des sections et c’était
impressionnant pour eux. J’avais inventé un petit stratagème en incluant mes
scorms à partir de la section 10 et en les appelant aux sections initiales au
moyen d’une étiquette, avec une image associée à un hyperlien vers la section
concernée. Mais ils pouvaient encore dérouler le cours dès la première séance et voir les sections qui se trouvaient à la fin.
Avec le plugin format_buttons :
plus qu’une section à la fois !
En plus, Luiggi a vu juste avec le bloc html central et le
nom des cours comprenant la numérotation (ce qui permet de gérer leur ordre d’affichage).
Et ce sont bien des étiquettes à l’intérieur des cours qui conduisent vers les
ressources.
En revanche, ce qui m’a pris du temps pour vous répondre, c’est
l’autre partie de la réponse : le thème BOOST. Je l’avais toujours négligé
car il ne possède pas de critères dans les « Réglages avancés », juste un
barbare « Code SCSS initial » et un « SCSS brut ». Du coup,
comme vous avez semblé certains qu’il s’agissait de ce thème, je me suis lancé
sur mon Firefox et son « Examiner l’élément » qui se trouve après un
clic droit à un endroit de la page. Et j’ai essayé de me rapprocher de mon
modèle d’exercice de style (le moodle du CNED). Après trois jours, je suis
parvenu au résultat que vous trouverez en pièce jointe. Cependant, cela a été
une rude expérience pour trouver le sélecteur CSS de chaque élément que je
voulais supprimer (d’autant plus que j’ai
un bébé de 17 mois et qu’à Wallis nous ne sommes pas confinés car il n’y a pas
un seul cas de coronavirus ;) ).
/* Suppression du panneau latéral amovible à gauche */
.float-sm-left {
display: none;
}
Le problème est que la liste déroulante est ouverte par
défaut :
body.drawer-ease {
-webkit-transition: margin-left .5s ease,margin-right .5s ease;
-moz-transition:
margin-left .5s ease,margin-right .5s ease;
-o-transition:
margin-left .5s ease,margin-right .5s ease;
transition:
margin-left .5s ease,margin-right .5s ease;
}
/* L'icône cloche: "Le menu des notification" et
la bulle "Le tiroir des messages" */
.fa { display:none;}
/* Modification du « Menu action » */
--> Administration du
site>Présentation>Thèmes>Réglages thème>Éléments du menu
utilisateur
J’aimerais encore supprimer le lien vers « Profile » mais
je n’ai pas encore trouvé
/* Suppression du sélecteur de langue */
Je n’arrive pas encore à le supprimer, pourtant, j’ai vidé
l’encadré qui permet de créer des liens sur cette ligne : « Éléments
du menu personnalisé »
(Administration du
site>Présentation>Thèmes>Réglages thème> Éléments du menu
personnalisé)
ATTENTION: N'essayez pas
.nav-link { display:none;}
car cela
supprime d'autres boutons également
/* Ajout d'une image d'en-tête */
.navbar {
height: 108px;
max-height: 108px;
min-height: 108px;
background-image:
url(http://localhost/moodle/images/header.png);
background-repeat: no-repeat;
background-position: center;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
box-shadow: 0 2px 4px rgba(0,0,0,.08);
position: relative;
display: flex;
align-items: center;
color: #fff;
}
/* Déplacement du corps de la page vers le bas */
#page {
margin-top:108px;
}
/* Ajustements pour le bouton de déconnexion */
nav.navbar .nav.navbar-nav {
background:linear-gradient(to
right,rgba(41,81,128,.8),rgba(113,157,209,.8));
color:#fff;
padding:5px;
padding-right:10px;
border-radius:25px;
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.dropdown {
position: relative;
box-sizing: border-box;
white-space: nowrap;
color: #fff;
list-style: none;
font-size: .9375rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
}
/* Suppression de la barre permettant d’ordonner les cours
de diverses manières */
#block-region-content .dropdown-toggle {
display :none;
}
/* Et tant qu’on y est : suppression du footer (inutile
pour les élèves sur tablette) */
footer#page-footer {display:none;}
Voilà ma tentative de simplifier mon moodle pour le rendre
plus clair pour des élèves sur tablette 10’’. Je précise que je n'ai utilisé la plateforme Moodle CNED que comme modèle de travail. Je n'ai aucune intention de créer un CNED 2 dans le Pacifique ! De plus il faut faire attention à mes lignes de CSS: le scss obtenu n’est
pas du tout optimisé pour l’administrateur. Si vous l’essayez, gardez bien sous
le coude le lien vers la page de réglage du thème boost (pour moi : http://127.0.0.1/moodle/admin/settings.php?section=themesettingboost#theme_boost_advanced).
) : elle vous permettra d’annuler les modifications si
des boutons d’administration ont disparu. Lors d'une de mes tentatives, j'ai fait disparaître tous les boutons de la plateforme: impossible de revenir en arrière car dans les réglages avancés de "Boost", le bouton "Enregistrer les modifications" avait disparu. Après avoir réussi à revenir en arrière (en passant par la base de données MySQL, les fichiers temporaires de Moodledata et mon précieux "Examiner l'élément" de Firefox), j'ai pris le soin d'installer un thème différent sur l'affichage tablette et téléphone portable. Ainsi, j'ai un autre accès à la plateforme Moodle quand j'ai fait disparaître tous les boutons !
Si vous avez des idées pour améliorer mes lignes SCSS, je suis preneur.
En espérant que ce post sera utile à tous ceux qui veulent simplifier Moodle pour les élèves, bon courage à tous ceux qui sont confinés,
Michaël
