[Plugin] Baby SWD - Les thèmes parents, un jeu d'enfants

Sudwebdesign

Utiliser des thèmes graphiques enfants et parent avec PluXml.

Permet de régler quelques des éléments différemment d'un thème "parent" sans devoir dupliquer son dossier entièrement.

Faire profiter aux enfants des bienfaits apportés aux parents instantanément.

Lire l'article : Baby - Les thèmes parents avec PluXml, un jeu d'enfants.

Télécharger baby

N.b. Il s'agit d'une reprise, impossible de trouver le sujet de l'original sur le forum 😊

cpalo

Bonjour

Le sujet de l'original par J.E Evrard

Ceci est un code d'intégration. Il peut être supprimé en utilisant la touche Supprimer (Suppr) du clavier ou la touche retour. Pour voir l'élément en entier, activez la prévisualisation.

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

je-evrardDec 6, 2016

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 :

[list=*]
[*]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.[/*]
[/list]


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

[list=*]
[*]Un fichier child.css[/*]
[*]Un fichier child.js[/*]
[*]Un fichier child.php[/*]
[/list]


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

---

Afficher la publication

Sudwebdesign

@cpalo, en effet c'est bien basé sur celui-ci, merci a toi et @je-evrard 😉