Note : Attention quand même parce que certaines de ces polices ne peuvent être utilisées dans le cadre professionnel. Tâchez donc de bien vous renseigner sur le sujet. Normalement, une mention explicite se trouve sur les fiches des polices.

Crédits Photo

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Et on trouve vraiment de tout : des photographies retouchées, des éléments graphiques pour des sites web, des icônes, des modèles de formulaire et ainsi de suite. Globalement, toutes les ressources présentées sont de très bonne qualité. Point intéressant, plusieurs contributeurs participent à ce projet. Parmi eux, on trouve Jonno Riekwel et Jord Riekwel.

Précisons enfin que l’opération 365 PSD ne durera qu’un an.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Fonds d’écran – Photographies / Retouches

Fonds d’écran – Abstract

Fonds d’écran – Illustration

Fonds d’écran – Typographie

Fonds d’écran Geek Life

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Intégrer des vignettes de ses articles dans son thème WordPress a toujours été délicat. Certains ont opté pour les champs personnalisés, d’autres pour quelques lignes de code, mais le fait est que ces solutions n’ont rien de pratique pour les blogueurs qui débutent. Bien heureusement pour ces derniers, WP-Choose-Thumb change complètement la donne.

Pour en profiter, il suffit simplement de suivre les étapes suivantes :

1. On commence par télécharger et installer le plugin. Rien de bien compliqué. On précisera juste que vous pouvez installer directement WP-Choose-Thumb depuis votre interface d’administration : « Extension » > « Ajouter ».
2. On l’active en cliquant sur le lien qui va bien. Notons que j’ai eu l’occasion de tester ce plugin sur différentes configurations et que je n’ai pas été confronté à un seul problème de compatibilité.
3. On règle la taille de ses vignettes en passant par le menu « Réglages » > « Médias ». Pour se faire, il suffit d’indiquer les dimensions souhaitées au niveau de la taille des miniatures.

A présent que WP-Choose-Thumb est installé, actif et correctement configuré, vous allez pouvoir afficher les miniatures de vos articles n’importe où dans votre thème. Il vous suffira en effet d’utiliser la ligne de code suivante dans votre boucle :

<?php if(function_exists('wct_display_thumb')){ if(!wct_display_thumb()){ /* Optionally add code for no thumbnail. */  } } ?>

Et si vous souhaitez insérer vos vignettes en dehors de votre boucle, alors c’est pour les lignes suivantes qu’il faudra opter :

1
2
3
4
5
6
7
8
9

<?php
if(function_exists('wct_display_thumb')):
    $style = 'style="padding:5px;"'; // extra styling.
    $postId = $post->ID; // the id of the post.
    if(!wct_display_thumb($style, $postId)): 
    /* Optionally add code for no thumbnail. */
    endif;
endif;
?>

Crédits Photo

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Il n’aura pas fallu longtemps aux développeurs pour se jeter dans l’arène et proposer des plugins pour WordPress facilitant l’intégration de Google Buzz sur son blog. Notez bien que c’est une bonne chose, cela permettra sans doute au service de se faire de nouveaux adeptes.

1. Intégrer un bouton Google Buzz à ses articles

Permettre à ses lecteurs de partager leurs articles préférés sur les réseaux sociaux du moment, c’est un bon moyen de toucher un nouveau public. Oui et nous avions déjà consacré un article complet sur le sujet pour Twitter et il est donc normal que nous en fassions de même pour Google Buzz.

Pour ajouter un bouton de ce type, il suffit donc de télécharger et d’installer le plugin Google Buzz Button. Il vous permettra de placer automatiquement un bouton dans chacun de vos articles.

A noter que si vous préférez opter pour une intégration manuelle, alors il suffira de vous rendre sur la page de configuration du plugin, de le spécifier et d’ajouter à votre thème la ligne suivante à l’endroit précis où vous souhaitez insérer le bouton :

<?php if ( function_exists( ‘add_google_buzz_button’ ) ) { add_google_buzz_button();} ?>

Précisons juste que cette ligne devra nécessairement être insérée dans la boucle de vos articles sur la page single.php.

2. Afficher ses Google Buzz sur son blog

Si vous observez attentivement la barre latérale de Weedle, alors vous verrez que le compte Twitter du site a été intégré. C’est une bonne manière pour moi de partager facilement de l’information puisque ma liste de partage Google Reader est automatiquement ajoutée à ce dernier.

Bien évidemment, il est possible d’en faire de même pour Google Buzz, et ce au travers d’un plugin dédié : Google Buzz ER.

Là encore, vous pouvez vous contenter de l’insérer directement dans les widgets de votre site mais il est également possible d’opter pour une intégration manuelle en insérer la ligne suivante à l’endroit de son choix :

<?php GoogleBuzzEr(); ?>

Alors, qu’est ce que vous attendez pour vous rapprocher de vos lecteurs ?

Via Geekeries

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Inspiré par l’application Notes de l’iPhone, le Notepad Theme est à la fois subtil et sobre. Mettant essentiellement l’accent sur le contenu, il mélange des nuances jaunes et marrons. Précisons, en outre, que les réseaux sociaux sont mis à l’honneur puisqu’ils se situent juste en dessous du titre du blog. Il faut bien l’avouer, leur emplacement est plutôt original, on n’a pas vraiment l’habitude de les croiser à cet endroit-là.

Pour le reste, le Notepad Theme est un concentré de plein de bonnes choses. On peut citer, dans le désordre :

• Une charte épurée, classieuse et qui pourra aussi bien convenir aux blogs personnels qu’aux blogs d’entreprise.
• Un menu déroulant mettant l’accent sur les pages et sur les sous pages.
• Des marges spacieuses mettant le contenu en valeur.
• Des icônes très propres pour souligner l’auteur, la catégorie, les tags ou encore le nombre de commentaires des articles.
• Des liens discrets et élégants.
• Un système de commentaire très aéré et parfaitement lisible.
• L’utilisation de propriétés CSS 3 afin d’alléger au maximum le thème.
• Le PSD du thème est fourni.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Précisons, en outre, que j’avais déjà publié à ce sujet avec plus de 200 icônes type web 2.0 à télécharger. D’après mes statistiques, vous avez été nombreux à accrocher à cette sélection et il était donc normal que je vous en propose une nouvelle. En espérant que cette dernière vous plaise, naturellement…

Et pour finir, précisons que cette sélection repose sur celle de Tutorial Freakz, découverte grâce à un très bon article de Blogmotion. Si ces quelques icônes ne vous suffisent pas, vous savez donc ce qu’il vous reste à faire !

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

1. Penser et optimiser son thème à la source

Lorsqu’on réalise un site, on est très souvent tenté d’en faire le plus possible. Il n’est ainsi pas rare de succomber à la tentation et d’agrémenter ses pages d’animations flash, de vidéos ou d’images. Ces différents éléments doivent être utilisés avec parcimonie dans la mesure où ils consomment de la bande passante et qu’ils peuvent par conséquent ralentir considérablement l’affichage de vos pages. Alors bien entendu, vous pouvez parfaitement utiliser ces technologies, mais ce n’est pas pour autant que vous devez les accumuler. Ajouter des scripts en AJAX pour le plaisir d’en ajouter, cela ne rime à rien.

De la même manière, il est primordial de toujours se méfier des scripts externes, qu’il s’agisse de régie publicitaires ou de widgets communautaires. Là encore, le blogueur est très souvent tenté d’en faire trop, de passer par plusieurs régies différentes, d’ajouter des widgets à sa sidebar pour la rendre plus vivante. Et là encore, il convient de se montrer très prudent. Optimiser ses pages, son serveur, c’est une chose, mais vous ne pouvez pas intervenir sur ces scripts externes. Par conséquent, vous en êtes tributaire.

Cela dit, ce n’est pas pour autant que vous devez proscrire ces différentes technologies. Sur Weedle, par exemple, la galerie de photographies générées à partir de FlickRSS qui se trouve dans ma barre latérale est l’un des éléments qui ralentit le plus l’affichage de mes pages. Si je l’enlevais, je gagnerais sans doute 1 ou 2 secondes sur leur chargement. Cependant, dans la mesure où j’estime que cette fonctionnalité peut vous être profitable, j’ai préféré la laisser. Le tout est donc de faire ses choix avec le plus grand soin.

Pour calculer le « poids » de vos pages, il existe deux outils que tous les webmestres devraient connaître : Firebug et YSlow. Utilisés conjointement, ils vous permettront de corriger vos pages et de gagner ainsi quelques précieuses secondes. En ce qui concerne les images constituant votre thème, n’hésitez pas non plus à les optimiser en mettant en place des CSS Sprites.

Concernant WordPress, nous préciserons enfin que ce qui vaut pour les scripts, animations flash et autres vaut également pour les plugins que vous utilisez. Votre objectif doit toujours être d’en utiliser le moins possible et, là encore, il convient de faire son choix avec le plus grand soin.

2. Les astuces pour optimiser WordPress

Il suffit de faire une simple recherche sur Google pour trouver des milliers de résultats sur l’optimisation WordPress. Mon objectif n’étant pas de dresser une énième liste d’astuces sur le sujet, je vais me contenter de vous parler de ce que je connais et de ce que j’ai fait sur Weedle. Pour vous donner une idée de ce que valent ces différentes astuces, il faut savoir que ma page d’accueil mettait initialement 16 secondes pour charger. A présent, j’en suis à une moyenne de 3 ou 4 secondes. Un gain non négligeable.

2.1. Optimiser sa base de données :

On l’oublie souvent mais il est nécessaire d’optimiser régulièrement sa base de données afin qu’elle reste aussi réactive qu’au premier jour. Pour se faire, plusieurs options s’offrent à vous. Au choix, vous pouvez passer directement par PHPMyAdmin ou bien installer un plugin dédié pour WordPress. Là encore, il en existe un certain nombre mais, en ce qui me concerne, j’ai opté pour WP DB Manager. Outre le fait de s’intégrer à merveille à l’interface d’administration, il présente comme principal avantage de vous permettre de programmer des tâches pour qu’elles s’exécutent automatiquement.

Concernant la fréquence d’optimisation, vous êtes libre de faire comme bon vous semble mais pour un blog mis à jour régulièrement, un nettoyage hebdomadaire semble être la meilleure option. En tout cas, c’est ainsi que je l’ai paramétré.

2.2. Installer un système de cache pour sa base de données :

De mon point de vue, la base de données est toujours le point faible d’un site et c’est d’autant plus vrai avec WordPress. Surtout si vous êtes hébergés sur un serveur mutualisé. C’est la raison pour laquelle il est nécessaire de faire en sorte de la solliciter le moins possible et c’est aussi la raison pour laquelle il est préférable d’installer un système de cache pour sa base de données.

Là encore, on trouve de nombreux plugins dédiés pour WordPress. Celui que j’utilise, c’est DB Cache. Configurable en un clic, il est à la fois très accessible et très simple à mettre en fonction. Entre autres choses, vous allez avoir la possibilité de paramétrer la durée du cache (par défaut, 5 minutes par requête) ou encore afficher des statistiques directement dans votre thème.

2.3. « Minifier » ses CSS et son Javascript :

L’autre point faible des sites web, ce sont les requêtes HTTP. Chaque image, chaque script, chaque fichier CSS entraine une requête lorsque la page charge. Et plus on a de requêtes, plus la page met du temps à charger. En diminuant le nombre de requêtes HTTP, vous gagnerez quelques précieuses secondes supplémentaires. Pour se faire, de nombreuses méthodes existent. Sur ce point, j’ai sans doute encore du travail à faire mais, pour le moment, je me suis contenté de compresser mes CSS et mon Javascript.

Pour se faire, certains optimisent directement leur serveur, d’autres passent par leur fichier .htaccess mais, en ce qui me concerne, j’ai préféré opter pour un plugin dédié : WP Minify. Ce dernier ajoute le moteur Minify a WordPress, le tout en quelques clics. Inutile de configurer votre serveur, la procédure est complètement automatisée (mais certaines options sont paramétrables par l’intermédiaire de l’interface d’administration).

Attention tout-de-même car si vous utilisez un thème personnel, WP Minify est susceptible de planter. Si vous rencontrez une erreur, je vous invite à récupérer le « header » du thème par défaut et de le coller dans votre propre thème (en l’adaptant si nécessaire).

2.4. Installer un « super » cache :

Si l’on parle de WordPress et de cache dans la même conversation, on pense immédiatement au plugin Super Cache. En effet, sur le sujet, ce dernier reste le plus connu, et pour cause… En effet, il va très loin en créant, pour chaque page, un fichier HTML. Lorsqu’un internaute vient sur votre site, c’est ce fameux fichier HTML qui sera appelé. Du coup, seul Apache sera utilisé pour afficher vos pages, votre base de données n’intervenant qu’en cas de mise à jour de votre contenu (publication d’un nouveau billet et/ou d’un nouveau commentaire).

Seul bémol, pour que Super Cache fonctionne correctement, il faut que votre hébergeur supporte la réécriture d’URL par l’intermédiaire du fichier .htaccess. A ce sujet, je vous conseille de bien lire toutes les informations présentes sur la page de configuration du plugin. Il vous faudra en effet mettre votre fichier .htaccess à jour pour que le cache fonctionne correctement.

En conclusion

Ces quelques astuces d’optimisation sont très loin d’être exhaustives mais elles présentent le mérite d’être compatibles avec tous les hébergeurs, du dédié au mutualisé en passant par le virtualisé. En préparant cet article, j’ai en effet effectué quelques recherches sur le web et la plupart des conseils glanés demandaient l’utilisation d’un serveur dédié. Évidemment, si vous avez d’autres astuces, n’hésitez pas à vous manifester dans les commentaires de ce billet.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Une image vaut mille mots. Proposer des liens textuels, c’est bien, mais l’internaute n’aura pas toujours envie de cliquer dessus. Faut dire aussi qu’il est parfois fainéant, le bougre, hein… Dans ce contexte, pour rendre vos billets similaires plus percutants, rien ne vaut l’utilisation de miniatures ou de vignettes. Beaucoup plus visuelles, elles attireront plus naturellement l’oeil de vos visiteurs.

Si vous n’avez pas envie de coder ou de vous creuser la tête, il y a un plugin pour WordPress qui peut parfaitement faire l’affaire : LinkWithin.  Très modulable, très simple à utiliser, il vous permettra de mettre facilement et efficacement votre contenu en valeur.

Attention tout-de-même car il ne se configure pas comme la plupart des plugins WordPress. Bien au contraire, il vous faudra le plus souvent mettre les mains dans le cambouis pour l’intégrer à votre thème. Cela dit, précisons que la FAQ est très bien faite et qu’elle vous sera d’un grand secours.

Et pour finir, si vous avez envie de voir LinkWithin tourner, il suffit de jeter un coup d’oeil à la suite de ce billet.

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.

Si vous ne connaissez pas encore Photoshop sur le bout des doigts et que vous n’avez jamais utilisé de brushes, voici la procédure à suivre pour en profiter pleinement :

1. Sélectionnez l’outil pinceau (touche « B »).
2. Déroulez la liste forme située dans la barre d’outils du logiciel (en haut).
3. Cliquez sur la toute petite flèche située dans le coin haut droit du menu qui apparaît.
4. Sélectionnez l’option « Charger des formes ».
5. Sélectionnez sur votre disque dur le fichier ABR précédemment téléchargé.
6. Les nouvelles formes sont ajoutées à la suite.

Et hop, voici la liste :

Cet article original a été publié sur Weedle.
Toute reproduction, même partielle, est interdite sans l'accord explicite de ses auteurs sauf citation de quelques lignes accompagnées d'un lien vers ce billet.
Si vous aimez Weedle, vous pouvez nous rejoindre sur Twitter, sur Facebook ou rejoindre notre groupe sur Flickr.