Il y a des projets qui attirent tout de suite l’attention et la sympathie. Le projet des auteurs de ce nouveau blog wordpress en fait partie: Consomme-local.fr, que j’ai eu le plaisir de préparer (mitonner) et de mettre en ligne récemment est le support de communication d’un futur site qui devrait faire parler de lui : Cap-local.fr.
Objectif : permettre à tous de consommer des produits issus de producteurs sélectionnés pour la qualité de leurs produits et leur proximité. Mais de ceci nous reparlerons d’ici quelques semaines (vous remarquerez en visitant cap-local que le lancement est prévu pour le mois de juillet).

Consomme-local.fr est donc un blog que j’ai réalisé avec mon CMS préféré en m’appuyant sur un thème (Mantra) qui, bien que gratuit, propose pas mal de fonctionnalités (merci à Nicolas Causse pour cette suggestion). L’ambiance se veut claire et aérée, un peu  comme un pique-nique à la campagne… Le logo (comme la charte graphique et le logo du futur site) ont été réalisés par Agnès Vidal Saint André (agnesvsa.fr).

La thématique du site est simple et précise : parler de tous les aspects de la consommation « responsable » (saisonnalité, choix des producteurs, respect de l’environnement, économie solidaire, développement durable…) et, bien entendu, du projet cap-local.fr qui proposera un service original aux consommateurs exigeants et « connectés ».
Le contenu sera informatif et appétissant : actualités du site et de tout ce qui touche à la consommation intelligente, recettes, idées de menus…

Je suis heureux de participer (fort modestement) à ce sympathique projet porté par une équipe jeune, dynamique et très impliquée.
Je vous invite donc à consommer à distance le contenu de consomme-local.fr, de vous rassasier de leurs conseils et de leurs idées… en attendant de goûter concrètement aux spécialités de Cap-local.fr, le site qui ramènera le terroir dans vos assiettes !

Cet article Consomme-local.fr: cap sur les producteurs locaux ! est apparu en premier sur Thierry Couteau.

Cet article Déplacer un site WordPress: une méthode pas à pas est apparu en premier sur Thierry Couteau.

Dans la catégorie « actualité-moyennement-fraîche-parce-que-pas-le-temps » voici l’annonce tardive de la sortie du site bobzigua.com que j’ai eu le plaisir de mettre en scène pour le groupe éponyme.

Certes ce sont des amis, certes ils m’ont grassement payé et certes ils m’encensent depuis pour mon modeste travail mais objectivement, BobZiGua, ils sont beaux, ils sont bons, ils sont grands et surtout ils sont drôles !

Petite revue de détail de cette sacrée bande de Sonart, du nom de leur association :

• OIivier D’ortoli, l’ami corse mais pas corsé, calme mais pas sono-lent. Près de 35 ans d’amitié bien placée et toujours au top.
• Corinne VanGysel, une touche féminine ça fait moins de mâles et plus de douceur. Sauf quand elle joue avec sa perceuse.
• Romuald Mas, j’peux rien dire, il est grand, costaud… Ah si, c’est vachement grave quand il chante. Euh, grave mais bien !
• Jean-Philippe Trotobas. Trotte au bas mais pas que; court parfois également haut dans les gammes. Si la musique est un cri qui vient de l’intérieur, il a tendance à faire l’inverse.
• Etienne Jesel, last but not Litz. Par contre, super bon à la basse et dans les médiums. Hyper sociable aussi, dés qu’il met un slip.

Le site est réalisé sous WordPress, habillé du thème K-Boom (à peine modifié) trouvé sur ThemeForest.
Oui, je mets en place des sites web avec des thèmes « tout faits » (et surtout, je le dis !).
Parce que tous mes clients n’ont pas l’envie ou les moyens de se payer une charte graphique, un thème sur mesure et l’intégration.
Dans le cas présent, le résultat est plutôt cool, non ?

L’essentiel de mon job de créa a consisté ici à définir l’architecture de l’information, créer les titres, les slides et certains contenus en concordance avec une ligne éditoriale… plutôt barrée !
Je me suis lâché, un vrai régal. Et comme ils sont encore plus dingues que moi, ils ont même gardé dans la version en ligne certains délires éditoriaux créés « pour l’exemple ».

Autant le dire, je suis fier de ce site internet décalé et désinhibé. Ça fait du bien, surtout dans la « morositude » ambiante.
Sans oublier que le contenu, c’est du son et du bon. Alors, surfez sur leurs pages, plongez vous dans leur flots sonores profonds et tumultueux et, une fois revenus de leur plages « en-Sol-eillées »… filez acheter leur dernier album : Indomptable en vente dans toutes les boutiques qui ont pour adresse web : 1d-paca.com/fr/album/indomptable.

A bon écouteur, salut.

Cet article Nouveau site BobZiGua.com: et en plus il est drôle est apparu en premier sur Thierry Couteau.

La dernière date de modification connue d’un article ou d’une page est un élément important lorsque le sujet est « évolutif » ou que le contenu nécessite des mises à jour plus ou moins fréquentes. Cette possibilité n’est pas proposée sous une forme simple dans WordPress, je vous propose donc de créer un shortcode (Consultez l’aide de WordPress pour en savoir plus sur ces codes) qui vous permettra d’intégrer cette date à la demande.

Description du shortcode d’affichage de la dernière date de modification

Le code court que j’ai créé s’appelle [datedermaj], nous verrons au chapitre suivant que vous pouvez aisément modifier son nom.

Le shorcode ne nécessite aucun paramètre et il peut-être utilisé depuis l’éditeur visuel de votre Back-Office WordPress, que ce soit dans une page ou un article. L’avantage est, qu’une fois inséré, cette date de dernière modification sera automatiquement mise à jour lors de l’affichage de la page.

L’insertion de ce code court entraîne l’affichage dans la page de l’information « Date de la dernière modification: » suivie de la date au format jour mois année. Ces deux éléments sont également facilement personnalisables.
Voici ce que renvoie le shortcode pour cette page : Date de la dernière modification: 2 avril 2019. Pour info, vous noterez que le résultat s’affiche avec le style que j’ai appliqué au code dans l’éditeur.

Création du shortcode [datedermaj]

Comme pour toute modification de ce type, la création d’un shortcode nécessite d’intervenir dans une page php de votre site WordPress, en l’occurrence la page functions.php qui se trouve dans le répertoire de votre thème (/wp-content/themes/votre-thème/). Si tout ceci vous semble incompréhensible ou compliqué, trouvez plutôt quelqu’un pour le faire à votre place (je peux m’en occuper).

La modification est toute simple, voici le source du shortcode que j’ai créé et qu’il faut copier dans le fichier functions.php :

// Ajout d’un shortcode pour insérer une date de dernière modification dans les articles – thierrycouteau.com
function datedermaj_handler($atts, $content=null){
return the_modified_date( ‘j F Y’, ‘Date de la dernière modification: ‘ , $after, 0 );
}
add_shortcode( ‘datedermaj’, ‘datedermaj_handler’ );

Deux précisions :

– Ce shortcode utilise la fonction native de WordPress the_modified_date() dont vous trouverez la documentation(en anglais) ici

– Le format de la date est modifiable (voir le lien vers l’aide ci-dessus) tout comme le nom du shortcode (évidemment) et la phrase d’accompagnement (re-évidemment).

Pour aller plus loin dans la création d’un shortcode

Cet article vous a donné envie de créer vos propres codes courts ? Consultez l’aide très complète de wordpress à ce sujet : http://codex.wordpress.org/Shortcode_API (en anglais).

Et si vous n’avez pas le temps, les compétences ou même l’envie de faire ces modifications, je vous rappelle que je peux vous aider.
Concernant ce shortcode [datedermaj], j’ai imaginé un forfait de mise en place à prix très réduit… pour ne pas dire ridicule. Si vous êtes intéressé, consultez moi…

Cet article WordPress: ajouter la date de dernière modification dans un article est apparu en premier sur Thierry Couteau.

Date de la dernière modification: 16 août 2021

Certes, cela ressemble à un marronnier style sujet bateau pour grappiller quelques visites mais si vous arrivez ici c’est probablement parce qu’il n’y a pas pléthore de réponses à cette simple question : comment personnaliser et (surtout)  habiller avec le thème installé sur votre site la page de maintenance standard (et désespérante) de WordPress ?

La page de maintenance de WordPress

Petit rappel : lorsque vous procédez à une mise à jour de votre site, pour installer une nouvelle version de WordPress ou une extension, celui-ci passe automatiquement en « mode maintenance ». Cela signifie que l’internaute qui visite l’une de vos pages à ce moment là se retrouve devant un bel écran tout blanc et le message « Indisponibilité temporaire pour cause de maintenance. Veuillez revenir dans un instant. » (ou « Briefly unavailable for scheduled maintenance. Check back in a minute. »  pour les anglophones).

Techniquement et synthétiquement, pour ceux que cela intéresse, lorsque WordPress détecte le lancement d’une installation ou d’une mise à jour, il fait deux choses avant de l’exécuter:

• il crée un fichier « .maintenance » à la racine du site, une sorte d’indicateur qui sera supprimé en fin de traitement
• Il affiche dans une page vierge le message de maintenance retranscris ci-dessus ou, si elle existe, la page « maintenance.php » qui se trouve dans le répertoire « wp-content« 

Et c’est là que nous entrevoyons la solution, ou le début d’une des solutions…

Les solutions pour modifier le message de maintenance WP

Car il existe plusieurs solutions pour personnaliser cette page de maintenance WordPress :

• Utiliser une extension toute faite. C’est (forcément) la solution la plus rapide en terme de temps/homme mais également la plus pénalisante au niveau performance (rappelons que chaque plug-in alourdi un peu plus les temps de réponse de votre site). Il existe plusieurs plugins sur wordpress.org mais je ne les trouvent pas satisfaisants car ils viennent se substituer à la mécanique décrite ci-dessus. Par ailleurs, les versions gratuites que j’ai testées nécessitent d’activer manuellement le passage en mode maintenance.
• Créer sa page maintenance.php dans le dossier wp-content. Cette solution permet certes de personnaliser le message mais, la page n’étant pas dans le dossier de votre thème, elle nécessite, pour « l’habillage », de générer spécifiquement la mise en forme (création de template, appel d’une feuille de style…). Préconisée par WordPress et souvent proposée par les développeurs, je trouve cette alternative peu satisfaisante car elle n’utilise pas le thème que j’ai choisi pour habiller mon site.

Vous l’aurez compris, Last but not Least, ma préférence va à une troisième solution que voici…

Une solution de personnalisation qui utilise le votre thème WordPress

A fouineur persévérant rien d’impossible… Vous l’aurez compris si vous me lisez de temps en temps, j’évite de faire des modifications qui n’ont pas déjà été testées et si possible éprouvées. Vu qu’il est évident qu’il y a sur la toile énormément de gens plus forts en développement et/ou plus malins que moi, je préfère donc appliquer, autant que faire se peut, leurs recettes.

J’ai donc cherché une solution me permettant d’utiliser mon thème et de personnaliser le message d’attente du mode maintenance. Je fini par la trouver (en partie) dans la rubrique « Questions » du site wordpress.stackexchange.com. (merci par Morgan Estes, un sympathique développeur d’Edmond dans l’Oklahoma). Elle se découpe en deux phases :

1. Modification du fichier functions.php

Bon, si la lecture du titre de ce chapitre ne vous rappelle rien de connu, il est certainement préférable que vous fassiez réaliser cette modification par quelqu’un qui connaisse un minimum WordPress et le php (moi par exemple !).

Le fichier functions.php regroupe, comme son nom l’indique les fonctions utilisées dans votre thème. Il se trouve normalement dans le dossier wp-content/themes/votre thème (ou thème enfant si vous en avez un)/
Dans ce fichier, vous devez d’ajouter la fonction suivante :
/* Appel d'une page de maintenance personnalisée en cas de mise à jour */
if ( ! function_exists( 'custo_maintenance_mode' ) ) :
function custo_maintenance_mode() {
if ( file_exists( ABSPATH . '.maintenance' ) ) {
include_once( get_stylesheet_directory() . '/maintenance.php' );
die();
}
}
add_action( 'wp', 'custo_maintenance_mode' );
endif;
Veuillez noter que « custo_maintenance_mode » est le nom que j’ai décidé de donner arbitrairement à la fonction, vous pouvez l’appeler comme vous voulez (Morgan l’avait appelé « sx84987_maintenance_mode »).

Que fait cette fonction ? Si un fichier « .maintenance » (évoqué plus haut) est créé, elle indique à WordPress d’utiliser le fichier maintenance.php habillé avec le thème du site. Ce fichier personnalisé est l’objet de l’étape suivante.

2. Création du fichier template.php

Le fichier en question doit-être créé lui aussi dans le dossier wp-content/themes/votre thème (ou thème enfant si vous en avez un)/.

Voici tout d’abord à quoi ressemble cette page une fois affichée :

Ma page de maintenance personnalisée

Bon, le contenu n’est pas très original, mais là n’est pas le sujet ! Voici maintenant le source de cette page :
<?php
/**
* Une page de maintenance personnalisée.
*/
$protocol = "HTTP/1.0";
if ( "HTTP/1.1" == $_SERVER["SERVER_PROTOCOL"] )
$protocol = "HTTP/1.1";
header( "$protocol 503 Service Unavailable", true, 503 );
header( "Retry-After: 3600" );
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<?php show_breadcrumbs(); ?>
<article id="post-0" class="maintenance-class">
<header class="entry-header">
<h1 class="entry-title">Maintenance en cours, merci de patienter...</h1>
</header>
<div class="entry-content">
<p>Oh pardon ! Je fais des mises &agrave; jour au moment o&ugrave; vous venez me visiter !?</p>
<img width="150" height="200" src="https://thierrycouteau.com/wp-content/uploads/2013/08/thierrycouteau-maintenance.jpg" class="attachment-post-thumbnail wp-post-image" alt="Je suis en pleine maintenance" />
</br>
<p>Je vous prie de bien vouloir m'excuser; une petite maintenance est la cause de l'interruption provisoire du site et de l'affichage de ce message.</p>
<p>Cela ne durera que de quelques secondes (le plus souvent) &agrave; quelques minutes.</p>
<p>Merci donc de patienter puis de relancer la page (<b>touche F5, Ctrl R ou la fonction "rafra&icirc;chir la page" de votre navigateur</b>)... ou de revenir un peu plus tard.</p>
<p style="font-weight:bold">Je ne sais pas ce que vous &ecirc;tiez venus voir mais cela vaut certainement le coup, alors &agrave; tout de suite !</p>
</div><!-- .entry-content -->
</article><!-- #post-0 -->
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
<?php die(); ?>

Les initiés l’auront remarqué, cette page appelle les différents modules d’habillage du thème (header, sidebar, footer).

ATTENTION : le code source ci-dessus est évidemment un exemple et ne doit pas être repris à l’identique. Parce que les styles css et les appels de modules sont certainement différents dans votre thème. Parce qu’aussi et surtout, vous feriez du duplicate content en reprenant ce que j’ai écrit sans le modifier…

Aparté suite à quelques tests : si vous installez comme je l’ai fait le plugin « WP Super Cache » ou un système de mise en cache similaire, le mode maintenance vous semblera ne pas fonctionner… à cause de la mise en cache de vos pages. Pensez à le désactiver pour faire vos tests !

Conclusion

Simple à mettre en place pour un utilisateur WordPress un tant soit peu « éclairé », cette solution apporte un « petit plus » à votre site, les internautes qui visitent vos pages au moment d’une mise à jour ne seront plus désorientés et auront certainement davantage envie de patienter ou de revenir.

Comme il n’y a pas de raison de priver les « non initiés », les débutants et autres allergiques à la programmation, j’ai créé un petit forfait pour cette mise à jour. Elle se fait schématiquement en 3 temps : audit rapide du site (gratuit) pour voir si il est compatible, définition du contenu et de l’image à afficher (avec vous), mise en place. Pour connaitre mes tarifs et mes disponibilités, voici le lien vers l’incontournable formulaire de contact.

Cet article WordPress: une page de maintenance personnalisée selon le thème est apparu en premier sur Thierry Couteau.

Consult Travaux est une société de courtage en travaux de construction, d’amélioration et de rénovation de l’habitat créée en 2007 par Monsieur Dominique Marie. Elle est située dans le Tarn, à Briatexte.

Son slogan, « Les travaux sans soucis » résume sa philosophie et son savoir-faire : vous simplifier la vie dans votre recherche de prestataire pour tout ce qui concerne les métiers du bâtiment, de l’aménagement et de la décoration.

Un site existait déjà mais il était peu mis à jour. Le passage sous WordPress permet de prendre en compte le nouveau logo et la nouvelle charte graphique et de préparer des actions de référencement.
La facilité d’utilisation de l’interface permettra également une vraie politique de publication récurrente, tant au niveau des images des réalisations, des actualités de Consult’ Travaux que de la rédaction d’articles de fond.

Dans un avenir proche, je serai certainement appelé à intervenir sur ce site pour des actions de webmarketing ciblées : référencement naturel mais également mise en place d’une politique d’achat de mots-clés au sein de campagnes SEA tant chez Google (Adwords et Adwords Express) que chez Microsoft (Adcenter).

Si cette réalisation vous intéresse et que vous avez des projets similaire, il me semble opportun de vous rappeler que vous pouvez me contacter.

Cet article Nouveau site sous WordPress: consulttravaux.com est apparu en premier sur Thierry Couteau.

Le bon timing d’envoi de votre newsletter

Catégorie : Webmarketing – E-mailing / Public : Tout Public

Un article de Parteja.net publié le 22 mars 2013

Il y a 36 écoles et autant de clochers différents pour ce qui concerne le bon timing d’envoi d’une lettre d’information par mail…
Ce confrère nous propose ses propres règles d’envoi, certainement basées sur l’expérience, et elles me semblent assez logiques et proches de ce qui se dit et s’écrit ailleurs.
Précision importante : ce n’est dit nulle part dans le texte mais ces statistiques et ces règles sont destinées à du mailing BtoB. En effet, contrairement à ce qui est écrit, le week-end peut donner de bons résultats en BtoC, j’ai pu le vérifier pour un site e-commerce régional (de Toulouse) qui, à certaines périodes, relançait sa base opt-in spécifiquement ces jours-là.

Accéder à cet article

Les nombreuses utilisations du Widget Texte de WordPress

Catégorie : WordPress – Personnalisation / Public: Utilisateur WordPress

Un article de Fabrice COURT publié le 22 octobre 2012

Fabrice a écrit un long article quasi exhaustif sur les possibilités de personnalisation qu’offre le Widget Texte.
J’ai découvert ce texte en faisant quelques recherches lors de la réalisation d’un petit tutoriel sur l’intégration d’une timeline Twitter sur un blog WordPress, et j’avoue avoir été impressionné par la foule de détails et d’exemples donnés et l’effort de vulgarisation.
Surtout destiné aux utilisateurs de notre cms préféré qui ne maîtrisent pas la programmation (mais qui voudraient s’y mettre), il est un excellent cours de rattrapage ou de révision pour les autres !

Accéder à cet article

Petit rappel sur les limites du modèle gratuit de Google Analytics

Catégorie : Webmarketing – Google Analytics / Public: Professionnel ou utilisateur confirmé

Un article de Maurice Largeron publié le 22 Mai 2013

Excellent inventaire des limites et, en creux, des possibilités de Google Analytics.
Maurice Largeron nous rappelle dans cet article qu’il existe une formule payante de Google Analytics et nous montre en 4 chapitres les différences entre les deux versions ainsi que les manques voire les lacunes de l’outil statistique de la firme de Moutain View.

Accéder à cet article

Cet article Les articles web lus ou à lire, semaine du 20 mai 2013 est apparu en premier sur Thierry Couteau.

Mise à jour du 21 juin 2013  Cela n’aura pas duré longtemps… L’API sur laquelle s’appuyait cette astuce a été stoppée par Twitter depuis peu…
Mais qu’à cela ne tienne, pour ceux qui, comme moi, ont autre chose à faire que de développer leur propre module, je vous propose de vous rabattre sur l’excellent plugin que je viens de trouver : Juiz Last Tweet Widget réalisé par Geoffrey. Le résultat est plutôt sympa, comme vous pourrez le constater en bas à droite de cette page.

Les solutions de publication d’un fil Twitter sur WordPress

Il existe plusieurs solutions pour afficher sa timeline Twitter sur un site WordPress, soit en installant un plugin (il y en a pléthore), soit en intégrant un bout de code php (ce qui nécessite d’intervenir directement ou indirectement dans le code), soit enfin en intégrant quelques lignes de jquery au sein d’un widget texte.

C’est cette dernière solution que je vous propose d’explorer aujourd’hui. Pour les autres méthodes, rendez-vous en fin d’article où j’indique quelques liens.

Timeline Twitter dans WordPress : une solution accessible à tous

J’aurais pu dire, la solution du moindre effort !

Certains me diront que cette méthode n’est plus maintenue par Twitter qui a sorti depuis une nouvelle version de  l’API utilisée ici. Peut-être… n’empêche que celle-ci fonctionne encore pour quelques mois et que, dans le cas présent, elle suffit amplement pour afficher quelques tweets.
Elle a l’avantage de son inconvénient : ne nécessitant pas d’authentification elle peut-être exécutée « coté client » (sur le navigateur du visiteur), elle est donc moins « évoluée » mais plus « légère ».

Bon, après cette parenthèse pseudo-technique, revenons à nos moutons notre oiseau. Comme toute méthode ou astuce facile, elle a ses limites et ses contraintes. En gros, la timeline Twitter pour WordPress que je vous propose est assez épurée; elle affiche les n (3 dans mon cas) derniers tweets, prend le style de votre thème et ne propose pas de trucs sophistiqués en terme de présentation ou d’interactivité.
C’est celle que j’utilise ici-même, en bas de la colonne de droite, sous le titre « Gazouillis ».

Entrons dans le vif du sujet :

Acte 1: Ajout d’un Widget Texte dans le bloc de votre choix

Pré-requis à cette solution, il faut que votre thème accepte l’utilisation de Widgets, car la simplicité de sa mise en oeuvre réside essentiellement dans l’utilisation de ces modules paramétrables qui simplifient tant la vie des utilisateurs WordPress.

Pour ceux qui en serait encore à se demander ce qu’est un Widget, voici quelques rappels et explications (les autres, vous pouvez passer directement à la fin de ce chapitre).

Pour accéder à la page d’administration des Widgets, dans le menu de votre back-office WordPress survolez l’option Apparence puis cliquez sur l’option Widgets :

La page qui s’affiche vous propose à gauche les différents Widgets disponibles, à droite les blocs représentant la ou les sidebar ou autres emplacement avec lesquels votre thème vous permet d’interagir.

La mise en place se fait tout simplement en faisant glisser le widget vers la zone désirée, comme le montre cette vidéo:

Vous aurez remarqué à l’image que j’utilise fort à propos le Widget Texte, qui est celui dont nous avons besoin.

Petite recommandation avant d’aller plus loin : pour les tests, le mieux est de les faire sur votre version locale de développement. Si vous n’en avez pas et que vous testez « en réel » (ce n’est pas bien!) et si votre thème vous permet d’utiliser plusieurs types de sidebar selon le modèle de page, choisissez plutôt dans ce cas celui qui est sur une page « profonde » et peu visitée (pas la « Home » ni les pages les plus lues). Dans mon cas (oui j’ai fini mes tests en réel…), j’ai choisi la page « (e-)Coaching » qui, tout en étant à mon sens l’une des plus intéressantes de mon site, n’est malheureusement pas (encore) la plus consultée.

Acte 2: Copier un bout de code dans le Widget WordPress

Donc, nous avons mis en place une zone de texte, grâce au Widget du même nom, au sein d’un des blocs de notre thème (en général une barre de menu verticale ou le footer).

Il suffit maintenant d’y coller le bout de code suivant :
<ul id="twitter-liste" ></ul>
<script type="text/javascript">
function twitter_liste_callback(tweets){
var statusHTML = '';
for (var i=0; i<tweets.length; i++){
var username = tweets[i].user.screen_name;
var status = tweets[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
return '<a target="_blank" href="'+url+'">'+url+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a target="_blank" href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML = statusHTML + '<li><div style="display: inline-block; float: left;"><img src="https://thierrycouteau.com/wp-content/uploads/2013/05/logo-twitter-23x20.gif" /></div><div><a target="_blank" href="http://twitter.com/'+username+'">&nbsp;'+username+'</a></div><span>'+status+'</span></li>';
}
jQuery(window).load(function(){
var twitter_liste = jQuery('ul#twitter-liste');
twitter_liste.each(function(){
jQuery(this).html(statusHTML);
});
});
}
</script>
<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/ThierryCouteau.json?callback=twitter_liste_callback&amp;count=3"></script>

Les éléments surlignés correspondent à 3 points sur lesquels j’attire votre attention :

<div style="display: inline-block; float: left;"><img src="https://thierrycouteau.com/wp-content/uploads/2013/05/logo-twitter-23x20.gif" /></div>

Ce bloc correspond à l’image du logo que j’affiche devant chaque tweet. Vous pouvez enlever cette ligne en totalité ou récupérer le logo sur votre site pour le gérer vous-même.

<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/ThierryCouteau.

Sauf si vous voulez afficher ma timeline sur votre site (flatteur mais peu probable), il vous faut remplacer « ThierryCouteau » par votre identifiant Twitter (ce qui suit le « @ »).

json?callback=twitter_liste_callback&amp;count=3&amp"></script>

Ce paramètre « count » correspond au nombre de tweets que vous voulez afficher.

Ensuite ? Vous pouvez ajouter un titre, « Gazouillis » dans mon cas, puis il vous suffit d’enregistrer votre Widget. Attention, ne soyez pas surpris, la page ne se recharge pas lors de l’enregistrement.

C’est terminé ! Au rechargement d’une des pages en front office qui utilise la sidebar que vous avez choisie, vous verrez normalement apparaître les n derniers tweets de votre timeline. 

Flux Twitter sur WordPress, il y a mieux mais c’est plus difficile

Comme je l’évoquais plus haut, cette solution utilise la précédente version de l’API que twitter met à notre disposition. Pour ceux qui voudraient aller plus loin, consultez la documentation Twitter sur ce sujet : The Twitter REST API

Concernant les autres approches pour intégrer une timeline sur votre site WordPress, j’en ai recensé trois :

• Très simple également mais moins intégrée graphiquement, vous pouvez utiliser la fonction de création de widget (encore!) de Twitter. Cela se passe dans le menu de paramétrage de votre compte et c’est assez bien expliqué. Le bout de code généré peut bien sûr être intégré comme celui que je viens de vous proposer.
• Tout aussi simple, un peu plus lourd (plus de code, de ressources) mais c’est vrai aussi plus riche en possibilités, vous pouvez utiliser un des nombreux plugins proposé par la communauté WordPress : http://wordpress.org/plugins/search.php?q=twitter+timeline
• Enfin, pour les plus aguerris, vous pouvez vous attaquer à l’intégration php de l’API 1.1 de Twitter. Je n’ai aucun site à conseiller, une simple recherche Google sur « WordPress Timeline Twitter API 1.1 » permet de trouver de nombreuses pages consacrées à ce sujet.

En complément à cet article, si vous voulez en savoir plus sur les ressources insoupçonnées du Widget Texte, je suis tombé récemment sur cet excellent article de Fabrice Court :  Personnalisez votre Widget Texte avec WordPress

Pour d’autres trucs et astuces WordPress, je vous incite à consulter cette page de mon site.

Enfin, si vous avez besoin d’une intervention pour mettre en place cette timeline Twitter sur votre site (WordPress ou autre), n’hésitez pas à me contacter.

Cet article Ajouter un flux twitter à votre site WordPress est apparu en premier sur Thierry Couteau.

Cet article Trucs, Astuces et Soluces pour WordPress est apparu en premier sur Thierry Couteau.

Voici une application prometteuse que je suis en train de tester : SpeakPipe. Elle consiste à fournir sur votre site internet ou sur votre page Facebook une extension qui permet à un visiteur de vous laisser un message comme il le ferait sur un répondeur vocal.

Principe de fonctionnement du répondeur vocal SpeakPipe sur un site

Sur une page web, SpeakPipe se présente sous la forme d’un bouton « volant » que vous pouvez placer sur n’importe quel coté de votre fenêtre (à droite et au milieu dans l’exemple ci-contre). Ce bouton accompagne la navigation de l’internaute et reste ainsi toujours visible.

Lors de la première visite un petit pop-up optionnel indique la présence de cette fonction sur le site.

Le défaut majeur de cette application est qu’elle n’est pas encore totalement traduite, comme vous pouvez le voir. Impossible d’intervenir sur les message affichés ici en anglais. Pour ceux qui ne sont pas familiarisés avec la langue de Shakespeare :

• Premier écran : lancement de l’enregistrement grâce au bouton « Start Recording ». Ce plugin est compatible avec la Iphone ou Ipad si vous avez installé l’application SpeakPipe.
• Deuxième écran : le module utilisant Flash Player, vous devez autoriser l’utilisation du micro de votre pc.
• Troisième écran : l’enregistrement démarre, vous avez 90 secondes pour vous exprimer ou vous pouvez appuyer sur « Stop » à tout moment.
• Quatrième écran : l’enregistrement est terminé, vous pouvez le réécouter avec le bouton « Replay » ou l’envoyer avec « Send »
• A tout moment, la petite croix en haut à droite de la fenêtre permet d’interrompre l’opération.

Sur cet écran, vous retrouvez les informations liées à votre message vocal, vous pouvez encore le réécouter et:ou le supprimer. Sinon, vous n’avez plus qu’à saisir votre nom (facultatif) et votre adresse mail (requise) et à appuyer sur le bouton « Send ». C’est fini, vous venez d’envoyer un message vocal sur ma boîte mail, message auquel je ne manquerai pas de répondre le plus rapidement possible.

Cet article SpeakPipe, un répondeur vocal pour votre site est apparu en premier sur Thierry Couteau.