{{ :blocks:logo-apl.png?nolink |}} ===== Klassplace : Un thème flat design : Page d'accueil ===== ====A propos des sections ou panneaux en page d'accueil ==== Ce menu permettant de faire les réglages des panneaux de la page d'accueil du thème, chaque réglage est organisé par panneau ou "section". **attention :** on ne parle pas ici de la page d'accueil standard de Moodle **Accès :** admin du site/présentation/thème/Klassplace/page d'accueil Le choix d'affichage ou non de chaque section ou panneau etl' ordre d'affichage sont précisés ici : [[theme:klassplace:userguide:structure|Choix des sections à afficher]] ---- ====Panneau Slider ==== Ce panneau ou section permet de faire afficher un diaporama de 1 à 6 images au choix. La hauteur du carrousssel est réglable : de 175 pixels, 200 pixels, 225 pixels etc. jusqu'à à 600 pixels de hauteur. -->Vous choisirez donc vos illustrations avec soin, en fonction de la hauteur souhaitée, et de préférence des images optimisées en poids, ce qui est une bonne pratique en matière d'administration Moodle. Chaque illustration présente optionnellement : * Titre * Lien URL pour chaque image * Entête (qui est un sous-titre) ===Exemple de rendu === {{ :theme:klassplace:userguide:03-slider.png?nolink&600 |}} ---- ====Panneau des réseaux sociaux==== Ce panneau s'étale sur la largeur de la page. Il affiche les icône sociales et le tél contact sur une barre horizontale de la couleur de votre choix. * **Pour chaque lien vers un réseau social :** FB, Twitter, Google+, Pinterest, Instagram, Youtube, Flickr, Whatsapp, Skype, Linked'in * Affichage : Oui ou Non pour chaque lien social * URL : Adresse web du réseau social * Contact : Un numéro de téléphone ===Exemple de rendu === {{ :theme:klassplace:userguide:02-liens-sociaux-contact.png?nolink&800 |}} ---- ====Panneau de bienvenue==== Ce panneau s'étale sur la largeur de la page. Il présente les éléments suivants : * Titre, * Accroche, * Textes et liens url de un ou deux boutons, au choix. ===Exemple de rendu === {{ :theme:klassplace:userguide:04-annonces.png?nolink&800 |}} ---- ====Panneau académique ==== Ce panneau ou section présente * Trois ligne de textes, * Une image carrée par exemple 800px par 800px affichée à gauche, * Et jusqu' à six items pour saisir un texte avec un lien. Lignes de textes : * Accroche en ligne 1 * En tête en ligne 2, c'est le titre principal * Description en ligne 3 Pour les 6 items : * Item de bienvenue x: texte au choix * Lien de l'item x: Lien url au choix * Condition d'affichage : Voir [[theme:klassplace:userguide:moteur|Moteur d'affichage]] ===Exemple de rendu === {{ :theme:klassplace:userguide:academic-welcome2.png?nolink&600 |}} ---- ====Boites de contenus customisés==== Cette section permet de présenter de 4 à 8 spots marketing. Ces boites n’ont pas de liens elles sont faites pour de petits contenus éditoriaux. * Titre de boîte : Titre du spot * Icône : Icône fa appelée - Exemple: fa-square - Si cet élément n'est pas renseigné l'icône n'apparaitra pas * Description : rédactionnel de votre choix * Condition d'affichage : Voir [[theme:klassplace:userguide:moteur|Moteur d'affichage]] ===Exemple de rendu === Notez que la couleur de fond de chaque zone change au passage de la souris sur la zone, tel que la capture écran ci dessous sur la vignette 1. {{ :theme:klassplace:userguide:06-section-personnalisees.png?nolink&800 |}} ----- ====panneau des évènements==== ===Panneau=== * Accroche : Accroche pour le panneau * Titre : Titre du panneau * Image de l'évènement par defaut : Image pour tous les évènements, si une image personnalisée n'est pas glissée pour chaque évènement individuel. ===Pour chaque évènement=== * Afficher l'événement x : Oui/non * Image de l'événement x : Glisser une illustration, la taille optimale est 375px × 330px * Jour : optionnel * Mois et année : Optionnel * Titre : Titre de l'évènement * URL : lien de votre choix * lieu : Optionnel * Description : Contenu textuel * Plan : Optionnel , exemple : "Voir sur la carte" * Url du plan : Lin vers le plan (google map ou autre) * Tarif x : optionnel, si évènement payant * Url d'achat direct x : Si vous avez la boutique en ligne Moodle par APL - Optionnel * Condition d'affichage : Voir [[theme:klassplace:userguide:moteur|Moteur d'affichage]] ===Exemple de rendu === {{ :theme:klassplace:userguide:08-evenements.png?nolink&600 |}} ------- ====Panneau des indicateurs ==== Les indicateurs sont des graphes statistique émis par certains plugins compatibles avec le panneau des indicateurs du thème Klassplace * tagline : Accroche * En-tête : Titre du panneau * Description * Image ===Pour chaque indicateur === * Titre x : Titre de l'indicateur * Indice du graphe x :Indice du graphe dans les résultats d'un plugin qui fournit des indicateurs statistiques. Certains plugins implémentent la fourniture d'indicateurs statistiques. (Ex. : block_course_notification:1). Se référer à la docmentation de ces plugins. * Surcharge de valeur x : Défaut : 98 . Si cette valeur est définie, alors un graphe alternatif avec cette valeur fixe est affiché. * Url alternative x : Si cette valeur est définie, alors l'image pointée par l'URL sera affichée à la place du graphe * Condition d'affichage : Voir [[theme:klassplace:userguide:moteur|Moteur d'affichage]] ---- ====Panneau des cercles==== Ce panneau permet d'afficher images ou illustrations type trombinoscope dans des cercles jusqu'à 9 , avec : * Image de fond , Titre et texte d'accroche * Puis pour chaque cercle à afficher : image, texte, URL, Fonction ou autre texte au choix, score, commentaire qui apparait dans une bulle façon bd. ===Exemple de rendu === {{ :theme:klassplace:userguide:09-section-cercles.png?nolink&500 |}} ----- ====Panneau barre d'images ==== Ce panneau permet d'afficher des logos de clients, de partenaires, des illustrations sur de la pédagogie, ce que vous voulez en fait. De 1 à 9 images. ===Pour chaque image=== * Image : 200px par 200px * Url : lien sur l'image * Condition d'affichage : Voir [[theme:klassplace:userguide:moteur|Moteur d'affichage]] ===Exemple de rendu=== {{ :theme:klassplace:userguide:07-logos.png?nolink&600 |}} ====Couleurs en page d'accueil ==== Ajout d'un sélecteur de couleur pour les sections de la page d'accueil suivante: * Bar de navigation de contact. * Section d'annonce. * Section des boites customisables. * Section des logos clients. ---- ==== Crédits ==== * Valéry Frémaux (valery@activeprolearn.com)- Développement et optimisation du code * Florence Labord (florence@activeprolearn.com) : Documentation et qualification fonctionnelle [[theme:klassplace|Index du thème]] - [[theme:klassplace:userguide|Index guide d'utilisation]] - [[:Plugins|Revenir à l'index des plugins]] - [[:start|Revenir au catalogue]]