Création d'un shortcode PluXml pour afficher un bouton

Rédigé par Djb aucun commentaire

shortcode

Comme vous pouvez le constater sur le framework nous avons une bibliothèque Flaticon visible sur la page: style par défaut.

L'objectif de cet article est double, mettre en place un shortcode mais aussi l'utiliser pour afficher un bouton avec un icône de la bibliothèque Flaticon.

Première étape

Télécharger le plugin SPXSHORTCODES de je-evrard

Deuxième étape

Après l'installation du plugin, il suffit de créer un fichier config.php et le placer à la racine de votre thème.


<?php

function bt_shortcode($atts) {
    extract(shortcode_atts(array(
    	"link"=> '#',
    	"texte"=> 'lien',
    	"symbol"=> 'accepted',), $atts));
  	
  return ' <a href="'.$link.'" class="bt" > <i class="flaticon-'.$symbol.'"> </i>'.$texte.' </a>';

}

add_shortcode('bt', 'bt_shortcode'); 

?>


Création du shortcode avec les attributs suivants :

link="lien de votre bouton"

texte="texte du bouton"

symbol="class du Flaticon", les class sont disponibles sur la page style par défaut

Le shortcode à placer dans vos articles ou pages


  [bt link="http://psdtohtml5.fr" texte="psd to HTML5" symbol="link5"]



Voici le résultat, merci encore à je-evrard

psd to HTML5



Classé dans : Tutoriel, PluXml Mots clés : shortcodes

A propos de l'auteur, Djb:

Fort de notre expérience dans la création et l'intégration de projets web, l'équipe Psd-HTML vous accompagnons dans la définition de votre charte graphique et la réalisation de votre projet Web - Intégrateur chez psd-html.fr

 

Écrire un commentaire