Vous voulez pouvoir intervenir sur votre thème sans jamais retoucher votre code HTML ? (1/4)

27/08/2012 18:22

Overblog nos le permet grâce à certaines balises <META> qui vont définir des variables personnalisées d'affichage. Nous restons toujours dnas le HTML mais pour une fois, il suffit de préparer ce que l'on souhaite afficher en amont pour avoir un petit formulaire dans l'admin pour remplacer nos éléments d'affichage sans avoir à revenir sur notre code.

Le principe:

Dans la section <HEAD></HEAD> de notre thème nous allons déclarer un élément que nous pouronns à loisir modifier, par exemple un texte d'introduction. Ilnous faut d'abord déterminer le type d'objet variable à afficher sur nos pages , dans cet exemple ce sera un texte.

Comme il s'agit d'un texte d'introduction à afficher par exemple en début de chaque page je vais déclarer ce texte de la manière suivante dans mon <HEAD></HEAD> :

<HEAD>
    [...]
	<meta name="string:mon_intro_texte:Inroduction" default="Lorem ipsum..." group="Texte de présentation par Bruno" />
</HEAD>

Vous pourrez voir comme ci-dessous ce qu'il se passe lorsque vous êtes en mode modification de votre thème:

Vous voulez pouvoir intervenir sur votre thème sans jamais retoucher votre code HTML ? (1/4)

Ensuite il vous faudra au bon endroit, dans votre thème, afficher cette intro de la manière suivante:

{% if Custom('mon_intro_texte') is not empty %}
    <p>{{Custom('mon_intro_texte')}}</p>
{% endif %}

A chaque fois que dans l'admin de votre thème vous changerez cette valeur , elle sera automatiquement modifiée sur votre blog sans aucune intervention de votre part, voir image ci-dessus.

J'irais plus loin sur ce sujet, qui va aussi nous permettre de changer dynamiquement des images de notre thème, d'afficher son la langue de l'internaute, des textes dans différents langages, de modifier selon la saison ou de notre humeur les couleurs de notre blog etc.

A suivre.