Créer un shortcode avec WordPress

Introduction

Les shortcodes kesako ? C’est assez simple, en fait un shortcode est un peu comme un tag html, il permet de donner du sens et avoir un comportement spécial en fonction des attributs que l’on peut lui donner.

Par exemple si je fais <br/> le navigateur va interpréter ça comme un saut de ligne, si je fais <b>mon texte</b> alors le texte entre les balises b sera mis en gras. Mais toutes ces manipulations sont transparentes pour nous ! Pour un néophyte il ne lui viendrait pas à l’idée que la page actuelle qu’il consulte est en fait une interprétation par le navigateur d’un fichier texte.

Les shortcodes c’est pareil, parfois dans un site WordPress on a des éléments qui sont plus que du texte, une vidéo ou de la mise en forme. On a besoin d’aller chercher dynamiquement, ou non, des informations dans le site pour les afficher. Un shortcode se comporte comme un élément HTML avant interprétation. Vous en avez déjà vu quelque par et nativement dans WordPress il y en à au moins un que vous connaissez : la galerie.

Continue Reading…

WCEU : Between glorified computer interface and ultimate narcissist : finding what the client needs

glorified1

Cet article est la suite de ma retranscription des conférences du WordCamp Europe 2013. Cette fois encore elle fait partie des conférences LEARN, elle s’intitule Between glorified computer interface and ultimate narcissist : finding what the client needs et elle a été présentée par Monica Guerra Leiria ou @jesterstear.

L’oratrice est une ancienne designer, elle est passée par différentes agences et société, son pose a évolué au fur et à mesure du temps.

Continue Reading…

WCEU : The life of a theme

wceu-lifeofatheme

Cet article est la suite de ma retranscription des conférences du WordCamp Europe 2013. Cette fois encore elle fait partie des conférences LEARN, elle s’intitule The Life of a Theme et elle a été présentée par Tammie Lister ou @karmatosed.

Voici le lien vers sa conférence : https://speakerdeck.com/tammielis/the-life-of-a-theme

L’oratrice est, en fait, la designer de plusieurs WordCamp dont le WordCamp Europe !

Continue Reading…

Ajouter un bouton dans l’éditeur WordPress

tinymce

Introduction

Il peut arriver que l’on doive ajouter un bouton dans l’éditeur de WordPress. Cela peut être pour des raisons pratiques comme par exemple quand on a un short un petit peu compliqué à mettre en oeuvre. Par exemple si notre shortcode va avoir des paramètres multiples et compliqués comme un id de post, de catégorie etc… Partons du constat que nous voulons mettre en place un shortcode qui va afficher les derniers articles d’une catégorie et d’un type de contenu en particulier. Nous n’allons pas demander à notre utilisateur de connaître ses id de taxonomie ou de termes et aussi les slugs des types de contenu.

Donc un petit bouton dans l’éditeur peut être utile.

Continue Reading…

JQuery et WordPress

20090715101242!Jquery-logo

Introduction

Souvent dans les plugins et thèmes, le javascript ( jQuery notamment ) à une place assez importante dans les différentes fonctionnalités. Ajax, validation de formulaire, lightbox, sliders etc. toutes ces fonctionnalités utilisent le javascript et donnent à l’utilisateur une impression de plus grande interactivité.

WordPress lui même utilise beaucoup le javascript dans ses fonctionnalités ! Essayer d’aller dans la page de gestion des widgets sans javascript ou en activant le mode accessibilité dans les options de l’écran des widgets… c’est tout de suite moins fun !

WordPress inclus dans ses fichiers jquery, mais aussi jquery ui qui est maintenant en librairie complète depuis la 3.3 !

Continue Reading…

Les tables personnalisées dans WordPress

wordpress-database-tables

Introduction

Même si WordPress propose une structure de tables assez flexible et des API pour en profiter intéressantes, il est parfois nécessaire pour le développeur de créer ses propres tables. Parfois pour les performances, parfois par méconnaissance des API, nous allons voir comment créer une table simple dans WordPress et surtout de manière propre et rapide.

Continue Reading…