Worpdress est un gestionnaire de contenu très populaire. Il utilise des scripts pour générer son code HTML. Ainsi, il ne suffit pas de copier coller le bout de code HTML, mais il faut l’introduire au bon endroit.

En version courte,

• Dans Apparence > Editeur de thème, dans le fichier fonctions du thème (functions.php), ajoutez le code suivant à la fin :

function theme_js() {
 wp_enqueue_script( 'macropaiement.com', 'https://www.macropaiement.com/probe/mp_probe.js', array() );
}
add_action( 'wp_footer', 'theme_js' );

• Cliquez “mettre à jour le fichier”
• Dans personnalisé > widget > pied de page > Ajouter widget > HTML personnalisé, ajoutez un titre comme “Pour nous soutenir”, ajoutez le code HTML suivant comme “contenu”:

<p>avec <a href="https://www.macropaiement.com/membership?origin=votresite.com" target="_blank">macropaiement.com</a>
</p>
<div id="macropaiement_probe">
<a href="https://www.macropaiement.com/membership" target="_blank">
<img alt="mp" src="https://www.macropaiement.com/img/icone_mp_nb7.png"/>
</a>
</div>

N’oubliez pas de changer “votresite.com” par le nom (hostname) exacte du site que vous avez déclaré à l’inscription.

• Cliquez sur “Terminer”

En version longue,

L’apparence du site est gérée par des “thèmes” écrits en PHP. Wordpress propose aussi une interface pour injecter du HTML directement, ce sont les “Widgets”.

macropaiement utilise un <div> nommé pour y injecter une balise, de base il contient une image avec un lien. Et pour la faire marcher, il faut charger un fichier javascript.

Il y a plusieurs solutions, la documentation officielle de Wordpress recommande d’utiliser la fonction wp_enqueue_script() à la place d’une simple balise “<script>”. Cela évite de possibles chargements multiples. Ce code doit aller dans le fichier function.php du thème wordpress que vous utilisez.

Dans l’explication du dessus, j’utilise directement celui du thème, il est possible d’utiliser un thème enfant (child theme) pour ne pas avoir à toucher les fichiers d’origine. Les étapes sont décrites ici : Child Themes (en anglais).

Pour injecter la balise image, j’utilise la fonction de création de widget, le logo de macropaiement est pensé pour être situé à côté des logos des réseaux sociaux. Il peut être seul, vous pouvez ajouter tout le code HTML que vous voulez mais autour de la balise “<div d=“macropaiement_probe”>…</div>” décrite au-dessus. Le contenu du div lui-même sera modifié par le script.

Quand un lecteur est logué correctement, il verra le logo avec un “tick” à l’intérieur. C’est nécessaire pour enregistrer son passage sur votre site.

Bienvenue !

Nicolas de Macropaiement.com

• wordpress
• installation
• php