NeoSting.net » WordPress

Easy Theme Switcher : proposez plusieurs thèmes à vos lecteurs #WordPress #NeoSting

NeoSting — Fri, 27 Apr 2012 01:06:08 +0000

Vous avez plusieurs thèmes sur votre blog propulsé par WordPress ? Vous voulez que vos admirateurs et lecteurs puissent choisir parmi ceux qui sont installés ? Mieux encore, vous voulez pouvoir choisir vous-même les thèmes que vous voulez leur proposer, pour éviter de gâcher la surprise d'un thème en développement ? Ça parait vraiment compliqué, non ? Et si j'arrêtais avec mes question stupides, vous vous sentiriez mieux ?

Ok. Donc, si la réponse est Oui à toute ses question, alors je vous conseille fortement d'installer Easy Theme Switcher de Sérgio Vilar. Derrière cette apparente simplicité se cache en fait un plugin vraiment puissant. Le principe, après l'installation et l'activation classique, est de créer de simples liens HTML de cette forme. Il faut juste remplacer "yourtheme" par le nom du répertoire dans votre dossier des thèmes.


<ul>
<li><a href="http://monsite.fr/?theme=graythemart" title="theme1">Themar</a></li>
<li><a href="http://monsite.fr/?theme=greeneco" title="theme2">Theme vert</a></li>
</ul>

Une chose importante est à noter : l'appel des thèmes via la feuille de style dans la balise "meta", doit se faire de la forme suivante. Vous devez donc sacrifier une requête et ne pas mettre l'adresse en dur.

 bloginfo('stylesheet_url'); ?>

Voilà, c'est tout et c'est vraiment simple. Il reste que tout n'est quand même pas parfait. Le changement de thème se fait par session. L'internaute devra donc choisir son préféré à chaque fois qu'il reviendra sur le blog ; en attendant la gestion par cookie. D'ailleurs, si vous savez faire, n'hésitez pas à me le faire savoir.

NeoSting.net - Easy Theme Switcher : proposez plusieurs thèmes à vos lecteurs

Utiliser Bit.ly avec WordPress et sa fonction wp_get_shortlink() #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Sat, 07 Apr 2012 16:27:39 +0000

Vous avez un compte sur bit.ly ? Mieux encore, vous avez associé une adresse personnalisée à ce service qui raccourcit donc vos URLs avec votre propre nom de domaine ? Vous voudrez donc très certainement l'utiliser et l'associer automatiquement à la fonction wp_get_shortlink() de WordPress.

La solution que j'ai trouvée, demande de passer par un petit plugin réalisé par Yoast : Bit.ly Shortlinks. Pour pouvoir l'utiliser, il faudra le télécharger, le mettre dans son dossier des plugins, et donc l'activer de façon classique. Mais, il faudra ensuite, après avoir récupéré votre clé API et votre login sur Bit.ly, recopier et remplacer, avec vos informations, ces quelques lignes dans le fichier de configuration - "wp-config.php", situé à la racine de votre installation.

/**
* Settings for Bit.ly Shortlinks Plugin
* http://yoast.com/wordpress/bitly-shortlinks/
**/
define('BITLY_USERNAME', '<your username>');
define('BITLY_APIKEY', '<your API key>');
 
// optional, if you want to use j.mp URLs instead of bit.ly URLs
define('BITLY_JMP', true);

Si vous préférez utiliser votre propre nom de domaine, donc, commentez la dernière ligne en mettant "//" (sans les guillemets) au début. Par défaut, le domaine j.mp sera utilisé.

2 petites astuces supplémentaires

Si vous voulez aller un peu plus loin, tout comme pour le raccourcisseur de Google, Goo.gl, vous pouvez ajouter le signe "+" (sans les guillemets) à la fin de l'adresse courte pour obtenir toutes les statistiques d'un lien. Si jamais le cœur vous en dit, sachez que vous pouvez aussi utiliser cette même adresse courte, en ajoutant .qrcode pour automatiquement afficher le code QR sous forme d'image de votre URL. Un petit exemple HTML pour afficher cette image ?

<img title="(QR Code) de cette page sur neosting.net" alt="(QR Code) de cette page sur neosting.net" src="'.wp_get_shortlink().'.qrcode"  width="85" height="85" />

NeoSting.net - Utiliser Bit.ly avec WordPress et sa fonction wp_get_shortlink()

Tester les performances et l'impact des plugins installés sur wordpress #WordPress #NeoSting

NeoSting — Tue, 27 Mar 2012 15:25:49 +0000

À la limite du Troll, mais c'est malheureusement de plus en plus évident : pour être bien placé dans le moteur de recherche de Google, outre le fait de préférer et d'ajouter les publicités Adsense (encore que l'impact sur le référencement reste minime sur des blogs à faible trafic), il ne faut surtout pas oublier d'ajouter le fameux bouton +1, fer de lance de la firme et véritable entrée dans le SEO grâce aux partages de l'influence sur le réseau social Google Plus. Ce bouton, faut-il le rappeler est accessoirement concurrent du bouton facebook, "j'aime" et sera donc privilégié, comme l'atteste les désormais nombreux résultats de recommandations intégrés moteur de recherche.

Mais, il est aussi plus que recommandé d'avoir un site qui s'affiche rapidement et qui se veut aussi accessible, sans trop de publicités (juste celles d'Adsense de préférences...). Pour améliorer les performances de son blog sous WordPress, il existe quelques plugins, mais deux facteurs ressortent véritablement du lot :

Avoir un système de cache par l'intermédiaire d'un plugin comme w3 Total Cache
Avoir un CDN, mais ceci n'est pas à la portée de tout le monde et peut coûter cher

Toutefois, mettre en cache n'est pas suffisant, lorsque l'on abuse des extensions. En effet, elles rajoutent un temps non négligeable lors des chargements des pages de WordPress puisque logiquement, à chaque appel d'une page, chaque extensions est appelée pour apporter sa contribution ; un bien pour un mal qui peut véritablement plomber les performances des blogs. Suivant comment elles sont codées, et suivant les fonctions qu'elles apportent, ce sont elles qui vont générer l'impact le plus crucial dans le chargement et les performances des pages.

Le plugin qui teste les plugins

Pour s'en convaincre, il suffit de les comparer et d'utiliser - provisoirement - un plugin comme P3, pour Plugin Performance Profiler. Une fois installé, dans le menu des Outils, il sera possible de scanner les performances des plugins et d'avoir de jolis graphiques et diagrammes explicatifs. Différents niveaux de détails apportent souvent des informations précieuses.

En ce qui me concerne

Lorsque j'ai voulu passer ce blog en HTML5, et même en fait sur la version précédente, j'avais toujours en ligne de mire d'épurer au maximum les fonctions pour garder celles qui m'étaient vraiment essentielles. À une époque, j'avais pas loin de 35 plugins d'installés. Sur la version précédentes de ce thème, j'en été arrivé à un peu moins d'une trentaine, et sur ce thème, aujourd'hui, il ne m'en reste que 19, ce qui fait encore beaucoup. J'en ai remplacé quelques unes par des fonctions simples dans le fichier functions.php

Du coup, plus par curiosité que par envie de tout changer encore, j'ai donc voulu tester la place et le temps que prennent mes plugins survivants lors du chargement de mes pages. Le résultat m'a fait plutôt sourire, puisque ce merveilleux et utile P3 (Plugin Performance Profiler) devenait responsable de la moitié du temps de chargement de mes pages comme le montre ma petite capture ci-dessous. Mais fort heureusement, il n'était là que temporairement.

Pourquoi faire ?

Grâce à lui, vous allez donc pouvoir faire du ménage et chercher des solutions alternatives. Réduire ses fonctions dont on a besoin à l'essentiel et supprimer celles qui au final sont superflues est un facteur important pour réaliser de bien meilleures performances et être ainsi mieux considéré par Google, qui amène souvent 80% (voire plus) du trafic d'un blog.

NeoSting.net - Tester les performances et l'impact des plugins installés sur wordpress

Plugin : compter le nombre de lectures et comprendre la démarche #WordPress #NeoSting

NeoSting — Wed, 29 Feb 2012 16:51:16 +0000

En cherchant comment fonctionnait le mécanisme de création d'un plugin pour WordPress, je suis tombé sur ce tutorial (en anglais) de Julio de BoiteAWeb (un frenchy qui réalise des audits de sécurité pour les plugins). Il explique notamment comment créer pas à pas un compteur de vues par article. la première partie est ici et la seconde partie est par là.

Son plugin, BAW post Views Count à télécharger n'est d'ailleurs pas juste un simple plugin qui compte le total des vues, puisqu'il est possible aussi de filtrer les données renseignées par semaine, jour ou mois en les affichant simplement grâce à un shortcode à ajouter dans ses articles ou dans son thème en faisant un "echo" des différents shortcodes.

J'utilisais pour ma part, et comme pas mal de blogueurs WP-Postviews resté dans sa vieille version en 1.60 mais plus mis à jour depuis mars 2011. Je lui en ai parlé, et il en a profité pour ajouter un calcul supplémentaire qui va permettre à ceux qui veulent migrer vers son plugin un peu plus intéressant d'importer et d'ajouter les statistiques de l'ancien plugin de GamerZ. Vous ne perdrez donc plus vos statistiques. La version 2.2 (qui ne manquera sûrement pas de continuer d'évoluer) est d'ailleurs capable de filtrer les bots.

Du bon travail, assez bien documenté qui permet de s'investir doucement dans l'écriture d'un plugin, ce qui reste relativement rare dans ce domaine. Il faudra quand même quelques bases en PHP.

NeoSting.net - Plugin : compter le nombre de lectures et comprendre la démarche

WP-PageNavi sans plugin avec cette fonction simple et puissante #WordPress #NeoSting

NeoSting — Sun, 19 Feb 2012 15:20:12 +0000

Lorsque j'ai réalisé mon nouvau thème en HTML5, je me suis aussi orienté vers la chasse aux plugins de WordPress, souvent consommateurs de mémoire, et ralentisseurs de blogs, car appelant du javascript et des feuilles de style supplémentaires.. Celui que j'ai voulu remplacer, parmi d'autres - mais j'y reviendrais sûrement - c'est l'excellent wp-pagenavi, qui, avec plus de 2 millions de téléchargements fait partie des extensions les plus populaires. Comme son nom le laisse entendre, ce plugin va créer une pagination, pour aider vos lecteurs à naviguer plus facilement vers les pages suivantes et précédentes dans vos pages d'index.

Pourtant, le remplacer reste plutôt simple, et à la portée de tous. Je vous avais présenté une première solution avec ce script, mais j'en ai trouvé un autre un peu plus configurable et tout aussi efficace. Celui que j'utilise est basé sur le script de Kriesi qui avait été modifié aussi par Veron Ang. La seule chose que j'ai modifié, à mon tour, sur cette seconde version améliorée, c'est la mise en forme pour le rendre copain avec le français et le HTML5, avec en prime une once d'accessibilité.

Le code est à déposer dans son fichier functions.php

/* 
 * Pagination de Kriesi modifiée pour le blog http://neosting.net/
 * http://design.sparklette.net/teaches/how-to-add-wordpress-pagination-without-a-plugin/
*/
function pagination($pages = '', $range = 3)
{
     $showitems = ($range * 2)+1;  
 
     global $paged;
     if(empty($paged)) $paged = 1;
 
     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }   
 
     if(1 != $pages)
     {
         echo "\"pagination\">Page ".$paged." sur ".$pages."";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "\"Aller à la première page\" href='".get_pagenum_link(1)."'>Début
";
         if($paged > 1 && $showitems < $pages) echo "\"Aller à la page précédente\" href='".get_pagenum_link($paged - 1)."'>«⊂ 
";
 
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "\"Vous êtes sur la page ".$i."\" class=\"current\">".$i."*
":"\"inactive\">".$i."
";
             }
         }
 
         if ($paged < $pages && $showitems < $pages) echo "\"Aller à la page suivante\" href=\"".get_pagenum_link($paged + 1)."\">⊃»
";
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "\"Aller à la dernière page\" href='".get_pagenum_link($pages)."'>Fin
";
         echo "
\n";
     }
}
?>

Il ne reste alors plus qu'à l'appeler dans les pages d'index, comme index.php, search.php... La fonction va simplement compter le nombre d'articles et calculer le nombre de pages à afficher en fonction de ses réglages WordPress attribués à $wp_query dans "Lecture". J'ajoute avant la fonction un reset de la boucle si, il vous prenait l'envie de créer une autre boucle supplémentaire et personnalisée à côté de la principale.

wp_reset_query();
if (function_exists("pagination")) {
    pagination();
}

Le plus intéressant au final, c'est qu'il est aussi possible de déterminer avec "post_per_page" de wordpress une nouvelle boucle et faire agir cette pagination en conséquence. Merci encore une fois à Kriesi pour l'astuce que je reporte ici :

$additional_loop = new WP_Query("cat=1,2,3&paged=$paged");
 
while ($additional_loop->have_posts()) : $additional_loop->the_post();
 
endwhile;
 
kriesi_pagination($additional_loop->max_num_pages);

Enfin, dans votre feuille de style, il ne vous reste plus qu'à personnaliser cette pagination. Le code d'origine est le suivant. Je l'ai aussi modifié, mais je reviendrai bientôt sur ce point.

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

En prime, avec ce plugin, il est possible de faire beaucoup plus de choses, comme définir le nombre de pages à afficher, avant et après celle en cours.

NeoSting.net - WP-PageNavi sans plugin avec cette fonction simple et puissante

RePress, un plugin WordPress de type proxy pour contourner la censure #WordPress #NeoSting

NeoSting — Wed, 01 Feb 2012 11:34:29 +0000

RePress est un tout nouveau plugin pour WordPress qui va servir à créer des redirections vers les sites de son choix. Mais plus que des redirections, les blogueurs vont pouvoir aider à propager un web plus ouvert ou moins censuré, puisque ils aideront leurs lecteurs à passer par un proxy automatiquement depuis leurs blogs pour rejoindre les sites inaccessibles ou censurés.

C'est la compagnie néerlandaise GreenHost ou sa version anglaise qui propose cette extension, sous forme de réponse à la procédure de justice gagnée par la BREIN (l'équivalent de la RIAA) et qui ordonne de censurer le site The Pirate Bay aux plus gros FAI locaux, à partir d'aujourd’hui, le 1er février 2012.

Le Numéro 1 des FAI, Ziggo, aux Pays-Bas ou donc All4XS sont sommés d'agir sous peine d'amende de 10.000 euros par jour pour un maximum de 250.000 euros qui iraient directement dans les caisses de la BREIN si, ils refusaient d'obtempérer. Chose qu'ils ont courageusement faite au passage. Une pratique sous forme de racket sous copyright et légal de la part des ayants-droit. Comme le rapporte Reuters, la BREIN estime à 100 millions d'euros la perte engendrée par le piratage des internautes passant par ces FAI. Rien que ça. Mais faut-il lui rappeler, certes inutilement, qu'empêcher le piratage ne donnera jamais envie aux internautes d'acheter plus de contenus légaux pour autant ? Les pirates sont aussi ceux qui consomment le plus légalement. The Pirate Bay a écrit un message à ce sujet, expliquant ne pas être surpris, et proposant d'utiliser un proxy, TOR, ou encore un VPN.

L'idée derrière ce petit plugin est quand même très intéressante. All4xs propose quelques sites à faire passer par ce plugin proxy, pour l'exemple, dont bien sûr, The Pirate Bay. Toutefois, je vous mets quand même en garde, non pas sur le fait de proposer cet outil anti-censure, mais sur le fait que le développement de ce projet vient de débuter. La version alpha de ce plugin est donc à tester avec prudence.

Télécharger et installer RePress

NeoSting.net - RePress, un plugin WordPress de type proxy pour contourner la censure

Montrer l'exemple, offrez votre soutien contre sopa le 18 janvier #Actualité #WordPress #NeoSting

NeoSting — Mon, 16 Jan 2012 20:23:28 +0000

Il n'y a pas si longtemps, je vous ai expliqué que Reddit allait s'auto-censurer afin d'informer ses utilisateurs le 18 janvier 2012, des dangers de la loi SOPA et de ce prochain tournant pour Internet. Wikipedia fera de même d'après son fondateur Jimmy Wales sur Twitter

Une loi qu'il faut, peut-être, et seulement pour le moment, relativiser, puisque le président Barack Obama pourrait mettre son veto dessus. Il a même été clairement dit à la maison blanche, en réponse à une pétition contre cette loi devenue populaire, que l'administration (d'Obama) ne saurait cautionner une loi qui réduirait la liberté d'expression. Il s'agît quand même et toujours de combattre le piratage, mais de garder un Internet ouvert et innovant. Sa neutralité, elle, ne semble pas rentrer en ligne de cause... Des propos à relativiser, également, puisque les élections présidentielles approchent, et qu'un soutien annoncé ferait perdre beaucoup de points pour réussir un second mandat.

crédit

Malheureusement, même avec un veto officialisé, cela ne veut pas dire que le projet de loi ne pourrait pas en devenir une réelle. Du coup, le combat n'est pas fini, et si elle ne passe pas dans ce premier jet, elle pourrait revenir plus en douceur, et surtout en hypocrisie, en conservant quand même sa nature liberticide, un peu comme l'a été la HADOPI en France, après sa première censure. N'oublions pas non plus le projet de loi PIPA, qui est de la même trempe du côté du sénat américain.

Réagissez à votre tour

Afin, à votre tour, de sensibiliser vos lecteurs habituels le même jour que Reddit sur ce que pourrait devenir Internet, un petit plugin pour votre blog WordPress propose de vous aider à suivre cette démarche. Calé sur l'heure du serveur de votre blog, celui-ci affichera une nouvelle page unique de deuil, vêtue de noir, comme le montre la petite image ci-contre, pendant 12 heures de 8h00 à 20h00.

Hormis l'installer et l'activer, vous n'aurez rien d'autre à faire. Inutile de vous dire, que ce plugin est déjà activé et prêt à fonctionner le jour J sur mon blog. J'espère, même si cela semble totalement inutile, surtout sur un blog personnel comme le mien, que d'autres, nettement plus influents, sauront montrer l'exemple, ne serait-ce que pour marquer le coup une première fois, et montrer que les acteurs qui font d'Internet ce qu'il est aujourd'hui, sont prêts à se battre jusqu'au bout pour conserver leur liberté d'expression.

NeoSting.net - Montrer l'exemple, offrez votre soutien contre sopa le 18 janvier

Storify s'intègre bien avec WordPress #WordPress #NeoSting

NeoSting — Fri, 13 Jan 2012 13:09:09 +0000

Vous connaissez peut-être Storify. C'est un genre d'agrégateur de flux bien réalisé, qui permet de créer une histoire sur un sujet, à partir de différents liens. Pratique pour rassembler une partie des contenus du web (twitter, youtube, articles...) et les avoir sous la main sur une seule page. Il est d'ailleurs possible de récupérer un code embed de sa "création", pour l'insérer dans son blog.

Mais la société s'est penchée sur une extension pour Worpdress qui permet de proposer aux blogueurs d'avoir accès encore plus rapidement à ses fonctionnalités afin de créer des articles enrichis directement dans leurs blogs préférés. Elle se trouve dans les dépôts officiels. A tester si vous en sentez le besoin, c'est une bonne idée, surtout qu'elle dispose en plus d'une API pour pouvoir être personnalisée. Il faudra toutefois se créer un compte (gratuit) pour pouvoir l'utiliser. C'est une idée qui avait été proposée par certains utilisateurs, ils ont été entendus.

En ce qui me concerne, je ne me sens pas le besoin de l'avoir, mais si vous l'utilisez, n'hésitez pas à réagir et à faire parler votre expérience. C'est un outil qui peut s'avérer vraiment utile pour gagner du temps lors de la création d'articles sur des sujets précis.

NeoSting.net - Storify s'intègre bien avec WordPress

Créer facilement sa propre pagination (sans plugin) #WordPress #NeoSting

NeoSting — Tue, 01 Nov 2011 20:56:19 +0000

La pagination dans WordPress est une fonction qui n'a pas encore fait l'objet d'une investigation particulière, officiellement, à l'exception de la fonction paginate_links(). En ce sens, un plugin comme WP-Pagenavi est rapidement devenu indispensable pour la grande majorité des blogs. WP-Pagenavi, c'est cette extension qui ajoute des numéros de pages en bas des pages d'archives et d'accueil.

Lorsque j'ai refait le thème de mon blog, j'ai pris soin de le créer en faisant en sorte de m'en passer, surtout parce que celui-ci rajoutait pas mal de fichiers à charger, et comme toujours, moins on a d'extensions actives, plus on réduit les potentiels problèmes liées aux ralentissements, mais aussi à la sécurité.

Toutefois, si vous tenez à conserver cette fonctionnalité, il existe une méthode très simple qui permet de créer sa propre pagination, et mieux encore de la mettre en forme depuis sa feuille de style en utilisant la classe "page-numbers". Pour cela, il faut simplement créer une fonction dans son fichier functions.php, et l'appeler là où vous en avez besoin (archives.php, index.php...) On va donc coller ceci :

function theme_pagination()  
{  
    global $wp_query, $wp_rewrite;  
    $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;  
    $pagination = array(  
            'base' => @add_query_arg('page','%#%'),  
            'format' => '',  
            'total' => $wp_query->max_num_pages,  
            'current' => $current,  
            'show_all' => false,  
            'end_size'     => 1,  
            'mid_size'     => 2,  
            'type' => 'list',  
            'next_text' => '»',  
            'prev_text' => '«'  
            );  
 
        if( $wp_rewrite->using_permalinks() )  
            $pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg( 's', get_pagenum_link( 1 ) ) ) . 'page/%#%/', 'paged' );  
 
        if( !empty($wp_query->query_vars['s']) )  
            $pagination['add_args'] = array( 's' => get_query_var( 's' ) );  
 
        echo paginate_links( $pagination );  
}

Et on l'appelle comme ceci :

theme_pagination();

libre à vous de modifier certaines valeurs, comme celle de mid_size qui permet d'afficher le nombre de pages cliquables à la fois, et d'insérer un texte pour passer à la page précédente ou suivante.

NeoSting.net - Créer facilement sa propre pagination (sans plugin)

Fonction pour remplacer un mot par une exrpression #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Mon, 24 Oct 2011 15:48:32 +0000

Vous voulez remplacer certains mots ou même expressions dans vos articles par d'autres ? Vous voulez transformer un simple mot en lien automatiquement avec pour vos partenaires commerciaux ? Vous voulez juste rediriger automatiquement une marque ou un nom de marque vers son site officiel ? Vous voulez rediriger automatiquement vos mots-clés vers la page des tags qui leurs sont dédiées ? Ce Tutoriel est là pour ça.

Les applications, comme proposées ci-avant sont nombreuses, et la méthode reste simple et franchement accessible à tous les blogueurs ayant installé leur propre blog WordPress. Vous pouvez ajouter autant d'expressions que vous voulez, l'important est de respecter la virgule à la fin de la ligne. A savoir que la fonction sera traitée à chaque lecture d'un article, ce qui peut être intéressant pour une opération commerciale momentanée. Cette fonction est basique, et si un lien existe déjà sur un mot à remplacer par un autre, il se retrouvera avec un code bien sale.

Dans le fichier functions.php, il faut rajouter cette fonction, et l'adapter à vos besoins. Dans cet exemple, les mots seront remplacés à la fois dans le contenu des pages du blog, mais aussi dans les extraits.


function replace_text_wps($text){
    $replace = array(
        // 'MOT A REMPLACER' => 'REMPLACE AVEC CETTE EXPRESSION'
        'thesis' => 'thesis',
        'studiopress' => 'studiopress',
    );
    $text = str_replace(array_keys($replace), $replace, $text);
    return $text;
}
 
add_filter('the_content', 'replace_text_wps');
add_filter('the_excerpt', 'replace_text_wps');
?>

NeoSting.net - Fonction pour remplacer un mot par une exrpression

Ajouter des miniatures de sites dans vos articles facilement #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Fri, 21 Oct 2011 12:28:49 +0000

Je vous avais parlé de trois services vous permettant d'incruster des miniatures de sites directement dans vos articles. J'avais envie de revenir sur celui que j'ai choisi, à savoir simplement celui créé par l'équipe de WordPress, mshots.

Une astuce permet de rajouter une fonction dans le fichier functions.php afin de pouvoir utiliser les fameux shortcodes dans ses articles. La procédure est simple et a l'avantage de toujours mettre des vignettes à jour.


//snapshot automatique
function wpr_snap($atts, $content = null) {
        extract(shortcode_atts(array(
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://neosting.net',
			"alt" => 'My image',
			"w" => '200', // width
			"h" => '156' // height
        ), $atts));
 
	$img = ' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}
add_shortcode("snap", "wpr_snap");
?>

Ensuite, pour utiliser le shortcode, il faut ajouter ceci :

[snap url="http://neosting.net/" alt="NeoSting.net thumbshot" w="200" h="156"]

A vous de changer la taille des vignettes en fonction de vos besoins, et de remplacer les adresses de mon blog par le vôtre. profitez-en pour entourer le shortcode avec un peu de CSS, pour pouvoir mettre ces thumbshots dans une boite flottante. Un plugin, AddQuickTag, vous propose même de vous faciliter l'insertion, depuis votre éditeur de texte.

NeoSting.net - Ajouter des miniatures de sites dans vos articles facilement

iScanner, pour chercher des virus et malwares sur votre site #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Tue, 27 Sep 2011 22:41:28 +0000

Même si vous développez vous-même votre blog ou surveillez la plupart des scripts qui vont avec, vous n'êtes jamais à l'abri d'un pirate. De plus, avec des moteurs de blog, comme WordPress, il est facile d'installer sans se prendre la tête des thèmes et des plugins qui viennent d'un peu partout, et certains n'apportent pas toujours que du bonheur. Ce peut donc être intéressant de passer les scripts que vous utilisez à la moulinette afin de vérifier si, ils ne contiennent pas un peu de codes malicieux "cachés".

iScanner est un outil qui devrait donc pouvoir vous aider à y voir plus clair, et sûrement aussi à vous rassurer. C'est un programme écrit en ruby, entièrement gratuit, open-source, et sous licence GNU AGPL 3.

Il faudra donc au préalable avoir installé l'environnement, mais un simple "yum / apt-get install ruby" sous linux ou Rubyinstaller pour windows fera l'affaire. Ensuite, comme vous pourrez le voir dans cette simple et bonne documentation, qui se trouve aussi dans l'archive de iScanner, vous pourrez lancer le programme (sans même forcément l'installer) en ligne de commande pour qu'il recherche et trouve des virus ou des malwares dans vos scripts.

Dans l'exemple suivant, vous mettrez à jour sa base de données et scannerez les fichiers d'un plugin de wordpress douteux, que vous aurez alors téléchargé en local (pour commencer et tester). Par défaut, il jettera un œil sur les fichiers HTML, HTM, PHP et JS.

ruby iscanner -U // Pour mettre à jour le programme et sa BDD
ruby iscanner -f /home/monrep/vers/wp-content/plugins // Scan

iScanner est aussi capable de nettoyer automatiquement le(s) fichier(s), mais si vous préférez vérifier avant, il créera un fichier log afin de vérifier les parties qu'il nettoiera sur une commande automatique. Ce qui est bien avec, c'est que finalement, vous aurez même la possibilité de le déployer sur votre serveur, afin de lui faire analyser régulièrement par CRON, les pages de votre site. En cas d'alerte, il vous enverra un petit mail.

NeoSting.net - iScanner, pour chercher des virus et malwares sur votre site

Edito du 17/09/2011 : une nouveelle évolution du thème du blog #Actualité #WordPress #NeoSting

NeoSting — Sat, 17 Sep 2011 20:57:57 +0000

Il m'aura fallu un peu plus de 4 jours de travail intensif et acharné pour refaire le thème du blog. Le précédent, (toujours entièrement réalisé par moi-même) avait déjà posé les bases, mais manquait à la fois d’homogénéité, de contenus disponibles et paraissait au final plutôt amateur. C'est aussi l'un des thèmes que j'ai gardé le plus longtemps, et en ce sens, m'y plaisant quand même bien, j'ai voulu essentiellement corriger les erreurs de débutants, en le faisant "simplement" évoluer tout en conservant la "charte" graphique.

De ce fait, il n'est pas impossible que vous ne notiez pas les très nombreux changements. Comme toujours, je suis quand même reparti d'un fichier de 0 octet, pour être sûr de ce que je faisais. Avec cette évolution, j'avais surtout l'intention de vous permettre de découvrir plus d'articles quelques soit la page sur laquelle vous êtes.

Du changement dans les pages ?

Sur la home (la page d'accueil), tout d'abord, ce sont pas moins des 17 derniers articles qui vous sont proposés, avec un module pour voir lesquels sont les plus populaires du moment (calculés sur les 7 derniers jours), un module pour une citation (sans bdd, et autre module de le seconde chance pour afficher un article au hasard. Ensuite, sur vos recherches, sur les pages d'archives (destinées à recevoir vos appels sur une catégorie du menu, sur un tag d'un article, ou via le calendrier de Burninghat - en bas), j'ai repris exactement le même concept que la home, et j'en suis assez fier. J'ai d'ailleurs appris pas mal de choses, et je vous ferai un ou deux petits tutoriels pour wordpress bientôt. Enfin, concernant la page des articles, celle qui est le plus consultée, j'ai retiré les deux flux publicitaires en haut et en bas pour améliorer la clarté. Et comme j'ai tendance à écrire parfois des textes relativement longs, j'ai abaissé le niveau de contraste pour un meilleur confort, avec un fond qui n'est plus aussi blanc que blanc (spécial dédicace à Coluche).

De nouveaux effets

Je voulais me faire plaisir avec les CSS3 et profiter de quelques-une de ses possibilités. Il n'est en revanche pas encore en html5, je préfère attendre encore un peu. Il faudra donc pour en profiter pleinement utiliser un navigateur récent. Du coup, j'ai demandé à l'ami Kreiion de me faire allumer les lumières sur ce splendide bandeau que le Dieu de l’inspiration lui a envoyé, et il ne me restait plus qu'à faire en sorte, grâce aux CSS3, toujours, d'appliquer une transition au passage de la souris. Des transitions que vous retrouverez d'ailleurs régulièrement un peu partout : sur les liens, sur certaines images et dans le module de recherche. Je vous expliquerai dans un tuto, comment j'ai fait.

Maintenant, ce thème a un défaut : celui de mettre en avant les anciens articles, et notamment ceux qui n'ont pas encore d'image associée ; et ils sont nombreux ! Kreiion s'est (encore une fois merci à lui) chargé de me faire un petit dessin générique que vous retrouverez donc régulièrement en faisant le curieux.

J'espère que vous aurez plus de plaisir à rester lire mes bêtises et n'hésitez pas à profiter des tags, et des catégories qui apportent enfin un vrai plus. Quant à moi, il me reste encore quelques petites bidouilles de pseudo-programmeur du dimanche à finir. Si vous avez des remarques, des suggestions, des problèmes, un petit mail. Pensez quand même à supprimer le cache de votre navigateur. Si vous ne savez pas, le logiciel Ccleaner (sous windows) s'en chargera pour vous.

NeoSting.net - Edito du 17/09/2011 : une nouveelle évolution du thème du blog

Comment désactiver les commentaires de WordPress #WordPress #NeoSting

NeoSting — Mon, 01 Aug 2011 20:44:13 +0000

Pour supprimer visuellement les commentaires sur votre blog WordPress, il y a plusieurs moyens, mais tous sont complémentaires. Si vous voulez les enlever du blog, la première chose à faire est d'aller chercher dans les fichiers de votre thème, la fonction qui appelle les commentaires. Elle se trouve, suivant le thème, au moins dans le fichier "single.php" (la page principale d'un article), mais aussi éventuellement dans "index.php", dans "archive.php" et dans "page.php". La trouver et la retirer (ou la commenter). A noter qu'elle peut-être écrite un peu différemment.

 comments_template(); ?>

A ce moment, il faudra renommer votre fichier "comments.php", ou le supprimer.

Enfin, dans les réglages, dans votre panneau d'administration, à la rubrique discussion, il faudra décocher la case qui autorise les commentaires. Sachez qu'ils seront quand même toujours présents dans votre base de données, si jamais vous changez d'avis...

Profitez-en désormais pour désactiver toutes les extensions qui étaient utiles aux commentaires, comme Akismet, NoSpamNX ou encore Subscribe to Comments. Elles ne servent plus à rien et seront autant de ressources libérées. Cette méthode permet de continuer à recevoir par mail les notifications de ping et de rétroliens lorsque vous en aurez sur vos articles.

Enfin, si vous préférez garder en visuel ceux qui ont été postés auparavant, il ne faut surtout pas enlever l'appel à la fonction et le fichier "comments.php". Vous aurez alors juste besoin de simplement désactiver la possibilité d'en émettre (dans le panneau d'administration) et de faire cette notification via phpmyadmin (dans votre base de donnée sur l'onglet SQL) avec la commande suivante, ce qui aura pour effet de fermer les commentaires sur tous vos anciens articles. (plus d'options sur cette page).

UPDATE wp_posts SET comment_status = 'closed';

Si vous avez changé le préfixe de votre base de donnée pour éviter les failles 0-Day, pensez à remplacer "wp_" par le vôtre.

NeoSting.net - Comment désactiver les commentaires de WordPress

Trouver facilement les liens cassés dans vos articles wordpress #WordPress #NeoSting

NeoSting — Mon, 18 Jul 2011 14:16:48 +0000

Au fil du temps, avec les années qui passent, de nombreux liens dans votre blog finissent par ne plus pointer que sur des pages 404. Les raisons sont nombreuses, mais on peut en ressortir deux immédiatement :

Le site n'existe plus
Le site a changé l'écriture (url rewriting) de ses pages

Pour retrouver toutes ses adresses qui ne pointent plus nulle part dans votre blog wordpress, il existe une extension au doux nom de Broken Link Checker, que l'on peut retrouver aussi dans les dépôts officiels des extensions.

Celle-ci, plutôt complète avec même un moteur de recherche utile, aura pour mission de vérifier tous vos liens (adresses dans les articles, les commentaires, les images, les vidéos...) pour vous faire un petit bilan. Chaque adresse sera alors administrable, et vous pourrez les changer à la volée, les effacer, et même retrouver rapidement votre article pour l'éditer à son tour, au besoin. L'extension a aussi le bon goût de ne pas surcharger votre serveur en n'effectuant que les recherches si celui-ci n'excède pas un certain niveau de charge défini dans les options. Une fois celui-ci terminé, les nouveaux liens cassés vous seront envoyés par mail au fur et à mesure. je vous conseille tout de même de ne l'activer que lorsque vous voulez faire quelques révisions de SEO.

Pour retrouver un SEO donc un peu plus sain, et surtout redonner confiance à vos lecteurs qui auraient le malheur de cliquer sur un lien inutile, cette extension devrait vous ravir. En effet, afin de les informer visuellement que le lien propsoé est cassé, Broken link Checker va ajouter un style CSS (configurable, lui aussi) qui par défaut va barrer l'adresse avec un "line-through" directement dans vos articles. Je trouve pour ma part, cette méthode franchement valorisante et respectueuse de son lectorat, même si ça peut donner l'idée d'un manque de "sérieux".

Il ne reste plus qu'à trouver un outil en ligne qui permette de rechercher automatiquement la nouvelle URL d'un article déplacé, ce que je cherche encore. Si jamais vous connaissez une méthode simple et pratique, n'hésitez pas à laisser un commentaire qui fera l'objet d'un nouvel article.

Pour ma part, je vous recommande l'utilisation de ce petit script afin de personnaliser votre page 404. Il n'est pas parfait, mais c'est déjà mieux qu'une page blanche indiquant 404 not found que l'on voit encore sur beaucoup de sites PRO, et même dédiés à la programmation (Non, je ne citerai pas de noms, mais avec ce blog, j'en ai rencontré un certains nombre...)

image

NeoSting.net - Trouver facilement les liens cassés dans vos articles wordpress

Personnaliser votre page 404 pour aider l'internaute à trouver ce qu'il cherchait #WordPress #NeoSting

NeoSting — Mon, 18 Jul 2011 13:49:11 +0000

Vous avez très certainement eu déjà l'occasion de venir sur une page 404 de mon blog. Celle-ci a fait, il y a pas mal de temps l'objet d'une refonte afin de permette aux internautes perdus de retrouver une trace d'un article sur lequel ils voulaient venir. Ça ne fonctionne pas forcément à tous les coups, mais comme on dit, c'est toujours mieux que rien. Il manque d'ailleurs à cette page un dessin que j'attends. J'ai chargé l'ami Kreiion de réaliser quelques chose de sympa à ce sujet.

Donc, pour revenir expliquer un peu le script ci-dessous qui n'est donc pas une extension (idéal pour ceux qui ne veulent pas surcharger leur blog avec ça) celui-ci va analyser l'adresse que l'internaute a utilisé pour venir lamentablement s'échouer. Il est bien sûr à placer dans la page 404.php de votre thème. Il va alors nettoyer un peu son contenu pour supprimer les trucs inutiles et les doublons, afin de ne garder essentiellement que les mots utilisés dans l'URL qui seront ensuite réinjecté dans le moteur de recherche interne. Une méthode qui assure donc à l'internaute qu'il ne retombera pas sur une nouvelle 404 crevée des 4 roues.


/* Récupération de l'adresse saisie  */
$search_term    = urldecode(substr ($_SERVER['REQUEST_URI'], 1));
/* Elimination des termes inutile */
$order      = array('www', '.html', '.php', '.jpg', '.gif', 'tag', 'category', '.htm', 'titre', 'categorie', 'rubrique' );
$replace        = '';
$search_term    = str_replace($order, $replace, $search_term);
/* remplacement des ponctuations */
$order      = array('', '/', '_', '-', '.');
$replace        = '+';
$search_term    = str_replace($order, $replace, $search_term);
/* elimination des doublons */
$search_term = implode("+", array_unique(explode("+", $search_term)));
/*Injection dans le moteur de recherche */
$search_url     = get_bloginfo('url') . '/?s=';
$full_search_url    = $search_url . $search_term;
$full_search_url    = preg_replace('/ /', '%20', $full_search_url);
?>

Il suffit alors de proposer (sur ma future image de @kreiion et/ou par le biais d'un lien cliquable la fonction suivante, ce qui aura pour conséquence de lancer une nouvelle recherche avec cette fois-ci, une grande chance pour l'internaute de trouver différents sujets pouvant l'intéresser, et qui sait, même, retrouver l'article original qu'il était venu voir.

 echo $full_search_url;?>

Il faudrait que je l'améliore un peu pour notamment faire une recherche en fonction de l'id d'un article qui se trouverait dans l'ancien système d'URL (/archives/ID ou ?p=ID), mais ce sera pour plus tard. Si vous voulez me faciliter la vie (et la vôtre), proposez moi cette nouvelle fonction à ajouter et vous aurez le droit, en prime à tout la reconnaissance de ma communauté :) Mettez dans les commentaire pour afficher du code :

< pre lang="php">< /pre> // sans les espaces

image

NeoSting.net - Personnaliser votre page 404 pour aider l'internaute à trouver ce qu'il cherchait

Lubith, un nouveau générateur de thème convivial #WordPress #NeoSting

NeoSting — Wed, 06 Jul 2011 12:31:41 +0000

Si vous ne vous sentez pas à l'aise dans la création d'un thème pour votre moteur de blog préféré qu'est WordPress, il existe tout un tas de choses plus utiles les unes que les autres pour vous aider. Vous pouvez me demander de vous en faire un, vous pouvez en piocher parmi les nombreuses galeries officielles ou vous pouvez utiliser aussi un générateur de thème comme celui-là.

Mais depuis peu, vous pouvez aussi tenter l'aventure en vous lançant avec le générateur de Lubith. Il faut avouer que ce dernier ne semble pas manquer de charme ni de convivialité. Dans mon rôle de distributeur d’infirmation, je devrais au moins l'avoir testé, mais je n'ai pas forcément beaucoup de temps, et ma méthode préférée reste la méthode manuelle. Cependant, si vous avez testé, n'hésitez pas à venir en parler un peu au travers des commentaires. Je serais curieux de savoir si le code généré est propre et surtout sain, car il ne faut pas oublier que parmi les thèmes que vous pouvez obtenir gratuitement ou même acheter sur Internet certains incorporent du code malicieux caché avec du base64. j'imagine que celui de Lubith n'est pas dans ce cas.

je vous laisse donc découvrir cette vidéo qui explique comment fonctionne l'interface visuelle qui semble très intuitive, et comment vous allez, à partir du thème d'origine, en recréer un tout nouveau. Pas de logiciel à télécharger, ça se passe au travers de votre navigateur (pour le moment seuls Chrome et Firefox sont supportés). L'inscription est gratuite et peu envahissante, mais peut-être qu'à terme, ce générateur deviendra payant, lorsqu'il sera connu et totalement prêt. Actuellement, il est plus ou moins en phase béta, et un forum est là pour vos remarques, vos problèmes et vos suggestions. Le support répond, en plus très rapidement.

NeoSting.net - Lubith, un nouveau générateur de thème convivial

Comment utiliser les champs personnalisés de WordPress ? #WordPress #NeoSting

NeoSting — Fri, 03 Jun 2011 17:05:34 +0000

Voici un petit tutoriel simple et rapide pour vous apprendre à utiliser l'une des plus intéressante fonction de WordPress ; les champs personnalisés ou en anglais, les custom fields.

Kesako ?

Lorsque vous écrivez un article, vous pouvez ajouter des champs personnalisés depuis l'interface, comme vous le montre cette image à droite. Vous pouvez donc saisir un nouveau champ afin d'automatiser dans votre thème la saisie des informations que vous jugez importantes. Ce peut être tout et n'importe quoi, mais je pense notamment à la source. Plutôt que de devoir l'insérer manuellement dans votre article, vous pouvez rendre le processus automatisé et ainsi gagner un peu de temps. L'avantage aussi de ces champs personnalisés, c'est que vous pouvez récupérer les résultats et les afficher un peu où vous voulez dans votre thème.

Par où commencer ?

Vous allez saisir le nom de ce champ, qui servira de valeur d'appel. Appelons-là "urlsource" Ensuite, lorsque vous écrirez un article, vous aurez l'occasion de sélectionner ce champ dans la liste déroulante et de lui donner une valeur. Ici, un simple copier/coller de l'adresse du site web de votre source suffira. Mais rien ne vous empêche aussi d'ajouter un autre champ, dans le même principe pour nommer votre source. Un champ "nomsource" ferait très bien l'affaire.

Comment procéder ?

Ensuite, pour récupérer la valeur du champ "urlsource" et rendre, par la même occasion, le lien cliquable, on va se servir de la fonction get_post_meta(). La première chose à faire, c'est de vérifier si il y a quelque chose à afficher en provenance de notre nouveau champ. "post->ID" va reprendre le numéro de l'article courant dans la boucle, et "true" vérifie qu'il y a quelque chose. On ajoute donc :

 if ( get_post_meta($post->ID, 'urlsource', true) ) : ?>
 endif; ?>

Enfin, il ne nous reste plus qu'à afficher le contenu que l'on a saisi lors de la validation de notre article. Le fait que celui-ci soit déjà une URL va nous faciliter la création du lien.

 if ( get_post_meta($post->ID, 'urlsource', true) ) : ?>
 echo get_post_meta($post->ID, 'urlsource', true) ?>" title="Source de cet article">Source de cet article
 endif; ?>

Enfin, dans le même principe, plutôt que d'afficher simplement le mot "source", on peut aussi reprendre la valeur du champ "nomsource" que l'on aura aussi renseigné, avec un autre echo. Cela fonctionne de la même manière pour une image. En reseignant son adresse complète, on peut l'afficher avec IMG. A vous d'être créatif.

NeoSting.net - Comment utiliser les champs personnalisés de WordPress ?

Comment retarder l'envoi des articles dans son flux RSS #WordPress #NeoSting

NeoSting — Wed, 25 May 2011 12:21:40 +0000

Lorsque l'on écrit ses zolis articles, on s'aperçoit toujours après coup qu'on a fait quelques fautes, que l'on a oublié de le mettre dans la bonne catégorie, que l'on a fait des erreurs impardonnables, que l'on a oublié de mettre une image qui va bien, ou oublié ~~volontairement~~ de mettre la source, etc. Seulement dans son flux RSS, les articles sont envoyés aussitôt après la validation, et c'est parfois gênant.

WordPress devrait avoir ce genre de fonction gérable dans son panneau d'administration et malheureusement, ce n'est pas le cas. La solution pour palier à ce problème, dont je suis fréquemment la victime, et je sais que je ne suis pas le seul, c'est de retarder ou de différer l'envoi de ses articles dans son flux RSS.

Pour faire ça, c'est en plus très simple. Il suffit d'ouvrir son fichier functions.php à la racine de son thème et d'ajouter les lignes suivantes. Dans le cas suivant, le flux RSS se mettra à jour seulement 5 minutes après la validation d'un article. Vous pouvez à votre guise changer cette valeur, suivant que vous êtes long à la détente ou pas.

function publish_later_on_feed($where) {
    global $wpdb;
    if ( is_feed() ) {
        // timestamp in WP-format
        $now = gmdate('Y-m-d H:i:s');
        // value for wait; + device
        $wait = '5'; // integer
        // http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
        $device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR
        // add SQL-sytax to default $where
        $where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
    }
    return $where;
}
add_filter('posts_where', 'publish_later_on_feed');

Merci / Image

NeoSting.net - Comment retarder l'envoi des articles dans son flux RSS

3 générateurs de miniatures de blogs #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Tue, 17 May 2011 16:37:35 +0000

Voici 3 générateurs de thumbnails qui capturent, pour vous, des pages de sites web ou de blogs. Les thumbunails sont ces petites images représentant leur grande soeurs plus grandes et servant avant tout d'aperçues. Pourquoi utiliser de tels générateurs ?

Il est en effet tout à fait possible de les réaliser soi-même, ce qui est même une solution plus fiable et recommandée sur le long terme, mais cela demande du temps avec un inconvénient et un risque important : proposer une image qui n'est pas à jour et ne reflète plus le site en question. Il faut donc faire une capture d'écran, la redimensionner, la mettre sur son serveur et l'appeler dans sa page. On peut perdre facilement quelques minutes. Avec un générateur, le gain de temps est appréciable car une simple ligne html, et vous pouvez passer à la suite. Mais le gros défaut, c'est que vous n'êtes pas à l'abri d'une interruption ou d'une surcharge du service, avec une génération parfois lente des miniatures.

Je vous en présente donc 3 qui vont générer pour vous ces thumbshots et qui sont gratuits. Le premier, et le plus puissant de tous est celui utilisant une fonction non documentée de WordPress qui sert notamment à générer la galerie de blogs de WordPress.org. Avec elle, vous aurez la possibilité d'utiliser une taille de votre choix, ce qui est un avantage indéniable. Pour l"utiliser, il vous faut appeler l'image comme ceci avec w=taille

<img src="http://s.wordpress.com/mshots/v1/http%3A%2F%2Fneosting.net%2F?w=200" alt="" width="200" height="150" />

Ensuite, vous pouvez utiliser celui de Thumbshots.com, qui sert notamment à fournir l'aperçu de la célèbre extension Search Preview. L'aperçu de l'image, avec cette extension vient s'insérer dans les résultats de recherche de Google.. L'aperçu sera ici de la taille 120x90 pixels, et s'uitlise comme ceci :

<img src="http://open.thumbshots.org/image.pxf?url=http%3A%2F%2Fneosting.net%2F" alt="" width="120" height="90" />

Enfin, le dernier générateur est proposé par Thumbshot.fr et propose la même taille d'image, soit 120x90 pixels.

<img src="http://api.thumbshot.fr/thumb.php?url=http%3A%2F%2Fneosting.net%2F" alt="Preview by Thumbshot.fr" width="120" height="90" />

Il est impératif de penser à remplir la balise ALT au passage, pour référencer un peu mieux l'image générée ainsi que la taille de cette dernière, comme dans les exemples ci-dessus. Vous pouvez même accélérer et automatiser dans WordPress l'insertion de ces images grâce à l'extension AddQuickTag.

Le résultat de ces 3 aperçus dans l'ordre :

NeoSting.net - 3 générateurs de miniatures de blogs

Gérer et bien utiliser des miniatures dans WordPress #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Mon, 18 Apr 2011 14:58:47 +0000

Depuis la version 2.9, WordPress propose une fonction dédiée aux miniatures, aussi couramment appelées thumbnails. Si comme moi, vous voulez les utiliser piur chacun de vos articles, il n'y a plus du tout besoin de recourir aux plugins pour ça. Je vous explique ici comment faire pour bien les gérer. Vous le verrez à la fin de cet article, il reste cependant encore une fonction manquante que les développeurs seraient bien avisées d'ajouter, plutôt que de nous pondre tout un tas de nouvelles fonctionnalités aussi inutiles que lourdes. Enfin, heureusement un plugin est là pour rattraper ce petit manquement, pourtant bien utile.

Si vous créez vous-même votre thème, il vous faudra tout d'abord expliquer à votre moteur de blog favoris, que vous voulez l'utiliser. Pour cela, il faut l'activer dans le fichier functions.php, sinon, rien ne se passera. Elle se nomme ad_theme_support.

Du côté de la programmation

Ajoutez donc ceci :


add_theme_support( 'post-thumbnails' );
?>

Ensuite, il vous faudra l'appeler dans les fichiers de votre thème, comme single.php, index.php, archive.php... Pour cela, on va écrire ceci, ce qui aura pour conséquence de vérifier d'abord la bonne présence de la fonction avant :


if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  )
the_post_thumbnail();
?>

Mais ce n'est pas tout. Lorsque vous allez dans les réglages à la rubrique Medias, WordPress va automatiquement créer deux versions différentes de votre nouvelle image. A vous, en premier lieu, de déterminer les tailles appropriées pour votre thème. La case cochée est selon moi à décocher, car en cas d'image trop grosse, ou ne correspondant pas du tout aux proportions demandées, les images seront recadrées, ce qui peut être franchement dérangeant.

Pour obtenir la bonne image , on appelera les tailles suivantes qui seront associées alors à la classe CSS wp-post-image, en plus d'une classe spécifique par taille. Libre à vous de la "décorer" dans votre feuille de style, par la suite :

Petite : 'thumbnail' -> class :" attachment-thumbnail"
Moyenne : 'medium' -> class :" attachment-medium"
Grande : 'large' -> class :" attachment-large"

Le résultat donnera ceci pour la miniature, à placer impérativement dans la boucle de wordpress :


if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  )
the_post_thumbnail('thumbnail');
?>

Seulement il y a encore un problème important pour l'accessibilité : l'absence de ALT="" dans IMG. A cela, j'ai une autre réponse très simple et assez puissante, que je vous conseille d'utiliser, grâce à la fonction get_post_meta. Dans la page d'édition de votre article, vous pouvez ajouter des champs supplémentaires (custom fields). Ajoutez donc un champ personnalisé, que l'on va appeler, pour l'exemple altimage et renseigner le texte alternatif de votre future image, servant de miniature d'identité à votre article. Récupérez alors dans votre thème ce texte alternatif comme ceci, qui sera ici mis dans la variable $setaltimage :

$setaltimage = get_post_meta($post->ID, "altimage", true);

Enfin, afin que tout soit prêt et propre, appelez le tout comme ceci :

$setaltimage = get_post_meta($post->ID, "altimage", true);
if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  )
the_post_thumbnail('thumbnail', array('alt' => $setaltimage));

Du côté de l'interface

Une fois la fonction ajoutée dans votre fichier functions.php, vous devez pouvoir voir un lien dans la page d'édition d'un article (normalement à droite), nommée Set featured image. En cliquant dessus, vous verrez une popup avec la possibilité d'ajouter une image Choisissez sinon celle qui vous convient dans la bibliothèque, et vous verrez le lien en bas de la popup Use as featured image. fermez la popup, et vous la verrez déjà prête à être utilisée pour votre article...

Un plugin pour reconstruire les miniatures dans WordPress

Comme je vous le disais, en début d'article, il manque une fonction essentielle à ce beau mécanisme : la reconstruction des nombreuses miniatures accumulées. En effet, le jour où vous changez de thème, vos images ne seront plus aux bonnes dimmensions. Pour cela, je vous recommande d'utiliser Regenerate Thumbnail, accessible bien sûr dans le dépôt des extensions officiel.

Le prochain article vous montrera comment utiliser un sous-domaine pour les images de votre bibliothèque (bientôt linké ici).

NeoSting.net - Gérer et bien utiliser des miniatures dans WordPress

Exécuter (sans plugin) un fichier html dans vos articles #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Sat, 09 Apr 2011 00:22:17 +0000

Je suis tombé un peu par hasard sur une petite fonction toute bête, qui mine de rien, peut rendre bien des services. Son principe est de vous permettre d'exécuter le contenu d'un fichier html dans vos pages ou vos articles sous wordpress. Il y a des plugins pour ça, mais si vous n'avez pas besoin d'exécuter du php, ce serait dommage d'alourdir votre blog. Alors, c'est vrai, le html, c'est has-been, et ça manque de puissance, mais en fait, il faut voir un peu plus loin les nombreuses possibilités que cela peut vous procurer.

Même si cette fonction, ne permet donc pas d'exécuter du php, il vous est en revanche tout à fait possible de créer un script à côté qui va justement générer les résultats que vous voulez dans ce fameux fichier html. Par conséquent, le contenu affiché dans l'article ou la page "cible" sera automatiquement mis à jour. C'est même plutôt pratique, si vous avez besoin de générer une fois par jour (ou moins) le contenu qui vous intéresse. Ça évitera, par exemple, qu'il soit recalculé à chaque fois que l'article ou la page est visitée. On peut imaginer vouloir afficher un tableau des scores, une liste de titres spéciaux, des statistiques de la veille ; tout est envisageable.

Enfin, cette fonction est aussi capable d'interpréter du javascript, d'après quelques essais que j'ai réalisés, et rien ne vous empêche de créer un fichier ayant pour extension .php, tant qu'il n'en contient pas... Voici donc ce petit bout de code à insérer dans votre fichier functions.php, situé dans le répertoire de votre thème.

function show_file_func( $atts ) {
  extract( shortcode_atts( array(
    'file' => ''
  ), $atts ) );
 
  if ($file!='')
    return @file_get_contents($file);
}
 
add_shortcode( 'show_file', 'show_file_func' );

Ensuite, dans votre page ou votre article, il ne vous reste plus qu'à appeler le fameux fichier html...

[show_file file="http://neosting.net/scripts/monfichier.html"]

Merci et Image

NeoSting.net - Exécuter (sans plugin) un fichier html dans vos articles

Tuto #1 : méthode sans plugin pour utiliser l'API de goo.gl #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Fri, 08 Apr 2011 12:59:52 +0000

Je vous avais montré comment réaliser des QR codes et comment voir les statistiques de vos liens raccourcis avec goo.gl. Je vous avais aussi proposé un script sans plugin pour l'implémenter dans votre blog wordpress, mais l'API de Google n'était pas encore mûre. En évoluant, et en rajoutant enfin l'API du service, le script, forcément, ne fonctionnait plus.

Voici donc une solution aujourd'hui viable, qui permet de manière basique, de créer une URL raccourcie par Google. Elle est basique, dans le sens où, il vous faudra obtenir votre propre clé afin, dans un premier temps, d'obtenir une URL unique pour chacune de vos pages. Cette méthode a aussi l'avantage de ne pas utiliser de plugin, car la fonction suivante sera à mettre dans le fichier functions.php de votre thème.

Mais tout d'abord, rendez-vous sur la console API de Google afin d'activer et d'obtenir votre clé personnelle. Remplacez ensuite, dans les lignes suivantes MACLEPERSO par votre clé entière commençant par https...


function googl_shortlink($url, $post_id) {
   global $post;
   if (!$post_id && $post) $post_id = $post->ID;
   if ($post->post_status != 'publish')
   return "";
   $shortlink = get_post_meta($post_id, '_googl_shortlink', true);
   if ($shortlink)
   return $shortlink;
   $permalink = get_permalink($post_id);
   $http = new WP_Http();
   $headers = array('Content-Type' => 'application/json');
   $result = $http->request('MACLEPERSO', array( 'method' => 'POST', 'body' => '{"longUrl": "' . $permalink . '"}', 'headers' => $headers));
   $result = json_decode($result['body']);
   $shortlink = $result->id;
   if ($shortlink) {
   add_post_meta($post_id, '_googl_shortlink', $shortlink, true);
   return $shortlink;
}
else {
   return $url;
}
}
add_filter('get_shortlink', 'googl_shortlink', 9, 2);
?>

Ensuite, pour voir apparaitre votre lien raccourci, il vous faudra ajouter dans les pages de votre thème (ex : single.php) l'appel de la fonction wp_get_shortlink(), qui est une fonction de wordpress depuis la version 3, en ajoutant ceci :

 wp_get_shortlink(); ?>

Mais, car il y a un "mais", cette méthode n'utilise pas l'autehtification de Google, qui sert à afficher dans votre page goo.gl la liste de vos URLs raccourcies. Ce sera pour la seconde partie de ce tutoriel, si j'arrive un jour à comprendre comment ça fonctionne, car je suis une brèle en programmation... Si vous pouvez m'aider ou apporter votre tutoriel à ce script, je serai ravi de le proposer. N'hésitez donc pas à me contacter pour que je puisse l'ajouter.

Merci à Koveshenin pour l'aide précieuse dont ce tuto s'est largement inspiré.

NeoSting.net - Tuto #1 : méthode sans plugin pour utiliser l'API de goo.gl

De jolies touches de clavier en CSS #Aides et Tutoriels #WordPress #NeoSting

NeoSting — Wed, 06 Oct 2010 15:02:10 +0000

Si vous avez envie de proposer à vos visiteurs une meilleure lisibilité lorsque vous avez besoin de leur faire appuyer sur des touches spécifiques de clavier - dans le cas où vous écrivez un tutoriel, par exemple -, alors voici un code en CSS qui devrait vous ravir. Proposées dans deux contrastes différents : noires ou blanches, les touches sont personnalisables, se révèlent et s'intègrent très facilement à votre thème. Encore plus loin, vous n'êtes pas obligé d'utiliser ce code juste pour afficher des lettres, mais comme ci-dessous, l'utiliser pour mettre en valeur des noms de fichier au sein du pavé textuel.

Ce code est gratuit, et nous est proposé par Michael Hüneburg sur cette page dédiée. La licence est simple : vous pouvez tout faire avec son code, mais vous devez inclure son fichier de copyright readme.txt lors de votre distribution, qu'elle soit commercial ou pas.

Le résultat donne ces quelques exemples sur mon blog, avec son code original :

CTRL + F -> ALT + F1 -> Shift + D

Pour l'utiliser, je vous recommande de sélectionner tout le contenu du fichier keys.css et de faire un copier / coller directement à la fin de la feuille de style de votre thème. Ensuite, il faudra entourer les "touches" ou mots avec ce code :

="dark">SHIFT> // pour les touches sur fond noir
="light">SHIFT> // pour les touches sur fond blanc

Toujours pour vous faire gagner du temps, je vous recommande d'utiliser cette magnifique extension wordpress nommée AddQuickTag, qui vous permettra, justement d'automatiser ce genre de tâche.

Merci

NeoSting.net - De jolies touches de clavier en CSS

Générer des QR codes avec goo.gl #WordPress #NeoSting

NeoSting — Fri, 01 Oct 2010 09:45:59 +0000

Jusqu'à présent, Google gardait pour ses utilisateurs privilégiés son raccourcisseur d'URL, goo.gl. Désormais, le service est enfin ouvert au public, et se dote même, pour l'occasion d'un site officiel. Histoire de rajouter une certaine plus-value face à ses nombreux concurrents, goo.gl propose de générer très facilement les QR codes des adresses raccourcies. Pour cela, il faut juste rajouter à la fin de l'adresse courte obtenue ".qr".

Ensuite, pour afficher l'image, générée par Google automatiquement et lisible par les smartphones, rien de plus simple ! Ajoutez le lien court en .qr comme une image traditionnelle en HTML.

<img src="http://goo.gl/zeGt.qr" alt="qr code, goo.gl, neosting.net" />

Si vous voulez juste voir les statistiques de votre lien raccourci, il faut rajouter "+" à la fin de l'URL.

<img src="http://goo.gl/zeGt+" alt="qr code, goo.gl, neosting.net" />

A ce propos, je vous avais déjà expliqué comment générer facilement un qr code lisible sur les smartphones ici, pour le cas où vous ne voudriez pas utiliser goo.gl.

Merci

NeoSting.net - Générer des QR codes avec goo.gl