serveurs:sinp-paca:cms-theme

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		 Révision précédente
serveurs:sinp-paca:cms-theme [2020/06/25 07:33] – créée jpmilcentserveurs:sinp-paca:cms-theme [2022/03/27 12:29] (Version actuelle) – [CSS additionnel] jpmilcent
Ligne 1: Ligne 1:
 ====== Wordpress - Thème SILENE avec Understrap ====== ====== Wordpress - Thème SILENE avec Understrap ======
  
 +===== Options du thème =====
 +  * Pour adapter le thème //Understrap// à la charte graphique de SILENE, il est nécessaire de paramétrer le thème via l'interface d'administration de la façon suivante : 
 +  * Dans le menu "//Apparence//" > "//Personaliser//" :
 +    * Pour "//Identité du site//", sélectionner :
 +      * sélectionner une image du logo de SILENE de 108px de côté au format PNG
 +      * "//Titre du site//" : Silene
 +      * "//Slogan//" : Système d'Information sur la Nature et les Paysages en Provence-Alpes-Côte d'Azur
 +      * "//Icône du site//" : sélectionner une image transparent de 512px de côté.
 +    * Pour "//Menu//", nous utilisons actuellement seulement le "Menu principal".
 +    * Pour "//Widgets//" > "Pied pleine page" :
 +      * Ajouter une image contenant la frise SILENE de pied de page.
 +    * Pour "//Réglage de la page d'accueil//", sélectionner :
 +      * "//La page d'accueil affiche//" : une page statique.
 +        * "//Accueil//" : Bienvenue sur Silene
 +        * "//Page des acticles//" : Actus 
 +    * Pour "//Paramètres du layout//", sélectionner :
 +      * pour la "Largeur du conteneur" la valeur "** Conteneur de largeur fixe **".
 +      * pour "Positionnement des sidebars" la valeur "** Pas de sidebar **"
 +    * Pour "//CSS aditionnel//", ajouter le contenu présent ci-dessous.
 +  * Dans le menu "//Apparence//" > "//Éditeur de thème//" :
 +    * "inc" > "template-tags.php" > "$posted_on" : suppression du libellé (voir [[https://github.com/cbn-alpin/silene-geonature/issues/44#issuecomment-728136688|#44]])
 +
 +==== Modification du theme Understrap ====
 +  * Sur //web-srv//, se connecter au docker : '' ''
 +  * Se rendre dans le dossier ///var/www/html/wp-content/themes/understrap/css// : ''cd /var/www/html/wp-content/themes/understrap/css''
 +  * Éditer le fichier //theme.min.css// : '' vi theme.min.css ''
 +    * Commenter : <code css>.aligncenter,.d-block{/*display:block!important*/}</code> 
 ===== CSS additionnel ===== ===== CSS additionnel =====
-Afin d'aller au plus rapide, nous avons corrigé le thème Understrap par défaut en surchargeant les CSS de base.+Afin d'aller au plus rapide, nous avons corrigé le thème Understrap par défaut en surchargeant les CSS de base de la façon suivante :
 <code css> <code css>
 #wrapper-navbar nav.bg-primary { #wrapper-navbar nav.bg-primary {
Ligne 15: Ligne 42:
 #wrapper-navbar #navbarNavDropdown { #wrapper-navbar #navbarNavDropdown {
  background-color: #F8F8F8;  background-color: #F8F8F8;
 + width: 100%;
 } }
 #wrapper-navbar #navbarNavDropdown .nav-link { #wrapper-navbar #navbarNavDropdown .nav-link {
  font-size: 1.2rem;  font-size: 1.2rem;
  color:black !important;  color:black !important;
 +}
 +#wrapper-navbar #navbarNavDropdown .nav-link:hover {
 + color: #A10D59 !important;
 +}
 +#wrapper-navbar #navbarNavDropdown .active .nav-link {
 + background-color: #F7F9EC;
 + color: #97BF0D !important;
 +}
 +#wrapper-navbar #navbarNavDropdown #main-menu {
 + margin-left: 0 !important;
 } }
 #wrapper-footer-full, #wrapper-static-hero { #wrapper-footer-full, #wrapper-static-hero {
Ligne 62: Ligne 100:
 } }
  
-@media (min-width: 576px) { +#wrapper-navbar .navbar .container { 
- #wrapper-navbar .navbar .container { + background-position: 120px center; 
- background-position: 120px top; + background-size: 120px 50px;
- background-size: 65% 110px;+
  background-repeat: no-repeat;  background-repeat: no-repeat;
- background-image: url(https://cms.silene.eu/wp-content/uploads/2020/02/1-bandeau-mele.jpg)+ background-image: url(https://cms.silene.eu/wp-content/uploads/2020/10/SINP-2020-RVB-fond-blanc.jpg) 
 +} 
 + 
 +@media (min-width: 576px ) { 
 + #wrapper-navbar .navbar .container { 
 + background-position: 120px center; 
 + background-size: 65%; 
 + background-repeat: no-repeat;  
 + background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/1-bandeau-mele_sinp_petit.jpg) 
 + } 
 +} 
 + 
 +@media (max-width: 767.98px) { 
 + #footer-full-content .footer-widget { 
 + background-size: 100%; 
 + background-image: url(https://cms.silene.eu/wp-content/uploads/2022/03/bottom_cms_logos_med-nouveauLogos_small.png); 
 + height: 91px; 
 +    background-repeat: no-repeat; 
 +    background-position: center; 
 + } 
 + 
 + #footer-full-content .footer-widget img { 
 + display: none;
  }  }
 } }
Ligne 73: Ligne 132:
 @media (min-width: 768px) { @media (min-width: 768px) {
  #wrapper-navbar .navbar .container {  #wrapper-navbar .navbar .container {
- background-size: 100% 110px;+ background-position: 121px -6px; 
 + background-size: 80% 110px; 
 + background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/1-bandeau-mele_sinp.jpg); 
 +
  -webkit-flex-wrap: wrap;  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;  -ms-flex-wrap: wrap;
Ligne 87: Ligne 149:
  #wrapper-navbar #navbarNavDropdown .nav-link {  #wrapper-navbar #navbarNavDropdown .nav-link {
  font-size: 1rem;  font-size: 1rem;
 + }
 +
 + #footer-full-content .footer-widget {
 + background-size: 100%;
 + background-image: url(https://cms.silene.eu/wp-content/uploads/2022/03/bottom_cms_logos_med-nouveauLogos.png);
 + height: 91px;
 +    background-repeat: no-repeat;
 +    background-position: center;
 + }
 +
 + #footer-full-content .footer-widget img {
 + display: none;
  }  }
 } }
Ligne 109: Ligne 183:
  background-color: #EFE0E9;  background-color: #EFE0E9;
 } }
 +
 +/* Silene Expert et Nature */
 +.img-silene-nature img:hover {
 + background-color: #F7F9EC;
 + border-color: #97BF0D;
 +}
 +.btn-silene-nature {
 + background-color: #96C11F;
 + border-color: #96C11F;
 + font-weight: bold;
 +}
 +.btn-silene-nature:hover {
 + color: #97BF0D;
 + background-color: #F7F9EC;
 + border-color: #97BF0D;
 +}
 +.img-silene-expert img:hover {
 +  background-color: #EFE0E9;
 + border-color: #A10D59;
 +}
 +.btn-silene-expert {
 + background-color: #A10D59;
 + border-color: #A10D59;
 + font-weight: bold;
 +}
 +.btn-silene-expert:hover {
 + color: #A10D59;
 + background-color: #EFE0E9;
 + border-color: #A10D59;
 +}
 +
  
 /* Gallerie de Logos */ /* Gallerie de Logos */
-.gallery-logo .thumb {+.silene-thumb { 
 + height: 180px 
 +} 
 +.silene-thumb img { 
 + max-height:160px;
  border: 1px solid #dee2e6;  border: 1px solid #dee2e6;
  border-radius: .25rem;  border-radius: .25rem;
 + padding: .25rem;
 } }
-.gallery-logo .thumb img { +.silene-card { 
- max-height:200px;+ border: 1px solid #dee2e6; 
 + border-radius: .25rem; 
 + padding: 1em; 
 +} 
 + 
 +/* Articles */ 
 +.cat-links { 
 + display: none; 
 +} 
 +.updated { 
 + display: none; 
 +} 
 + 
 +.byline { 
 + display: none;
 } }
 </code> </code>
  • serveurs/sinp-paca/cms-theme.1593070430.txt.gz
  • Dernière modification : 2020/06/25 07:33
  • de jpmilcent