Le Composant

Un composant est un fichier PHP contenant deux éléments nécessaires à son fonctionnement.

Structure de données

Le premier élément est sa structure de données, c’est du JSON contenant une définition simple des champs à ajouter.

<?php
/*
Template Name: Code
Description: WordPress Grid, double col, single title
---------------------------------------------------------------------
{"type": "editor", "name": "Content", "slug": "content"}
---------------------------------------------------------------------
*/
?>

Ce JSON va définir les champs qui vont être ajoutés à l’administration des contenus. A chaque ajout d’un composant, les champs s’ajouteront automatiquement. Il est possible d’ajouter autant de composants que nécessaire, il n’y a pas de limite.

Rendu HTML

Le composant intègre également son propre rendu. Un intérêt propre à WPComponent, avoir structure et rendu sous les yeux simultanément.

Le JSON défini par exemple un contenu « my_content ». Dans l’HTML the_wpcomponent(‘my_content’) va renvoyer la donnée enregistrée.

<section class="component _code -content">
	<div class="inner">
		<?php the_wpcomponent( 'content' ) ?>
	</div>
</section>

Résultat

<?php
/*
Template Name: Code
Description: WordPress Grid, double col, single title
---------------------------------------------------------------------
{"type": "editor", "name": "Content", "slug": "content"}
---------------------------------------------------------------------
*/
?>
<section class="component _code -content">
	<div class="inner">
		<?php the_wpcomponent( 'content' ) ?>
	</div>
</section>