====== SILENE - GeoNature : Organisation du CMS ====== ===== Choix du thème ===== Simple. Nous reprenons le graphisme du site web actuel en version //responsive design//. Nous verrons ultérieurement pour le faire évoluer.\\ L'utilisation de //Underscores// semble intéressante pour notre besoin actuel de reprise de l'existant. Ceci dit //Underscores// n'inclue pas //Bootstrap 4// par défaut. Or, l'utilisation de ce framework CSS nous ferait gagner du temps car il facilite la réalisation d'un design //responsive//. //Understrap// se basant sur //Underscores// et incluant //Bootstrap 4// et //Fontawesome// de base semble plus intéressant. ==== Thème ==== * [[https://wordpress.org/themes/understrap/|Understrap]] [10 000+ dwl] - utilise Bootstrap4 et Underscores (pour les développeurs). [[https://github.com/understrap/understrap|Dépôt Github]]. * [[https://underscores.me/|Underscores]] : thème de base pouvant être modifié avec [[https://github.com/Automattic/_s|un dépôt Github]]. * [[https://colorlib.com/wp/free-bootstrap-wordpress-themes/|Liste de 28 thèmes OpenSource gratuit basé sur Bootstrap]] : déjà utilisé [[https://wordpress.org/themes/dazzling /|Dazzling]] (problème : n'est plus maintenu) et [[https://wordpress.org/themes/sparkling/|Sparkling]]. * [[https://wordpress.org/themes/oceanwp/|Ocean WP]] [500 000+ dwl] - personnalisable ++ (pas forcément simple pour novice). Fonctionne avec Elementor. Très bien noté. [[https://wpformation.com/oceanwp-le-mode-demploi/|Mode d'emploi du thème]]. * [[https://wordpress.org/themes/sydney/|Sydney]] [200 000+ dwl] - * [[https://wordpress.org/themes/flash/|Flash]] [40 000+ dwl] - * [[https://wordpress.org/themes/suffice/|Suffice]] [6 000+ dwl] - assez intuitif ===== Organisation du CMS ===== * Page d’accueil : un texte d’accueil + fil d’actualités – Accès directs depuis la page d’accueil : Charte de SILENE ; accès aux données ; convention type - ONGLET SILENE = Accueil * Menu 1 : présentation de SILENE - ONGLET SILENE = Présentation * Menu 2 : Pilotage (à regrouper avec Onglet 1 ?) - ONGLET SILENE = Pilotage * Menu 3 : Partenaires (le réseau) – affichage des logos des partenaires - ONGLET SILENE = Partenaires * Menu 4 : Accès aux données – statistiques principales de SILENE ; lien vers base de données - ONGLET SILENE = Accès aux données * Menu 5 : Ressources documentaires (documents officiels = Charte, conventions, lien vers protocole SINP + documents de référence en PACA) ? - ONGLET SILENE = Charte + Conventions type * Menu 6 : contacts - ONGLET SILENE = Contact ===== Wordpress en pratique ===== ==== Tests effectués ==== * Ajout logo page d’accueil + modif texte (SINP PACA) * Modification page d’accueil * Modification onglets ==== Questions & réponses ==== * Générales : * Comment mettre les onglets du menu sur une seule ligne ? * Il est possible de modifier le "slogan" du site pour permettre l'affichage du menu sans retour à la ligne. Mais pour garantir cet affichage, il vaudrait mieux réaliser une modification du thème. * Comment enregistrer une couleur personnalisée ? * Dans le thème en CSS. * Comment définir le style des titres ? * Dans le thème en CSS. * Page « Présentation » : * Comment changer la couleur de « Présentation » ? * Dans le thème en CSS. * Comment laisser l'image et le texte sur la même ligne (cf. l’outil, la démarche) ? * Il est possible d'utiliser un bloc "Média et texte". Sinon concernant l'exemple d'une puce à ajouter au titre, c'est à régler dans le CSS du thème. * Comment augmenter la largeur du bloc ? * Certain type de bloc, comme "Média et texte" permettent de changer la largeur du bloc en sélectionnant l'outil "Modifier l'alignement" et en choisissant une option "Grande largeur" ou "Pleine largeur" (=toute la largeur de la page). Si le bloc n'en dispose pas, je suppose que le changement doit être envisageable au niveau du Thème via les CSS. * Page « Le réseau » : * Comment créer un carrousel d'images pour faire défiler les logos des partenaires ? Ajout d’une extension ? * Concernant la page "Le réseau", la création d'un carrousel d'images, si le bloc de type "galerie" ne convient pas, il faudra utiliser une extension. * Profils utilisateurs : * Abonné : possibilité de gérer la configuration de son profil uniquement. * Contributeur : écrire et gérer ses propres publications, sans pouvoir les publier. * Auteur : publier et gérer ses propres publications. * Éditeur : publier et gérer des publications, les siens et celles des autres contributeurs, auteurs et éditeurs. * Administrateur : accès à toutes les fonctionnalités d'administration du site.