WordAds est donc une solution d’affichage publicitaire sur les blogs hébergés sur WordPress.com exclusivement. WordPress ne se transforme pas en régie pub, métier qu’ils ne connaissent et ne maitrisent pas mais à judicieusement signé un accord avec Federated Media qui va s’occuper de remplir les espaces publicitaires. Cette offre est bien entendu optionnelle pour les blogs sur wordpress.com et pour pouvoir candidater le blog doit fonctionner avec son propre nom de domaine. Ensuite, Federated Media fera une sélection basée sur le trafic a priori.

Une offre logique, cohérente et qui arrive peut être un peu tard sur le marché…

En effet, l’interface devient de plus en plus aboutie et les fonctionnalités de plus en plus efficaces et perfectionnées (cf l’upload de fichiers qui passe en drag and drop notamment). Avec cette version wordpress devient de plus en plus accessible à n’importe qui, on peut presque parler de version grand public! Voici quelques nouveautés à découvrir dans cette nouvelle mouture :

-Téléchargement d’images en drag and drop, pratique et rapide
-Une nouvelle barre d’administration plus légère et compact
-Des menus en « flyout »
-Un écran présentant les dernières mises à jour lors de chaque upgrade de wordpress
-Une amélioration de la co-édition d’un article
-Un import de blog thumblr… On ne sait jamais!
-Une sauvegarde des widgets lorsque vous changez de thème
-Un design « responsive » pour l’édition sur les ipads par exemple

L’intégralité des nouveautés est ici.

Après quelques recherches j’ai découvert une page que je n’avais jamais encore utilisée dans WordPress, la page options qui est une synthèse des informations stockées dans la base de données de votre blog. Ce qui est très pratique avec cette page (./wp-admin/options.php) c’est que l’on peut modifier les informations très facilement.

Donc sur cette fameuse page vous allez pouvoir modifier d’un seul coup toutes les options de votre blog mais aussi de vos plugins installés. L’intérêt que j’y ai vu c’est la possibilité de définir des valeurs par défaut pour la mise en ligne d’images dans les articles. Ces options sont très utiles lorsqu’il y a plusieurs auteurs sur un blog et que vous souhaitez que tout le monde fasse la même chose avec l’intégration des images dans les articles.

Alors une fois sur cette page options.php il faut chercher image_default_align et renseignez les valeurs désirées pour le centrage de l’image :

left
right
none (aucun)
center

Idem pour le type de lien sur l’image image_default_link_type :

post pour lier l’image à l’article (page attachment.php de votre thème)
file pour lier directement sur le fichier lui même

Pour la taille de l’image par défaut c’est ici image_default_size :

thumbnail (vignette)
medium
large
full (taille orginale)

Et voilà vous avez des valeurs par défaut modifiable simplement.

Donc pour générer un qr code d’un lien, il nous faut dans l’ordre :

-le lien de l’article (on va l’automatiser avec la fonction get_permalink() de wordpress)
-l’encoder
-et utiliser l’API de google charts et c’est tout

Pour ne pas tourner autour du pot voici le code php à ajouter dans votre page single.php ou sidebar.php de votre thème de blog :

<!-- qr code -->
<img src="https://chart.googleapis.com/chart?chs=150x150&amp;cht=qr&amp;chl=<?php echo urlencode(clean_url(get_permalink())); ?>&amp;choe=UTF-8" alt="QR code" />

Un exemple de qr code pour 2803.fr :

Certes cela ne sert pas à grand chose au final mais au moins vous savez comment générer automatiquement un qr code maintenant. Les sites qui doivent renvoyer vers des versions mobiles ou proposer des téléchargements d’applications peuvent utiliser cette méthode. Plus d’information sur cette page http://code.google.com/apis/chart/infographics/docs/qr_codes.html

Alors voici quelques chiffres vertigineux sur cette plateforme :

-Wordpress.com héberge 14% des sites internet au niveau mondial
-2,5 milliards de pages vues par mois
-500,000 nouveaux posts chaque jour
-400,000 commentaires par jour
-Le français ne représente que 1,4% des sites… (66% en anglais et 8,7% en espagnol)

Qui a dit que les blogs étaient morts?

- Un nouveau design du dashboard, il va falloir s’habituer…
- Avec un changement de police dans la zone d’édition du texte de l’article (je suis moins fan de ce changement)
- Un mode de saisie avec la possibilité de n’avoir que le texte, une idée intéressante
- Un nouveau thème par défaut Twenty Eleven (enfin un thème qui tienne la route)
- Une amélioration de la barre d’administration

On va dire que les changements sont très visuels et que c’est surtout un bon moyen de mettre en avant le nouveau thème officiel… Pensez tout de même à faire la mise à jour, d’un point de vue sécurité cela peut valoir le coup!

WordPress 3.2, nommé Gershwin, se télécharge directement votre administration du blog ou bien ici en français.

Cher propriétaire ou webmaster du site http://2803media.fr/,

Il semble que votre site utilise une ancienne version du logiciel WordPress. Google vous recommande d’installer la dernière version disponible. En effet, les anciennes versions ou les versions sans correctif sont vulnérables aux attaques de pirates et de logiciels malveillants, lesquelles peuvent nuire à vos utilisateurs. Pour télécharger la dernière version, veuillez accéder à la page de téléchargement.

Si vous avez d’autres questions concernant la réception de ce message, vous pouvez consulter le message de blog publié par Google qui contient davantage d’informations à ce sujet.

Cordialement,

L’équipe Google chargée de la qualité des recherches

On notera que Google recommande la mise à jour pour le bien être des utilisateurs… Une approche pro-active qui n’est pas si déplacée que cela!

Ce qui doit être nouveau cela doit être la gestion du français car je n’avais pas encore reçu de message de ce type de la part de google…

Ce qui est bien avec WordPress c’est que l’on peut presque faire tout et n’importe quoi. Voici donc une méthode pour transformer un wordpress fraichement installé en solution de backup de votre compte Twitter et ainsi archiver vos précieux (ou non) Tweets.

1-Installer un nouveau wordpress dans un dossier de votre site internet actuel, par exemple /tweets dans mon cas
2-Une fois installé il faut aller chercher l’historique de votre compte Twitter. Cette tâche est rendue possible grâce à Tweetbackup qui va vous permettre d’extraire un peu plus de 3000 tweets (il ne pourra pas plus à cause des limitations de Twitter), mais si comme moi vous avez déjà utilisé le service vous pourrez accéder à beaucoup plus de Tweets. J’ai en effet récupéré l’intégralité de mes messages depuis 2007…

3-Maintenant vous avez un fichier RSS que vous allez pouvoir importer dans votre nouveau wordpress via la fonction import (outils/importer)
4-A ce stade vos tweets ont été intégrés dans la base de données de wordpress et sont accessibles via votre nouveau blog. Avouez qu’esthétiquement cela n’est pas fameux, il faut donc installer, tweet archive de Douglas Bowman, un thème wordpress qui a été conçu spécialement pour afficher joliment vos tweets.
5-Ouvrez l’éditeur de thème pour changer la phrase de description dans header.php et voilà vous avez un joli wordpress avec vos tweets.
6-Pour rendre dynamique l’ensemble, installez le plugin Twitter Tools qui va vous permettre de récupérer automatiquement vos nouveaux tweets et ainsi mettre à jour votre archive.
7-Ensuite vous pouvez installer le plugin Twitter @Anywhere Plus pour ajouter les popup de Twitter Anywhere sur les @nickname

Et voilà maintenant vous avez quelque chose de fonctionnel et d’esthétique. Si vous voulez jeter un oeil au résultat cliquer sur mes archives de Tweets ici : http://www.vingthuitzerotrois.fr/tweets/

Donc pour associer une image à un article il faut utiliser et composer avec Open Graph de Facebook et intégrer une nouvelle balise dans le header de votre blog pour indiquer l’image à miniaturiser. Pour wordpress, le code générique à intégrer dans le fichier header.php est le suivant :

<meta property="og:image" content="<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ); ?>"/>

Une fois intégré le bouton like prendra automatiquement l’image intégrée dans l’article. Si jamais votre article n’a pas d’image vous pouvez bien entendu lui donner une option par défaut comme par exemple :

<?php if ( has_post_thumbnail() ) { ?>
<meta property="og:image" content="<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ); ?>"/>
<?php } else { ?>
<meta property="og:image" content="<?php bloginfo('template_url'); ?>/images/defaut.png"/>
<?php }?>

Et si vous préférez ne pas toucher au fichier header.php vous pouvez intégrer une fonction dans le fichier function.php :

// add image to facebook like button
function fb_like_thumb() {
if ( has_post_thumbnail() ) { ?>
<meta property="og:image" content="<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ); ?>"/>
<?php } else { ?>
<meta property="og:image" content="<?php bloginfo('template_url'); ?>/images/defaut.png"/>
<?php }
}
add_action('wp_head', 'fb_like_thumb');

Et voilà vous voici compatible avec le like de facebook!

Afin d’avoir quelque chose de fonctionnel voici le nouveau bout de code à intégrer dans votre fichier functions.php de votre thème.

// Exclude category from home
function myFilter($query) {
	if ($query->is_home) {
		$query->set('category__not_in',array(39,10));
	}
return $query;
}
add_filter('pre_get_posts','myFilter');

Dans l’exemple ci-dessus on utilise donc category__not_in au lieu de cat. J’exclue donc les catégorie 10 et 39.

Ce bug est identifié chez wordpress.

En effet en allant sous utilisateurs>votre profil vous allez trouver une nouvelle option qu’il va falloir désactiver. Et puis c’est tout!

Personnellement je viens de la désactiver car je la trouve pas assez complète version versus celle de Viper007 qui malheureusement va arrêter le support de cette dernière…

Mais ce que vous ne savez pas c’est que vous pouvez en faire plus avec un flux et faire un peu de mise en page, dans ce cas le widget ne vous servira plus à rien il va falloir bidouiller un peu. Voici un bout de code qui permet d’extraire l’image d’un flux et de l’afficher à côté du texte, l’affichage sera donc plus élégant.

< ?php
$url = 'http://www.votreurldeflux.com/';
$rss = fetch_feed( $url );
// Figure out how many total items there are, but limit it to 5.
$maxitems = $rss->get_item_quantity(1);
// Build an array of all the items, starting with element 0 (first element).
$rss_items = $rss->get_items(0, $maxitems);
if ($maxitems == 0) echo '
No items.
';
else
// Loop through each feed item and display each item as a hyperlink.
foreach ( $rss_items as $item ) :
$feedDescription = $item->get_content();
$image = returnImage($feedDescription);
$image = scrapeImage($image);
echo '';
?>
< ?php echo $item->get_title(); ?>
< ?php
$description = strip_tags( $feedDescription );
$char_limit        = 180;
if( strlen( $description ) > $char_limit ) {
$description = substr( $description, 0, $char_limit ) . ' ... ';
}
echo $description; ?>
< ?php endforeach; ?>

Mais lorsque le flux RSS que vous diffusez (celui qui ne vous appartient pas donc) part en carafe et bien cela fait une belle erreur fatale (ce qui fut le cas sur mon blog de décoration hier). Alors voici comment en 5 secondes faire en sorte que tout ne plante pas :

< ?php
$url = 'http://www.votreurldeflux.com/';
$feed = fetch_feed( $url );
if ( is_wp_error( $feed ) ) {
   echo $rss->get_error_message(); // tout ce que vous voulez afficher par défaut
} else {
   // do your stuff here
}
?>

A vous de faire un peu de mise en forme! Mais c’est qui est utilisé sur les articles des partenaires sur le blog de décoration.

Source trac WP

Un livre en vente sur amazon (31,35€). Et puis si vous ne trouvez pas votre bonheur dans ce bouquin il reste le forum de wordpress-fr qui est très actif et réactif!

Encore une fois vous allez être sauvé par un plugin wordpress (enfin si votre blog fonctionne avec ce moteur). Cette extension, appelée PadPressed, est vendue 49$ et permet de donner un sacré coup de jeune à votre blog sous l’ipad. Et vous fabriquer la webapp pour ipad en deux coups de cuillères à pot. Regardez la vidéo pour voir le résultat.

N’ayant pas d’ipad et n’ayant pas acheté l’extension je ne peux pas tester le rendu mais cela a l’air bien sympathique tout de même.

Via Techcrunch

Quelques images pour la démonstration (cela ne marchera pas dans votre lecteur RSS) :

Par ailleurs si vous utilisez le plugin wp-minify sachez qu’il faudra commenter les lignes 15, 16 et 17 du fichier jquery-image-lazy-loading.php comme cela :

< ?php
  /*
  Plugin Name: jQuery lazy load plugin
  Plugin URI: http://github.com/ayn/wp-jquery-lazy-load/
  Description: a quick and dirty wordpress plugin to enable image lazy loading.
  Version: v0.10
  Author: Andrew Ng
  Author URI: http://blog.andrewng.com
  */
function jquery_lazy_load_headers() {
  $plugin_path = plugins_url('/', __FILE__);
  $lazy_url = $plugin_path . 'javascripts/jquery.lazyload.mini.js';
//  $jq_url = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
//  wp_deregister_script('jquery');
//  wp_enqueue_script('jquery', $jq_url, false, '1.4.2');
  wp_enqueue_script('jquerylazyload', $lazy_url, 'jquery', '1.5.0');
}
function jquery_lazy_load_ready() {
  $placeholdergif = plugins_url('images/grey.gif', __FILE__);
  echo <<
jQuery(document).ready(function($){
  if (navigator.platform == "iPad") return;
  jQuery("img").lazyload({
    effect:"fadeIn",
    placeholder: "$placeholdergif"
  });
});
EOF;
}
  add_action('wp_head', 'jquery_lazy_load_headers', 5);
  add_action('wp_head', 'jquery_lazy_load_ready', 12);
?>