Contenu | Rechercher | Menus

Annonce

DVD, clés USB et t-shirts Ubuntu-fr disponibles sur la boutique En Vente Libre

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 20/02/2021, à 10:02

CM63

Nouveau site : Quel est le CMS ou frame-work utilisé?

Bonjour,

J'aime beaucoup le design du nouveau site, peut-on savoir dans quel CMS ou frame-work il est écrit? Et si c'est Word-press quel est le theme? Car j'apprécie  les fonctionnalités d'élargissement et d'économie d'énergie, j'aimerais mettre cela sur mon site. Merci .


D'sous n'a mis, est-elle avare, frivole ou tellurique?

Hors ligne

#2 Le 20/02/2021, à 11:06

krodelabestiole

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

merci pour le compliment !

c'est du hugo, mais le design est un développement personnel.

les sources sont là :
https://gitlab.com/ubuntu-fr/code/ufr-cms

Hors ligne

#3 Le 20/02/2021, à 11:49

CM63

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

Ok, merci. Je vais voir comment mettre cette fonctionnalité d'élargissement dans un thème Wordpress.


D'sous n'a mis, est-elle avare, frivole ou tellurique?

Hors ligne

#4 Le 21/02/2021, à 10:19

krodelabestiole

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

il faut un thème responsive et bien conçu.

à partir de là on ajoute ou enlève (toggle) juste la classe wide sur l'élément html :

document.querySelector('#switcher-wide').addEventListener('click', function() {
  document.documentElement.classList.toggle('wide')
})

https://gitlab.com/ubuntu-fr/code/ufr-c … /js/app.js

cette classe définit simplement la largeur du contenu body (à ajuster si c'est un autre élément qui structure la page) :

:root {
  --page-narrow: 1080px;
  --page-wide: 1600px;
  --external-margin: 2rem;
}
body {
  /*** falkon fallback ***/
  max-width: var(--page-narrow);
  width: calc(100% - 2*var(--external-margin));
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: min(var(--page-narrow),calc(100% - 2*var(--external-margin)));
  transition: width .8s;
}
.wide body {
  /*** falkon fallback ***/
  max-width: var(--page-wide);
  width: 100%;
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: min(var(--page-wide), 100%);
}

https://gitlab.com/ubuntu-fr/code/ufr-c … s/main.css

(le falkon fallback, c'est parce que le navigateur falkon ne comprend pas la fonction min().)

Hors ligne

#5 Le 21/02/2021, à 14:08

CM63

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

Ok, génial, merci beaucoup!


D'sous n'a mis, est-elle avare, frivole ou tellurique?

Hors ligne