PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 06/12/2016 10:28:52

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

[SPXCHILDTHEME] : création de thème enfants

Ce plugin va vous permettre de créer des thèmes enfants de vos thèmes préférés. Un peu à la manière de wordpress mais en beaucoup plus simple.

Plus d'infos sur thèmes parents enfants ici : theme-enfant-wordpress

L'idée est d'avoir un thème parent et un thème enfant dans le dossier themes de pluxml :

  • le thème enfant surcharge le css et/ou js du thème parent.

  • C'est le thème enfant qui est le thème sélectionné.

  • La mise a jour du parent n'a aucune influence puisque la surchage est faite dans le thème enfant.


Pour que ça fonctionne il faut installer ce plugin. Aucune configuration au niveau du plugin lui même.

Mise en place du theme enfant :

Nous créons un dossier enfant dans themes themes/childdefault/
Exemple : Dans le dossier childdefault et à la racine vous créer les fichiers suivants

  • Un fichier child.css

  • Un fichier child.js

  • Un fichier child.php


Pour les deux premiers c'est facile vous mettez respectivement votre css et javascript pour forcer le thème parent.

Pour child.php vous éditez et vous mettez le nom du dossier de votre parent :

[== PHP ==]
<?php define('PLX_PARENT_THEME', 'defaut'); ?>

Mise en place du theme parent :

Nous allons maintenant rajouter deux hook dans le header du thème parent pour qu'il prenne en compte le css et js de l'enfant

Dans le thème default (parent) ouvrez le header.php:

On commence par le css, à la place de :

[== PHP ==]
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/plucss.css" media="screen"/>
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/theme.css" media="screen"/>

Vous ajouter le hook en dessous ce qui donne :

[== PHP ==]
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/plucss.css" media="screen"/>
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/theme.css" media="screen"/>

<?php echo ($plxShow->callHook('spxchildtheme::getcss')); ?>

       
Puis le javascript :

[== Indéfini ==]
<?php echo ($plxShow->callHook('spxchildtheme::getjs')); ?>

Il existe une deuxième solution plus simple pour le css

dans child.php vous éditez et vous rajouter la constante suivante :

[== Indéfini ==]
<?php define('PLX_PARENT_THEME_PLUGIN_CSS', 'true'); ?>

Le css sera chargé directement dans le thème parent via: <?php $plxShow->pluginsCss() ?>. Dans ce cas vous n'avez pas à mettre le hook spécifique (spxchildtheme::getcss) dans le thème parent.

Ne pas oublier d'activer le thème enfant et non le thème parent !

Simple non ?

Un sample de thème a été créé : ici

spxchildtheme version 1.0

Niveau d'usage : facile

Compatible  : pluxml 5.4 - 5.5

Dernière modification par je-evrard (06/12/2016 14:54:30)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#2 06/12/2016 22:20:35

DjbWebmaster
Membre
Inscription : 13/07/2012
Messages : 298

Re : [SPXCHILDTHEME] : création de thème enfants

Superbe bonne idée, j’utilisai ce système sur WP

je vais tester  big_smile


Mon labo de templates/Plugins pour le CMS PluXml http://nextum.fr
Templates PluXml et Framework SASS Compass pour PluXml: http://libertea.fr
-----------------------------------------------------
Intégrateur HTML5 https://psd-html.fr
Coming soon http://psdtohtml5.fr
-----------------------------------------------------

Hors ligne

#3 07/12/2016 09:33:36

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXCHILDTHEME] : création de thème enfants

Héhé. Le plugin est simple pour le moment puisqu'il ne gère que la surcharge css + js. Je compte rajouter la surcharge de template par la suite (surcharge ou ajout d'ailleurs). Si vous avez des idées d'amélioration n'hésitez pas à me le faire savoir.

a+

jéjé

Dernière modification par je-evrard (07/12/2016 09:34:01)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#4 08/12/2016 02:13:10

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 550
Site Web

Re : [SPXCHILDTHEME] : création de thème enfants

Bonne idée mais dans wordpress, c'est bien le fichier du template qui est remplacé par celui de l'enfant. Il n'y a aucune modification à apporter sur les fichiers du thème original.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#5 08/12/2016 15:43:48

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 137
Site Web

Re : [SPXCHILDTHEME] : création de thème enfants

@jerry : 100% d'accord avec toi, a cogiter donc. Pour le css ça peut deja l'etre, mais pas pour le javascript effectivement (pour l'instant).

Dernière modification par je-evrard (08/12/2016 15:44:36)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés