Categorie : wordpress

Flare, une solution esthétique pour ajouter les boutons sociaux sur wordpress

On le sait tous mais aujourd’hui connecter son blog aux réseaux sociaux est essentiel car les discussions se sont déportées sur ces derniers, un retweet ou un partage sur facebook équivaut souvent à un commentaire. Le problème c’est que vous avez un joli blog avec un beau design et malheureusement les boutons des réseaux sociaux sont très souvent moches et pas tellement intégrables à votre design de blog.

Flare est un plugin pour wordpress qui va certainement vous intéresser si vous cherchez une solution élégante pour ajouter ces boutons de partage. Ce plugin a beaucoup misé sur l’aspect esthétique des boutons et c’est un très bon point. A ce titre Flare propose des boutons ronds et uniformes les uns par rapport aux autres et c’est plutôt réussi. Ce groupe de boutons peut se positionner au début de l’article, à la fin ou sur le côté, pour les plus accrocs vous pouvez choisir les trois emplacements mais cela va un peu alourdir votre design. Pour ma part j’ai fait le choix de la fin d’article et sur le côté.

Le point intéressant c’est que ce plugin va proposer une synthèse sociale des partages de votre article avec un nombre total d’interactions sociales. C’est pratique et efficace! La société proposant Flare travaille actuellement à une version pro (payante donc) avec des fonctionnalités de statistiques afin que directement au sein de votre blog wordpress vous ayez accès aux articles les plus partagés depuis le début, sur la semaine… Notez aussi que Flare propose à la vente des emplacements à des sociétés qui souhaitent être mises en avant, l’idée n’est pas idiote non plus!

Plus d’information sur flare ici

17-7-2013 | 1

WordPress fête ses 10 ans

Hier WordPress a fêté ses 10 ans d’existence, dingue comme le temps passe vite. Pour ma part j’utilise wordpress depuis 2005 avec l’ouverture de ce blog. En 10 ans Matt Mullenweg a su construire un très bel écosystème autour de l’outil wordpress qui est toujours open source.

Peu de sociétés arrivent à faire ce qu’a réussi à faire Mullenweg avec Automattic la société commerciale rentable qui est associée à un outil open source avec une très grosse communauté. Aujourd’hui de nombreux blogs et sites à très fort trafic utilise cet outil pour publier des articles ou alors pour monter des sites d’entreprises (TechCrunch, GigaOm..). Dans l’écosystème wordpress on retrouve donc la communauté open source qui travaille sur le développement de l’outil mais aussi une myriade de développeurs qui proposent des thèmes et des plugins pour transformer et enrichir l’outil, en parallèle de l’open source il y a aussi des sociétés qui commercialisent des thèmes premium avec un certain succès (Elegant Themes, Theme Forest…).

Avec le rachat de Tumblr par Yahoo pour un montant de 1,1 milliards de dollars on imagine un peu le prix de la société Automattic…

Source le post de Matt Mullenweg

28-5-2013 | Commentaires fermés

WordPress améliore son Jetpack et c’est vraiment bien!

Automatic, la société derrière WordPress, vient d’annoncer la disponibilité de la mise à jour de son extension intitulée Jetpack. Cette extension apporte à tous les blogs hébergés par eux-même des fonctionnalités que l’on a habituellement uniquement sur la plateforme wordpress.com.

Avec Jetpack 2.0, l’utilisateur va pouvoir actionner 23 nouvelles extensions dont certaines vraiment intéressantes pour les blogs wordpress. Je l’ai installé hier sur 2803.fr, voici ma sélection de modules Jetpack qui valent le détour, parmi les 23 :

Photon : est une extension qui permet d’héberger chez wordpress.com toutes les images de vos articles et ainsi de bénéficier du CDN de wordpress, un sacré plus pour augmenter la rapidité de votre site. Reste à savoir où ce situent les CDN de wordpress parce que servir une image en provenance des US ne servira pas à grand chose pour un blog français…

Publicize : est un module qui va diffuser instantanément vos nouveaux articles sur votre profil facebook ou la page fan du site, sur Linkedin, Twitter, tumblr ou Yahoo. Un module qui vient donc en remplacement de beaucoup de plugins qui fonctionnaient de manière aléatoire.

Orthographe et Grammaire : un moyen de ne plus faire de fautes d’orthographe ou de grammaire!

Publier par email : un moyen intéressant pour mettre à jour son blog directement par email avec plus d’options de mise en forme présentées ici

Infinite scroll : une option simple pour remplacer la pagination classique par un scroll infini (il faut rendre compatible le thème en revanche), plus d’information ici

Plus d’informations sur la page dédiée à cette extension : http://jetpack.me/

09-11-2012 | 1

[WordPress] Retrouver les images à la une sur vos anciens articles

Je ne sais pas si chez vous c’est pareil mais lors d’une mise à jour de mes blogs (la version 3.4 si je me souviens bien) il s’avère que ma gestion des images à la une a été un peu perturbée. Avant je fonctionnais avec des plugins pour « ajouter » automatiquement des images à la une aux articles qui n’en avaient pas car cette fonctionnalité n’est arrivée qu’à la version 3 de wordpress. Cela fonctionnait très bien jusqu’au passage à WordPress 3.4.

Après de longues recherches sur les forums dédiés je n’ai pas trouvé de solution miracle à la disparition des mes images à la une pour tous mes articles avant décembre 2009. Alors j’ai essayé de comprendre ce qu’il se passait… Direction phpMyAdmin pour visiter les bases de données du blog pour voir ce qu’il se passe avec les « featured images ». En regardant la table wp_postmeta j’ai constaté que la clé « _thumbnail_id » comportait des valeurs inexistantes pour tous les articles datés d’avant décembre 2009, comme si wordpress avait volontairement renseigné ce champ avec une valeur nulle. Pour information cette valeur doit être le « post_id » de l’image utilisée en « featured image ». Alors plutôt que d’attendre une solution miracle je ne suis dit que l’on pouvait peut être affecter directement l’id d’une image utilisée dans l’article afin d’avoir une vrai « featured image ».

Voici donc comment j’ai procédé : je sélectionne tous les champs avec la clé _thumbnail_id, puis je recherche dans la table wp_posts s’il y a des images associées à l’article dont nous avons récupéré l’identifiant, si oui je prend la première image, ensuite il ne reste plus qu’à modifier la table wp_postmeta pour renseigner le bon « id » de l’image que l’on souhaite utiliser comme image à la une.

Une fois cette modification faite, vous pouvez faire une passe avec un plugin comme « Auto Post Thumbnail » pour regénéré les vignettes, cela ne fait pas de mal et corrigera quelques bugs d’affichage.

Pour les plus motivés, vous pouvez retrouver ce bout de code sur github, libre à vous de l’améliorer bien entendu! Pour les autres, désolé cet article est un peu pointu!

08-11-2012 | Commentaires fermés

Optimiser l’ajout des javascripts des plugins dans votre wordpress

Souvent lorsque vous ajoutez des plugins dans votre wordpress vous allez automatiquement ajouter des bouts de codes JS sur toutes vos pages afin de faire fonctionner les dits plugins mais ces derniers ne sont pas forcément utilisés sur toutes vos pages. Ainsi vous surchargez bêtement vos pages et on le sait tous le temps de chargement d’une page est très important pour l’expérience utilisateur.

Par exemple si vous utilisez un plugin pour un formulaire de contact ce dernier ne sera nécessaire que sur la page contenant ce formulaire mais malheureusement le plugin va ajouter automatiquement le code javascript sur toutes les pages de votre blog wordpress… Afin de remédier à ce problème il faut ajouter un bout de code dans votre page functions.php de votre thème, celui-ci va annuler l’ajout automatique et faire l’insertion uniquement sur la page désirée, voici comment faire pour le plugin contact form 7 :

/* Ajout manuel des scripts contact form 7 */
    remove_action('wp_enqueue_scripts', 'wpcf7_enqueue_scripts' ); // Annule l'ajout automatique
    add_action('wp_enqueue_scripts','cf7_scripts'); // Ajoute les scripts sur la page désirée
 
function cf7_scripts() {
    if (is_page(array('1049'))) { // Ajouter les ID des pages sur lesquelles vous utilisez le plugin ?>
    <script src="<?php bloginfo('home'); ?>/wp-content/plugins/contact-form-7/jquery.form.js" type="text/javascript"></script>
    <script src="<?php bloginfo('home'); ?>/wp-content/plugins/contact-form-7/scripts.js" type="text/javascript"></script>
<?php } }

L’idée pour d’autres plugins est donc d’identifier le « handle » utilisé par le plugin dans les fichiers du plugin, pour contact form 7 c’est wpcf7 et ensuite d’ajouter ce code dans le fichier functions.php de votre thème.

Si vous souhaitez aussi n’ajouter la feuille de style associée que sur la bonne page c’est tout aussi simple il suffit d’utiliser la fonction wordpress wp_deregister_style comme ceci :

/* Ajout manuel des scripts contact form 7 */
    remove_action('wp_enqueue_scripts', 'wpcf7_enqueue_scripts' ); // Annule l'ajout automatique
    add_action('wp_enqueue_scripts','cf7_scripts'); // Ajoute les scripts sur la page désirée
 
function cf7_scripts() {
    if (is_page(array('1049'))) { // Ajouter les ID des pages sur lesquelles vous utilisez le plugin ?>
    <script src="<?php bloginfo('home'); ?>/wp-content/plugins/contact-form-7/jquery.form.js" type="text/javascript"></script>
    <script src="<?php bloginfo('home'); ?>/wp-content/plugins/contact-form-7/scripts.js" type="text/javascript"></script>
<?php }

else {
wp_deregister_style( 'contact-form-7' );
} }

Et voilà vous pouvez faire un peu d’optimisation maintenant!

31-10-2012 | Commentaires fermés

Tester la configuration de son serveur pour WordPress

Parfois il peut être judicieux de tester l’environnement logiciel de son serveur afin de savoir s’il est compatible et optimisé par rapport à une utilisation de wordpress. Amaury Balmer, grand spécialiste de wordpress, est souvent confronté à cette problématique avec sa société Beapi, il a donc fait un petit script qui se met sur le serveur et qui va vérifier un très grand nombre de paramètres techniques.

Ce script se télécharge sur github (il est donc en accès libre). Ensuite il faut le poser à la racine de son site (ou ailleurs) et consulter la page de résultat dont voici un extrait :

Et suivre les recommandations proposées par phpWPinfo. Un script bien utile qui me laisse sous entendre que je vais bientôt faire la mise à jour de mon serveur!

11-10-2012 | 4

Sécuriser l’accès à son blog avec Google Authenticator

Sécuriser l’accès à l’administration de son blog est essentiel! Souvent les mises à jour de WordPress ont pour objectif de patcher des brèches de sécurité alors avoir un login et un mot de passe puissant sont des atouts pour la protection de votre blog et des données.

Google avait il y a quelques temps mis en place la procédure en deux étapes (two steps verification) pour les connexions à Gmail. Cette procédure implique l’utilisation d’un smartphone pour pouvoir vous connecter à votre compte de messagerie. L’application sur le téléphone va donc vous fournir un code à 8 chiffres qui change toutes les minutes, ce code vient donc renforcer le couple login/mot de passe que vous utilisez habituellement. Je suis utilisateur depuis très longtemps de ce système et même s’il est plus contraignant il apporte un niveau de sécurité vraiment très fort.

Cette procédure et cette technologie « Google Authenticator » est en open source, ce qui implique que n’importe qui peut développer des applications l’utilisant. Il y a quelques jours un utilisateur a expliqué comment installer « Google Authenticator » sur son serveur pour protéger l’accès SSH. Pour protéger votre blog wordpress sachez qu’un plugin existe et qu’il est très simple à utiliser et installer.

-Premièrement télécharger ou installer le plugin en recherchant « Google Authenticator »
-Installer l’application Android ou iphone si vous ne l’avez pas encore fait
-Activer l’extension et activer l’option « Google Authenticator Settings » dans Utilisateurs/votre profil
-Scanner le QR code pour ajouter votre blog à l’application sur votre téléphone

Si jamais vous perdez votre téléphone il faudra désactiver le plugin en l’effaçant simplement en FTP et si vous avez des rédacteurs sachez qu’il est possible de n’activer cette procédure que pour le compte administrateur.

Via korben

05-9-2012 | 1

Afficher ses photos instagram sur son blog avec Snapwidget

Signe des temps je constate que pour les photos en mobilité j’utilise de plus en plus mon téléphone et moins mon appareil photo qui reste tout de même la référence pour faire de beaux clichés. Alors quant on fait des photos depuis son mobile cela peut être pertinent d’utiliser Instagram qui permet en autre de diffuser votre photo instantanée sur vos réseaux sociaux, Flickr ayant royalement loupé ce virage social.

Alors si vous cherchez à installer un widget pour afficher vos dernières photos, ne chercher pas forcément un plugin spécifique à wordpress mais orientez vous plutôt vers Snapwidget qui fera très bien le travail via une iframe.

La configuration de snapwidget est très simple, il faut déterminer le nombre de photos à afficher, leur taille et ensuite copier le code proposé dans un widget texte ou directement dans le fichier sidebar.php si jamais vous n’utilisez pas les widgets wordpress.

23-7-2012 | 3