[Thème] Adaptation du thème par défaut : base 100% , css grid-layout

cpalo

Bonjour,
En attendant de partager mon thème par défaut (d'ici peu) je mets à disposion mes adaptations du thème par défaut. Essentiellement parce que j'ai fait le choix depuis presque toujours d'avoir une font-size de base de 100% (1rem = 16px) et non pas comme beaucoup de frameworks (dont PluCss) (62,5%).
De même j'ai fait le choix de css grid-layout qui offre de nombreuses possibilités pour les gabarits.
Ces deux adaptations conservent les caractèristiques de PluCss et du Theme par défaut au niveau du nommage et de l'utilisation d'une grille de 12 colonnes.
J'ai laissé en commentaires les correspondances avec les valeurs de plucss en 62.5%.

Depuis quelques temps sur le forum on parle de Knacss pour la prochaine version de PluXml. J'attire votre attention que depuis sa mise à jour du printemps, Knaccs a renoncé au 62,5% et a modifié ses breakpoints pour n'en conservé que 3 : 576px, 992px, 1330px.
Petite remarque par rapport au breakpoint traditionnel de 768px : les tablettes ne représentent que 3% de l'utilisation d'internet (53% pour les desktops et 44% pour les mobiles).

Pour télécharger:
https://plusimplexml.fr/static31/resources.
Soyez indulgent pour le site (qui n'a de vocation qu'à être un site de demo) ... je le remets en ligne et republierai progressivement son contenu.

gcyrillus-nomade

Bonjour, le lien est cassé ... ce n'est plus le cas, désolé ..

cpalo

L'adresse du site est correct.. accessible si on la charge directement via un navigateur.
C'est lorsque sur le forum dans un post et que j'utilise le bouton insérer une url.

[https://plusimplexml.fr/static31/resources](http://https://plusimplexml.fr/static31/resources "https://plusimplexml.fr/static31/resources").

Une erreur de ma part lorsque j'ai utilisé ce bouton.
https://plusimplexml.fr/static31/resources

[https://plusimplexml.fr/static31/resources](https://plusimplexml.fr/static31/resources "https://plusimplexml.fr/static31/resources")

gcyrillus-nomade

Un joli et une belle somme de travail en tout cas, merci pour le partage.

celsabird

oui j'ai vu merci

entropie

Très intéressant !

J'ai aussi en projet de faire un thème pour PluXml, j'aimerais beaucoup faire quelque chose de très minimaliste, épuré avec beaucoup d'attention sur les détails (boutons/ animations/icônes/fonts/couleur/mode sombre) car c'est vraiment l'aspect visuel que j'aime travailler.

Est-ce qu’éventuellement ce sera envisageable de partir de ce que tu proposes ? Et de pouvoir le repartager ensuite ?

Au passage, tu le sais peut-être, mais j'ai remarqué que tu as des fonts qui ne se chargent pas

bazooka07

Bonjour @cpalo,

Attention aux majuscules/minuscules dans les noms de fichiers !
Windows ne fait pas la différence mais les serveurs sur Internet tournent sous Linux (heureusement) et les fichiers de polices deviennent introuvables.

cpalo

Bonjour@bazooka07
Merci pour cette remarque dont je vais tenir compte.
je suis en train de finaliser mon thème.. mais à vitesse escargot!! car d'autres impératifs également.
Et justement je suis entre autre à l'étape de correction de ma convention de nommage... et j'avais éliminé la plupart des majuscules
Exemples:
blockgroup-SiteHeader --> blockgroup site-header ou bg-site-header
OpenSans-Regular --> opensans-regular

Bonjour@entropie
Parmi ces deux thèmes que je finalise il y en a un qui est justement une thème minimalist servant de point de départ.
Pour le partage, comme de nombreux thèmes et plugins, il suffit de respecter la licence mentionnée. Et au minimum cela implique la mention de l'auteur.
Pour le problème que tu soulèves, il y a du y avoir un problème de version que je vais corriger
car sur le serveur : fonts/opensans/opensans-regular.woff2
mais dans le fichier simpleplutheme-100.css, j'ai oublié d'apporter la correction (que j'ai bien faite en local)

@font-face {
    font-family: 'OpenSans';
    font-style : normal; 
    font-weight: 400; /* normal */   
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular.woff') format('woff');  
}

src: url('../fonts/opensans/opensans-regular.woff2') format('woff2'),
         url('../fonts/opensans/ opensans-regular.woff') format('woff');