Ayant quelques minutes à tuer, j’en ai fait un wallpaper pour mon iPhone.

Et c’est pour vous.

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



WTF, iPhone wallpaper

Voici quelques screen que j’ai pu prendre pendant son installation et l’ecriture de ce billet ainsi qu’une photo prise depuis l’appli.
J’aurai apprécié la séléction multiple…

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Application WordPress pour iPhone disponible

Voilà, je vous laisse y faire un tour pour vous faire votre avis et n’hésitez pas à me le donner .

Ce thème n’est pas disponible au téléchargement, il est réservé au blog de lyndsey.

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Mon dernier thème WordPress : Look at Me!

Remplacer le label par le value

Dans tout formulaire qui se respecte on se doit d’avoir un champ label devant notre zone de saisie. Le but est de savoir ce que l’on doit y saisir!
Exemple :


<label for="inputid" >Recherche : </label><input type="text" id="inputid" />

Recherche :


<input type="text" value="Rechercher" />


Gérer value et les clics

Le but maintenant est d’effacer le texte « Rechercher » lorsque l’on clic/arrive sur la zone de saisie.
Trop souvent l’on voit la solution « onclick » :


<input type="text" value="Rechercher" onclick="this.value=''" />


Allons plus loin

Histoire d’améliorer tout ça, ajoutons une autre fonctionnalité qui consiste à remettre le texte « Rechercher » si l’on quitte la zone de saisie sans la remplir.
Voici le code à utiliser :


<input type="text" value="Rechercher" onfocus="this.value=''" onblur="if(this.value=''){this.value='Rechercher';}" />


Le champ de recherche parfait

Selon moi… Le champ de recherche parfait ressemble à l’exemple précédent. Sauf que le texte « Rechercher » n’est pas suffisant, n’ayant pas de bouton de validation un message du genre « Entrer votre recherche et appuyez sur entrer » (me) semble être plus parlant.

Aussi si votre page accepte le php, comme la plupart maintenant, pour éviter d’avoir des erreurs de frappe qui feraient que rien de tout ça ne fonctionne, éviter d’avoir à tout changer les textes mais qu’un seul on peut utiliser une variable.
Comme ceci :


<?php $texterecherche = 'Entrer votre recherche et appuyez sur entrer'; ?>
<input type="text" value="<?php echo $texterecherche; ?>" onfocus="if(this.value=='<?php echo $texterecherche; ?>'){this.value='';}" onblur="if(this.value=''){this.value='<?php echo $texterecherche; ?>';}" />


Et pour WordPress?

Et bien oui, tant qu’à faire, maintenant voyons à quoi ressemble le champ de recherche parfait sous WordPress, sans utiliser le widget de recherche.


<?php $texterecherche = 'Entrer votre recherche et appuyez sur entrer'; ?>
<form id="searchform" method="get" action="<?php bloginfo('home'); ?>/">
<input type="text" name="s" id="s" value="<?php if(isset($_GET['s'])) { echo wp_specialchars($s, 1); } else { echo $texterecherche; } ?>" size="15" onblur="if (this.value == '') {this.value = '<?php echo $texterecherche; ?>';}" onfocus="if (this.value == '<?php echo $texterecherche; ?>') {this.value = '';}" />
</form>


Voici le code que j’ai utilisé pour mon prochain thème WordPress en développement. Qu’est-ce que vous en pensez?

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Champ de recherche parfait sans label ni bouton de validation

Web Designer Wall, ne serait-ce que pour jeter un coup d’oeil au design, mérite d’être vu. Je trouve ce travail magnifique, c’est pour moi l’un (voir le plus) beau site que j’ai vu.

Et en plus ça tourne sous WordPress tout ça, donc c’est un blog! Oui, un blog. Un deuxième?
Oui mais là il y présente ses idées de design, des tutorials et parlera des tendances des designs modernes.
Les quelques billets qui y sont déjà présents sont très intéréssants, Il nous explique comment il est arrivé à ce design, présente quelques tutoriaux et des sites d’inspiration.

Vraiment un site à voir.

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Web Designer Wall

Le widget « Articles récents » était pour moi en deuxième position sur la sidebar, il permettait d’afficher les liens vers les 5 articles présents sur la page et celà à l’ouverture du blog. Pas besoin de parcourir toute la page pour voir ce qui y est présent. Bien que j’affiche les articles en entier.
Le widget RSS (qui le remplace maintenant) permet lui d’afficher un flux RSS de la même manière qu’un aggregateur le fait. Au final celà est très ressemblant à celui du widget « Articles récents » (bien évidemment suivant comment le css du template est défini), le logo RSS en plus. Les liens des deux widgets pointent vers les articles.

Donc plutôt que d’afficher le widget « Articles récents » il me semble intéressant de mettre le widget RSS avec son propre flux dedans! Au final, cela revient presque au même avec en plus :

• le logo RSS devant le titre du widget qui en fait est un lien vers le flux affiché
• le titre du widget est aussi un lien mais vers le site du flux (pas d’intérêt, nous sommes déjà sur cette page!)
• en restant sur le lien, un résumé du contenu de l’article apparaît (intéressant!).

Vous pouvez voir le résultat, pour moi le changement vient d’être effectué et vous pouvez constater qu’il est minime mais d’autres alternatives sont à imaginer.

Je vous ai présenté comment filtrer des catégories dans le flux RSS de WordPress. En utilisant cette méthode il devient donc possible d’afficher dans la sidebar les liens vers les x derniers articles d’une catégorie.

Alors, vous allez revoir l’organisation des widgets de votre sidebar?

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Alternative au widget “Articles récents” sous WordPress

En général pour accéder au flus RSS sous WordPress l’adresse est la suivante :
http://www.simon-duhem.fr/feed/

Maintenant si vous ne voulez  afficher qu’une categorie dans le flux, il ne reste qu’à connaitre l’id de la categorie et changer le lien du flux ainsi :
http://www.simon-duhem.fr/feed/?cat=9
(ici l’id 9 correspond à la categorie « Friday links »)

Maintenant si vous voulez filtrer cette même catégorie le lien devient :
http://www.simon-duhem.fr/feed/?cat=-9
Le – sert à filtrer l’id.

WordPress est vraiment bien foutu!

Pour les quelques inscrits au flux, je vais mettre ce filtre en place, vous risquez donc de recevoir les articles en double.

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Astuce WordPress

functions.php

Ce fichier est nécéssaire pour utiliser les widgets et pour definir les paramètres. Voici mon code :

<?php
if ( function_exists(’register_sidebars’) )
    register_sidebars(2, array(
        ‘before_widget’ => ‘<li id= »%1$s » class= »widget %2$s »>’,
        ‘after_widget’ => ‘</li>’,
        ‘before_title’ => ‘<h2 class= »sidebartitle »>’,
        ‘after_title’ => ‘</h2>’,
    ));
?>

2 : est le nombre de colonnes.

sidebar.php

Habituellement on y trouve le code sivant pour verifier si les widgets sont utilisés :

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>

<?php endif; ?>

Pour que seule la première colonne y apparaisse voici la minuscule modification à apporter :

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(1) ) : ?>

<?php endif; ?>

Oui, c’est tout! Je vous laisse imaginer comment faire pour afficher la seconde colonne…
Mais je vais quand même vous expliquer comment je m’y suis pris, allons jusqu’au bout! 

Sidebar2.php

Plutôt que de l’insérer dans un autre fichier et pour respecter la façon de fonctionner de WordPress, j’ai préféré créer un fichier sidebar2.php, qui correspond à la seconde colonne mais celui-ci ne pouvant pas être appelé avec les fonctions classiques de WordPress (<?php get_sidebar(); ?>) on utilise à la place <?php include « sidebar2.php »; ?> et je vous laisse deviner le code à y insérer :

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(2) ) : ?>

<?php endif; ?>

Evidement!

Et bien voilà, j’espère avoir été clair! Si je ne l’ai pas été dites le moi et si vous avez des questions n’hesitez pas, je tenterais d’y répondre.

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



WordPress : Sidebar à 2 colonnes non collées!

Fran6 a lancé la chaîne F-WPPlugin list qui a pour but de lister les plugins les plus utilisés par les blogeurs francophones utilisants Wordpress…

Ces deux news m’amènent à poser la question suivante :

Quelles sont pour vous les plugins qui méritent d’être intégrés à Wordpress?

Pour ma part, n’ayant pas vraiment exploré les nombreux plugins existants je dirai :

• Subscribe To Comments
• Google Sitemaps (en version « universel », pas seulement google quoi…)
• Instant Upgrade

Fran6, si tu pouvais, par rapport aux résultats de ta chaîne dire quels sont les plugins qui semblent indispensables ce serait très sympa!
Et si vous aussi, utilisateur de Wordpress, vous pouviez donner votre idées ce serait très sympa aussi!

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



Les plugins qui méritent d’être intégrés à Wordpress?

Voici donc la liste :

• Google Analyticator
• Google Sitemaps
• SOE Title Tag
• Subscribe To Comments
• Ultimate Tag Warrior
• Instant Upgrade (je vais l’utiliser pour la première fois demain, passage à WP 2.2!)

Et bien oui c’est tout!!! Mais en fait deux autres plugins sont installés dans mon nouveau thème :

• Gravatar pour l’affichage des gravatars dans les commentaires.
• Official Comments qui permet de differencier les commentaires des membres du blog pour y appliquer un autre style.

Voici donc pour ma courte liste de plugins et là vient un problème, je ne vois pas a qui faire suivre la chaîne, désolé je suis un jeune blogeur! Mais si quelqu’un passe par là et veut participer à la chaîne je l’y invite!

Partagez facilement ce billet grâce à EasyLinkr : EasyLinkr - Un moyen simple de partager des liens



F-WPPlugins list