Blogspx - Tag shortcode

Spxwpolaroid : Diffusion de Galerie Polaroïds

je-evrard — Sun, 20 Jul 2014 17:44:00 +0200

spxwpolaroid c'est quoi ?

Ce plugin va vous permettre d'administrer l'affichage de un ou plusieurs polaroïds composés pour chaque photos :

d'une image
d'un titre
d'un texte pour le dos de l'image (paramètre optionnel)
d'un lien sur l'image

Le polaroid utilise la librairie javascript photostack.js.

Voici un exemple de polaroid dans un article.

[SPXWPOLAROID id=001 ]

L'administration du polaroid se trouve dans la partie widget :

Un nouveau widget est mis en place : polaroid.

Note importante :

Ce plugin, d'un genre nouveau, est utilisé comme widget du plugin spxdatas. Pour rappel : spxdatas permet la gestion d'administration de widgets.

Vous devrez donc avoir installer au préalable le plugin spxdatas dans le dossier plugin de pluxml. Pour la configuration de spxdatas, c'est extrèmement simple... voir l'installation ici.

il est indispensable d'obtenir une version de spxdatas supérieur ou égal à la version 1.60.

Ci dessous voici la configuration des plugin que vous devriez obtenir :

Configuration widget

le plugin contient une configuration en deux parties.

A noter : si vous n'êtes pas intéressé par cette étape vous pouvez directement valider la configuration par default sans rien changer et passer à l'étape suivante.

Configuration générale

La configuration générale du plugin va vous permettre de paramétrer les droits de l'administration du polaroid et et de son affichage.

Vous pouvez finement interdire la lecture, la création, la modification, la suppression en fonction du niveau d'administration non seulement dans la liste des polaroidss mais aussi dans son contenu.

Il est possible d'enregistrer les données de l'administration en json ou en xml (a noter que le json est moins lourd et plus rapide).

Vous pouvez aussi définir les champs que vous voulez afficher et administrer (dos du polaroid).

Traduction administration du widget

La partie administration du widget est traduites en deux langues (français et anglais).

Cette traduction peux être modifiée à votre convenance.

Choissiser la langue de votre choix. Modifier les champs et enregistrer.

Note : Vous pouvez revenir à une traduction par default d'un champs en laissant le champs de texte vide. Pour un champs vide vous devrez mettre le caractère "-" dans le champs.

Création du widget

Accès à l'administration du widget

Cliquer sur "widget" dans l'admin de pluxml pour accéder à l'administration des widgets..

Cliquer sur l'onglet "polaroid" pour accéder à l'administration du polaroid.

Cliquer sur "nouvelle entrée" pour créer un premier polaroid.

Sur la nouvelle page qui apparaît, rentrer le titre du polaroid et cliquer sur "enregistrer".

Vous venez de créer votre premier polaroid.

Maintenant, pour rentrer du contenu dans le polaroid cliquer sur "editer" correspondant à votre enregistrement.

Sur la nouvelle page qui apparaît cliquer sur "nouvelle entrée".

Une nouvelle page apparaît vous permettant de rentrer les informations de votre premier polaroid.

Vous pouvez saisir le titre, l'image, lien de l'image (ces options sont disponibles selon le paramétrage du plugin). La décoration est une option qui permet de rendre l'image non sélectionnable, elle fait juste partie du décor. Vous pouvez écrire au dos de l'image dans le champs "Ecrire au dos de l'image".

Cliquer sur l'icone de l'image pour ouvrir une fenêtre popup du gestionnaire de média.

Sélectionner votre image en cliquant sur son nom.

L'image sélectionnée apparaît dans l'édition de votre polaroid. Cliquer sur "enregistrer" pour valider votre polaroid.

Votre premier polaroid est créé. Bravo.

Vous pouvez créer autant de polaroid que vous désirez. L'ajout se fait donc en appuyant sur "nouvelle entrée".

L'image ci-dessous présente une série de polaroid.

Pour modifier l'ordre des slides, il suffit de cliquer sur l'icone de "drag and drop" et de faire un glisser déposer du polaroid jusqu'à la position désirée.

N'oublier pas d'enregistrer pour valider la modification de l'ordre de vos polaroids.

A noter :

Pour modifier un polaroid cliquer sur "Options" de la ligne correspondante.
Pour supprimer un polaroid, clique dans la case a cocher sur la ligne correspondante, sélectionner "supprimer" dans la liste des actions et appuyer sur "ok".
Pour revenir à liste des polaroids dans l'édition des polaroids cliquer sur "retour à la page précédente"

Affichage coté client

Utilisation du hook du plugin

Pour afficher le polaroid il y a deux possiblités. Vous pouvez utiliser l'id de l'enregistrement ou le titre du polaroid.

Voici un exemple d'usage du hook dans une page statique. Ici on affiche le polaroid dont l'id est 001.

[PHP]

<?php

global $plxShow; echo ($plxShow->callHook('spxwpolaroid::getPolaroidID', '001'));

[/PHP]

Voici un exemple d'usage du hook dans une page statique. Ici on affiche le polaroid dont le titre est 'Mon premier polaroid'.

[PHP]

<?php

global $plxShow; echo ($plxShow->callHook('spxwpolaroid::getPolaroidTitle', 'Mon premier polaroid'));

[/PHP]

Il est possible d'utiliser un shortcode à la condition d'avoir installer le plugin spxshortcodes ici (version supérieur ou égal à 1.2)

Voici un exemple d'usage de shortcode. Ici on affiche le polaroid dont l'id est 001.

[PHP]

[SPXWPOLAROID id=056 ]

[/PHP]

Voici un exemple d'usage de shortcode. Ici on affiche le polaroid dont le title est 'Mon premier polaroid'.

[PHP]

[SPXWPOLAROID title='Mon premier polaroid' ]

[/PHP]

Spxwunslider : unslider pour pluxml

je-evrard — Fri, 11 Jul 2014 10:10:00 +0200

spxwunslider c'est quoi ?

Ce plugin va vous permettre d'administrer l'affichage de un ou plusieurs sliders composés pour chaque slide de :

une image
un titre (optionnel)
un sous titre (optionnel)
un bouton lien (optionnel)

Le slider utilise la librairie javascript unslider.

Voici un exemple de slider dans un article.

[SPXWUNSLIDER id=001 ]

[SPXWUNSLIDER id=002 ]

l'administration du slider se trouve dans la partie widget :

Un nouveau widget est mis en place : unslider.

Note importante :

Ce plugin, d'un genre nouveau, est utilisé comme widget du plugin spxdatas.

Pour rappel : spxdatas permet la gestion et l'administration de données structurées (widgets).

Vous devrez donc avoir installer au préalable le plugin spxdatas dans le dossier plugin de pluxml. Pour la configuration de spxdatas, c'est extrèmement simple... voir l'installation ici.

il est indispensable d'obtenir une version de spxdatas supérieur >= version 1.60.

Ci dessous voici la configuration des plugin que vous devriez obtenir :

Configuration widget

le plugin contient une configuration en deux parties.

A noter : si vous n'êtes pas intéressé par cette étape vous pouvez directement valider la configuration par default sans rien changer et passer à l'étape suivante.

Configuration générale

La configuration générale du plugin va vous permettre de paramétrer les droits de l'administration du slider et son affichage.

Vous pouvez finement interdire la lecture, la création, la modification, la suppression en fonction du niveau d'administration non seulement dans la liste des sliders mais aussi dans son contenu.

Il est possible d'enregistrer les données de l'administration en json ou en xml (a noter que le json est moins lourd et plus rapide).

Vous pouvez aussi définir les champs que vous voulez afficher et administrer (titre, paragraphe, bouton).

Enfin, il est possible d'afficher ou non les points pour slider et de régler la vitesse de transition.

Traduction administration du widget

La partie administration du widget est traduites en deux langues (français et anglais).

Cette traduction peux être modifiée à votre convenance.

Choissiser la langue de votre choix. Modifier les champs et enregistrer.

Note : Vous pouvez revenir à une traduction par default d'un champs en laissant le champs de texte vide. Pour un champs vide vous devrez mettre le caractère "-" dans le champs.

Création du widget

Accès à l'administration du widget

Cliquer sur "widget" dans l'admin de pluxml pour accéder à l'administration des widget..

Cliquer sur l'onglet "unslider" pour accéder à l'administration du slider.

Cliquer sur "nouvelle entrée" pour créer un premier slider.

Sur la nouvelle page qui apparaît rentrer le titre du slider et cliquer sur "enregistrer".

Vous venez de créer votre premier slider.

Maintenant, pour rentrer du contenu dans le slider cliquer sur "editer" correspondant à ce nouveau enregistrement.

Sur la nouvelle page qui apparaît cliquer sur "nouvelle entrée".

Une nouvelle page apparaît vous permettant de rentrer les informations de votre premier slide.

Vous pouvez saisir le titre, la description, l'image, le texte du bouton et son url (ces options sont disponibles selon le paramétrage du plugin)

Cliquer sur l'icone de l'image pour ouvrir une fenêtre popup du gestionnaire de média.

Sélectionner votre image en cliquant sur son nom.

L'image sélectionnée apparaît dans l'édition de votre slide. Cliquer sur "enregistrer" pour valider votre slide.

Votre premier slide est créé. Bravo.

Vous pouvez créer autant de slide que vous désirez. L'ajout se fait donc en appuyant sur "nouvelle entrée".

L'image ci-dessous présente 4 slides différents.

Pour modifier l'ordre des slides, il suffit de cliquer sur l'icone de "drag and drop" et de faire un glisser déposer du slide jusqu'à la position désirée.

N'oublier pas d'enregistrer pour valider la modification de l'ordre de vos slides.

A noter :

Pour modifier un slide cliquer sur "Options" de la ligne correspondante.
Pour supprimer un slide, clique dans la case a cocher sur la ligne correspondante, sélectionner "supprimer" dans la liste des actions et appyer sur "ok".
Pour revenir à liste des sliders dans l'édition des slider cliquer sur "retour à la page précédente"

Affichage coté client

Utilisation du hook du plugin

Pour afficher le slider il y a deux possiblités. Vous pouvez utiliser l'id de l'enregistrement ou le titre du slider.

Voici un exemple d'usage du hook dans une page statique. Ici on affiche le slider dont l'id est 001.

[PHP]

<?php

global $plxShow;

echo ($plxShow->callHook('spxwunslider::getUnsliderID', '001'));

[/PHP]

Voici un exemple d'usage du hook dans une page statique. Ici on affiche le slider dont le titre est 'Mon premier slider'.

[PHP]

<?php

global $plxShow;

echo ($plxShow->callHook('spxwunslider::getUnsliderTitle', 'Mon premier slider'));

[/PHP]

Il est possible d'utiliser un shortcode à la condition d'avoir installer le plugin spxshortcodes ici (version supérieur ou égal à 1.2)

Voici un exemple d'usage de shortcode. Ici on affiche le slider dont l'id est 001.

[PHP]

[SPXWUNSLIDER id=001 ]

[/PHP]

Voici un exemple d'usage de shortcode. Ici on affiche le slider dont le title est 'Mon premier slider'.

[PHP]

[SPXWUNSLIDER title='Mon premier slider' ]

[/PHP]

Spxshortcodes présentation

je-evrard — Wed, 02 Jul 2014 22:08:00 +0200

Ce plugin tout simple va vous permettre de créer des shortcodes qui seront utilisables dans les fichiers du thème, des articles, des pages statiques.

Les shortcodes doivents êtres placés dans un fichier de config à la racine de votre thème
Exemple : Créer votre fichier config.php à la racine de votre thème et placer le code suivant :

[PHP]

<?php

function button_shortcode() {

return '<a href="http://twitter.com/filipstefansson" class="twitter-button">Follow me on Twitter!</a>"';

}

add_shortcode('button', 'button_shortcode');

[/PHP]

Le code suivant va créer un shortcode button. Pour appeler ce code, utilisez la syntaxe suivante : [button]

Pour plus de détails sur les shorcodes : wordpress Shortcode_API

version officielle : ici