Comme vous le savez Internet Explorer 8 est disponible au téléchargement, et parmi les nouveautés de cette version 8, il y a l’ajout des WebSlices (« tranches de Web »).

internet-explorer-8-faster-and-easier

Ces WebSlices sont des sortes de marques pages dynamiques permettant par exemple de suivre une enchère sur eBay ou encore les cours de la bourse ou la météo.

Un catalogue de WebSlices est disponible ici.

WebSlice pour WordPress

Voici maintenant comment créer un WebSlice pour votre blog WordPress que les utilisateurs d’Internet Explorer 8 pourront ajouter dans leur barre de favoris.

Créer un fichier webslice.php à la racine de l’installation de votre WordPress avec le contenu suivant :

<?php
/* Don't remove this line. */
require('./wp-blog-header.php');
?>
 
<head>
    <title><?php bloginfo_rss('name'); wp_title_rss(); ?> - Ajouter ce WebSlice dans votre barre de favoris!</title>
    <link rel="stylesheet" type="text/css" href="webslice.css" media="screen" />
    <link rel="shortcut icon" href="favicon.ico" />
</head>
 
<body>
 
<div id="wpupdate" class="hslice">
<h2 class="entry-title"><?php bloginfo_rss('name'); wp_title_rss(); ?></h2>
<div class="entry-content">
<ol>
 
<?php
 
    function get_recent_posts ($num_posts = 8)
    {
    global $wpdb, $tableposts, $post, $tablepost2cat;
 
    if (!isset($tablepost2cat)) $tablepost2cat = $wpdb->post2cat;
     if (!isset($tableposts)) $tableposts = $wpdb->posts;
 
    $orderby = "$tableposts.post_$orderby";
 
    $now = current_time('mysql');
    $sql = "SELECT DISTINCT * FROM $tableposts ";
    $sql .= "WHERE $tableposts.post_date <= '$now' AND ( $tableposts.post_status = 'publish') ";
    $sql .= "GROUP BY $tableposts.ID ORDER BY $tableposts.post_date DESC";
    $sql .= " LIMIT 0, $num_posts";
 
    $posts = array();
    $posts = $wpdb->get_results($sql);
    if (empty($posts)) return;
 
    foreach ($posts as $post) {
 
     $title = the_title('', '', false);
     echo '<li>';
     echo '<a href="'.get_permalink().'" title="Lire '.htmlspecialchars(strip_tags($title)).'">'.$title.'</a>';
     echo '</li>';
    }
   } //end function get_recent_posts()
 
   get_recent_posts();
   ?>
   </ol>
</div>
</div>
 
</body>
</html>

Vous pouvez ensuite personnaliser l’affichage du webslice dans le fichier webslice.css :

body {
    margin:0;
    padding:0;
    font-family: Georgia, Times, Times New Roman, sans-serif;
    font-size: 0.9em;
    text-align:left;
    color:#29303B;
    background: #FEFFA3;
}
 
ul {
padding-left: 9px;
margin-left: 0;
}
 
li {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
}

Pour que Internet Explorer 8 détecte automatiquement votre WebSlice, il faut ajouter un petit bout de code supplémentaire dans votre page. Par exemple dans le footer, ajoutez le code suivant :

 
<div id="wpupdate" class="hslice" style="padding:8px 0px 0px;display:block">
    <div style="display:none;">
        <p class="entry-title"><?php bloginfo('name'); ?></p>
 
        <p class="entry-content">&nbsp;</p>
        <a href="webslice.php" class="feedurl" rel="feedurl">&nbsp;</a>
    </div>
</div>

Il ne vous reste plus qu’à visiter votre blog WordPress, et le bouton WebSlice devrait s’éclairer :

webslice-bouton

Et voilà le résultat :

webslice-ie8

Une petite vidéo de labnol pour vous présenter ça :

Je ferai peut-être un petit plugin à l’occasion, mais il va me falloir de la motivation, parce que Internet Explorer 8 pour l’instant… qui l’utilise ?

Via.

 


 

15 réponses pour "IE8 : Créer un WebSlice pour les blogs WordPress"

  1. tatam  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Windows Windows XP
    20 mars 2009 @ 15:56
    1

    Excellent !
    Perso je l’ai installé sur mon poste, pas eu encore de test, mais je m’en occupe ce week-end.
    J’aime bien l’interface, très claire.

  2. loutre  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Windows Windows XP
    20 mars 2009 @ 16:14
    2

    Je ne comprends pas l’intérêt des webslices. C’est quoi le plus par rapport à un flux rss ou atom ?

    Encore un truc pour pas faire standard ? Un truc m’échappe ?

  3. Papy  Surfe sur Mozilla Firefox Mozilla Firefox 3.1b3 avec Windows Windows XP
    20 mars 2009 @ 16:24
    3

    Ce sont des sortes de RSS dynamiques (qu’Internet Explorer n’avait pas), qui permet donc d’afficher du contenu qui se met à jour régulièrement. Et la mise en page peut être un peu plus poussée avec les WebSlices qu’avec les marques-pages dynamiques de Firefox (voir capture eBay au début de l’article).

    Ca veut pas dire que je trouve ça bien… c’est encore un autre truc que tente d’imposer Microsoft, on verra à l’usage ce que ça donne.

  4. Olybop  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Windows Windows XP
    20 mars 2009 @ 17:10
    4

    mmm question de :pirate:
    Cette « innovation » IE8 ne sert pas forcement si on utilise un Igoogle ou un netvibes… ?!

  5. Denis  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Mac OS X Mac OS X 10
    20 mars 2009 @ 23:13
    5

    Je trouve cette fonctionnalité assez intéressante et innovante. Ceci dit j’ai lancé ie8 plus par curiosité qu’autre chose. Je trouve ça bien mais je suis habitué à FF que je préfère encore pour le moment.

  6. Gloupsss  Surfe sur Mozilla Firefox Mozilla Firefox 3.1b3 avec Windows Windows 7
    21 mars 2009 @ 17:38
    6

    J’ai fait une mise a jour moi aussi de cette nouvelle mouture . Pour l’instant je n’ai pas grand chose à lui reprocher. Stable , rapide cette version 8 se met au niveau des autres nav . Au quotidien j’utilise moi aussi FF …Question d’habitude ! Mais cette version d’IE est loin d’être détestable contrairement aux autres… Reste plus qu’à le peaufiner . La cerise sur le gâteau serait qu’il y ait une jolie liste d’extensions… Et là ma fois le choix ne sera pas évident…

  7. aDy  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Windows Windows XP
    22 mars 2009 @ 19:08
    7

    Merci pour cet article Papy ;)

    Je suis un utilisateur de Firefox, je ne me sers jamais de IE et encore moins de IE8, seulement je vais appliquer la technique que tu cites, car comme d’habitude, Microsoft imposera IE8 avec ses prochains O/S et config de pc lambda, donc on ne pourra pas y échapper..

    Petite question le screenshot (résultat) est sans CSS ?

  8. Papy  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Windows Windows Vista
    22 mars 2009 @ 23:02
    8

    @aDy – Oui, c’est l’affichage le plus basique possible. Y’a moyen de faire beaucoup plus joli (et de rajouter des images par exemple), je laisse les fans d’IE8 travailler ;)

  9. Reppa  Surfe sur Google Chrome Google Chrome 1.0.154.36 avec Windows Windows XP
    24 mars 2009 @ 12:53
    9

    Comme d’hab microsoft renomme un truc qui existait déjà pour le faire à sa sauce. Moué je reste sur Chrome, le seul qui résiste au Hacker pour le moment :p

  10. Gwaradenn  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.7 avec Windows Windows XP
    25 mars 2009 @ 22:39
    10

    Aucun intérêt quand on utilise déjà netvibes. J’attends avec impatience le jour où Microsoft reprendra les devants et se lancera dans l’innovation.
    Surtout quand on sait qu’IE est utilisé par le grand public. :no:

  11. Guillaume De Thomas  Surfe sur Mozilla Firefox Mozilla Firefox 3.0.8 avec Windows Windows Vista
    30 mars 2009 @ 8:52
    11

    Super intéressant mais comme le dit Denis, on est habitué à FF maintenant… Ceci va t-il suffire à nous ramener vers Internet Explorer 8 ?

  12. wikipedia  Surfe sur Mozilla Firefox Mozilla Firefox 2.0.0.11 avec Windows Windows XP
    12 avril 2009 @ 15:06
    12

    voila , juste pr dire,que quoi qu’on raconte moi j’aime bp lire ton blog! ;)

  13. Heav3n  Surfe sur Internet Explorer Internet Explorer 8.0 avec Windows Windows Vista
    13 avril 2009 @ 0:11
    13

    Article intéressant.. (et blog très agréable a lire..) :thumbsup:

    Concernant IE8 perso je l’ai testé et pour l’instant je suis loin d’être convaincu :no:

    Bonne continuation :woot:

  14. infographiste  Surfe sur Mozilla Firefox Mozilla Firefox 3.5.6 avec Windows Windows Vista
    25 décembre 2009 @ 15:32
    14

    est ce qu’il y a du webslice ds firefox???
    car je détecte IE

  15. Bruyninckx Gauthier  Surfe sur Google Chrome Google Chrome 14.0.835.187 avec Windows Windows Vista
    02 octobre 2011 @ 11:37
    15

    Bonjour,

    Connaissez-vous la formation WordPress totalement gratuite rédigée par Stéphane Colle ?

    Cette dernière vous apprendra TOUT ce que vous devez savoir pour installer, utiliser et rentabiliser votre blog WordPress: http://bit.ly/fQLwSb

Si le nuage de Tchernobyl s'est arrété à la France, c'est parce que PapyGeek y était en vacances. +