Si vous utilisez la fonction query_post sur Wordpress, vous avez du sûrement être confronté au fameux problème de navigation. Pour celles et ceux qui ne connaissent pas cette fonction, un petit rappel : elle permet d’afficher sur votre blog wordpress un certains nombre d’articles en fonction de critères comme le nombre, la catégorie, l’ordre, etc… Pour plus d’infos sur query_posts, je vous conseille l’article de WebInventif. Cette fonction très utile a un soucis. En effet, la pagination ne joue plus son rôle.
Des propositions ont été apporté sur le blog de Fran6art concernant l’utilisation de wp-page navi ou dernièrement par Wordpress Channel, mais malheureusement pour moi sans succès.
Et puis, enfin, j’ai trouvé une solution..

Ce que je vais vous proposer fonctionne parfaitement que vous utilisiez simplement le système de pagination de wordpress posts_nav_link(); ou avec le plugin wp-Pagenavi. Je pars du principe que vous savez utiliser cette fonction, nous allons nous concentre sur le code pour la pagination. Imaginons que vous désirez afficher les 4 derniers billets de la catégorie « motion ». On va insérer :

Donc nous aurons bien nos 4 derniers billets de la catégorie motion. Mais si nous avons déjà publié par exemple 8 billets sur cette catégorie et que nous voulons permettre au lecteur d’accéder aux autres billets de la catégorie « motion » par un système de navigation, la page 2 de la navigation affichera à nouveau les mêmes billets et pas les 4 plus anciens. En effet,  lorsque l’on clique sur le 2 de la navigation, l’URL se transforme bien en la page 2, mais les articles sont toujours les mêmes. Pour y remédier, il va falloir insérer un « $query_string ». Voilà ce que cela donne :

Ce n’est pas plus compliqué que cela

Votre blog wordpress est hébergé chez ovh, vous désirez mettre en place un plugin de formulaire de contact ou de newsletter. Vous l’installez, c’est nickel. Ensuite, vous faîtes le test d’un envoi, et là rien ne se passe. Pas de panique, j’ai la réponse. Il suffira d’aller sur le manager de votre hébergeur, une manip et le tour est joué.

On avait déjà vu une manière de masquer le titre de votre blog mais la méthode n’est pas très bonne pour le référencement. Cette fois-ci c’est la bonne et je vous explique tout ça en vidéo.

Il se peut que votre blog wordpress rencontre un problème d’error 500 (souvent avec 1&1). Et pour résoudre ce problème, il vous faut modifier votre fichier .htaccess. Mais voilà, ce fichier n’est pas visible, en tous cas sur votre mac… Dans ce tutoriel vidéo, vous allez voir comment le créer ou le modifier et aussi comment le rendre visible grâce à l’utilitaire gratuit d’Avosmac, Avosmac2Visibility. C’est une courte vidéo, mais une bonne astuce. Pour info, vous pouvez ici télécharger le code à insérer pour fichier .htaccess

Il existe plusieurs façon d’installer ou de modifier un thème sur son blog Wordpress. Dans ce tutoriel en vidéo, nous allons parler de la modification ou de l’installation depuis le tableau de bord et ensuite dans une seconde partie, on expliquera les modifications des fichiers templates en local qu’on uploadera depuis son FTP.

Nous allons voir dans ce tutoriel vidéo comment insérer un badge twitter sur son blog wordpress. Ce badge est très pratique car il reste toujours visible. Vos lecteurs n’auront qu’à cliquer dessus pour accéder à votre page twitter. Pour cela, on va utiliser le service de go2web20 qui va générer un script que l’on collera dans le fichier footer.php juste avant la balise body.

Voici un tutoriel en vidéo concernant la création d’une image en dégradé et de son intégration dans la feuille de style. Ce qui donne comme résultat un fond dégradé pour son blog ou son site.

et bien voilà, j’ai un peu plus de temps et un peu plus de motivations pour repartir de plus belle avec Blogityourself.net. Je m’intéresse de plus en plus (en tant qu’internaute) aux tutoriaux réalisés en vidéo. Même s’il est vrai que pour le référencement de mon blog, c’est pas trop la panacée (oui, google préfère quand même encore le texte) mais je trouve qu’une vidéo, si elle est bien expliquée, c’est quand même bien mieux Pour vous le prouver, si vous ne connaissez pas encore, rendez-vous directement chez grafikart, avec son super tutorial sur wordpress et bien d’autres.

Bref, attendez vous prochainement à voir apparaître des tutos sur wordpress, buddypress, gimp, photoshop, etc…

A très bientôt, et bon weekend!

Maj du 20 mars 2010 : une différente façon est présentée ici en vidéo

Beaucoup de personnes désirent un thème avec une bannière cliquable pointant vers l’index dans l’entête de votre blog à la place du traditionnel titre et de la petite présentation. Pour cela, on peut être tenté de supprimer le contenu, plus précisément  les balises H1 et p qui décrivent le titre et la présentation de votre blog WordPress, situé dans votre header.php entre <div id= »header » et </div>.

Mais l’insertion de H1 et p est important pour les moteurs de recherches dans le SEO (référencement naturel à l’opposé des Digg-likes).  En même temps, il est vrai que si vous utilisez par exemple le plugin All in pack SEO, vous avez la possibilité de renseigner les meta-description et les keywords de votre index. Mais il est quand même préférable de garder les balises. Dans un premier temps, nous allons masquer les balises H1 et p qui décrivent le titre et la présentation de votre blog. Pour cela, aller dans votre feuille de style située dans votre tableau de bord->Apparence->Editeur de thème ->feuille de style (style.css). Pour masquer, il suffit d’insérer, dans vos ID « Header », « display:none ». Comme vous pouvez le voir ci-dessous, j’indique que je veux masquer les balises h1 et p situées dans mon header. Et sauvegarder.

Maintenant, le titre et la présentation de votre blog sont masqués « visuellement » mais figurent toujours dans le code de votre header. Nous allons maintenant insérer une image de fond dans votre header qui représentera la bannière. Pour faire simple, repérez la largeur et la hauteur de votre header. Imaginons que l’entête fait 900px de largeur et 150px de hauteur, ces mesures seront représentées comme ci dessous dans notre feuille de style :

Ajoutez alors une image de taille 900*150 dans votre feuille de style :

Sauvegarder votre feuille de style, et allez voir le résultat sur votre blog. Vous avez la bannière qui a remplacé le titre et la présentation du blog. Mais pour l’instant, on ne peut pas cliquer sur l’image pointant sur l’index de votre blog. On va définir une « zone cliquable sur votre bannière. On va ajouter « cursor: pointer et la hauteur de la zone qui correspond à la hauteur de mon header. Au final, vous aurez :

Enfin, allez sur votre fichier header.php, toujours à l’aide de votre éditeur de thème. Entre <div id= »header » et </div>, vous allez faire apparaître le code suivant :

Et voilà, le tour est joué