Ca fait plusieurs fois que des lecteurs me font part d’un problème lié à l’utilisation des “query_posts” de WordPress et du plugin de pagination WP_pagenavi. En effet, lorsque les deux sont utilisés sur la même page, 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, ceux de la page 1…

Le souci provient donc de l’utilisation des “query_posts” de WordPress qu’il convient de remplacer par un code quelque peu différent mais qui fera fonctionner le plugin comme il faut ! Ce code a été “rédigé” par l’auteur du plugin, Lesterchan. Admettons que je veuille afficher 4 articles mais que je souhaite cacher ceux de la catégorie 9. Normalement, avec les “query_posts”. je vais afficher ceci:

1
2
3

<?php
      query_posts("showposts=4&cat=-9");
?>

Mais dans ce cas-là, la pagination, comme nous l’avons montré plus haut, ne fonctionnera pas. Pour que tout soit parfait, il faudra utiliser le code suivant:

1
2
3
4
5
6

<?php
$paged = intval(get_query_var('paged'));
if($paged == 0) {
$paged = 1;
}
query_posts("showposts=4&cat=-9&paged=$paged"); ?>

Vous remarquerez que la “query_posts” est toujours présente et vous permettra d’attribuer les mêmes paramètres que l’utilisation que vous en faisiez auparavant. Ici, j’ai pris comme exemple la page d’accueil de Blogalwarming qui affiche certains articles avec ce système de pagination.

C’est vraiment tout bête comme “tip” mais je vous conseille de le bookmarker parce qu’il est fort possible que vous en ayez un jour besoin et que vous ne vous vous souveniez plus d’où vous aviez entendu parler de ce hack !!

Depuis ce matin, plusieurs personnes ( merci à elles ! ) m’ont mentionné qu’il y avait un souci avec les liens URL des auteurs des commentaires sur le blog. En gros, lorsque quelqu’un laisse un commentaire avec une URL, une fois le commentaire posté, si on clique sur le lien, on obtient un truc moche à la sauce ”%20rel=’external%20nofollow“.

J’ai donc cherché le problème à plusieurs endroits et je suis rapidement tombé sur la solution. Encore là, vive la communauté WordPress qui est tellement grande qu’il est rare que quelqu’un d’autre ne soit pas tombé sur le même problème que vous…

En fait, le souci se passe au niveau du plugin Google Analytics, et il suffit de modifier un peu de code dans le fichier php de l’extension pour solutionner le problème. Trouvez la ligne suivante:

1
2

function comment_author_link($text) {
	static $anchorPattern = '(.*href\s*=\s*)[\"\']*(.*)[\"\'] (.*)';

Remplacez-là par le code suivant:

1
2

function comment_author_link($text) {
	static $anchorPattern = '(.*href\s*=\s*)[\"\']*(.*\?)[\"\'] (.*)';

A partir de là, tout devrait rentrer dans l’ordre !! J’ai trouvé la solution ici, sur le forum US de WordPress…

C’est un truc que je souhaite mettre en place depuis un moment parce que je trouve toujour intéressant d’avoir le numéro du commentaire en face de chaque commentaire. Bien sûr on a déjà l’information du nombre total de commentaires mais c’est pas pareil…

Et il se trouve que cette semaine, pour un client, j’ai dû effectuer la manip. Bonne occasion pour venir vous expliquer un peu la démarche à suivre, qui est d’autant plus intéressante qu’il faut utiliser une sorte de “hack” pour pouvoir afficher ces numéros convenablement.

Par défaut, il existe un tag sous WordPress qui permet d’afficher les commentaires, grâce à leur numéro d’identification, leur ID. Ce tag est:

Si vous placez ce tag devant chacun des commentaires, vous allez effectivement avoir le numéro du commentaire qui va s’afficher. Cependant, ce tag n’est pas parfait. Par exemple, si vous décidez de supprimer un commentaire, les commentaires qui restent vont garder leur identifiant et donc le compteur pourra passer de 1, 2, 4, 5…

Pour parer à ce genre de souci, j’ai trouvé une solution qui fonctionne très bien et qui, en fait, va créer une sorte de compteur qui va comptabiliser uniquement les commentaires affichés de l’article. Si vous en retirez un, le compteur va prendre le changement en compte et re-numéroter chacun des commentaires.

Alors, comment ça se passe ?

En fait, vous allez ouvrir le fichier comments.php et vous allez devoir insérer le morceau de code suivant AVANT la boucle des commentaires:

Et ensuite, vous ajoutez le code suivant à l’emplacement où vous souhaitez voir apparaître le numéro de chacun des commentaires (dans la boucle des commentaires bien sûr…):

L’ensemble devrait donner ça:

… …nom de l’auteur du commentaire…

Voilà ! Quand à moi, je vais installer la chose sur le blog dans les prochains jours…

Alors, autant vous dire tout de suite que s’il y a un designer pour WordPress à connaître, c’est Nick La. Il est l’auteur du blog WebDesignerWall, de BestWebGallery, superbe galerie css construite sous WordPress, et du célèbre n.design studio. Alors, certains d’entre vous vont me dire: “hmmm… j’ai déjà entendu parler de n.design studio…”. Et oui, sûrement, parce que l’ami Nick La est également l’auteur de célèbres thèmes pour WordPress comme iTheme ou encore GlossyBlue.

Et il se trouve donc que Nick La a publié, il y a quelques jours, un article très intéressant sur les trucs et astuces qu’il utilise pour customiser WordPress. Je vous conseille de le lire, si vous maîtrisez l’anglais, parce qu’il apporte pas mal de petits trucs sympas pour aller encore plus loin avec l’utilisation de WordPress. Ce ne sont pas des trucs trop compliqués, et ça peut s’avérer très utile.

Et si vous ne pouvez ou ne voulez pas lire cet article en anglais, je vous inquiétez pas. Je ne manquerai pas de vous en faire une petite traduction “personnelle” dans les prochains jours !

En tout cas, je vous conseille de vous abonner à ces différents blogs car ils sont pleins d’articles très instructifs.

• Daria, de Daria Blogue:

Bon déjà, on part du principe qu’il n’y a qu’une sidebar ? Parce que : qui dit plusieurs sidebars dit plus de choses à mettre Donc ce que j’aime bien voir dans la sidebar d’un blog que je visite :

1. la zone de recherche
2. l’icône des flux RSS des billets (voire des commentaires).
3. les catégories
4. les archives
5. les derniers commentaires
6. les widgets sympas comme des lecteurs de musique ou mybloglog, critéo & co (ce qui permet de découvrir des nouveaux blogs) que chacun choisit de mettre sans trop en rajouter non plus.

Il est possible d’avoir le nuage de tags (à la place des catégories) voire de la publicité (discrète si possible ! Les pubs qui clignotent ou les pop-ups intempestives me font fuir…donc vous savez ce qu’il faut faire pour que je ne vienne pas chez vous lol) : ( Par contre le calendrier, je m’en moque. La blogliste/blogroll je préfère la voir / l’avoir sur une page car il y a souvent de longues listes de liens qui peuvent alourdir la page d’accueil d’un blog. Les sidebars trop chargées (à croire qu’on voudrait mettre tous les widgets possibles sur cette petite partie d’un blog) me déplaisent en général.

• Cactus Pikant de Kakushin.fr:

Voilà une grande question…

Et chacun donnera certainement un avis divergent sur la question… Alors je me propose d’énoncer les éléments “de base” que doit avoir en règle générale toute bonne sidebar.

En effet selon que votre “blog/site” ( la sidebar n’étant pas l’apanage des blogs je vous rappelle ) soit à usage professionnel ou personnel, que vous soyiez photographe, journaliste ou programmeur, la sidebar se devra se plier à vos besoins spécifiques.

Quels sont alors les éléments dont nous avons tous besoin ? Commençons par la commencement et déterminons déjà de quoi nous avons tous besoin…

Dans le désordre et de manière non exhaustive nous pourrons citer :

• une partie “navigation”
• une partie “présentation”
• une partie “communautaire”

C’est selon moi le minimum syndicale de la bonne sidebar… Comment espérer avoir plus de “1″ page vue par vos visiteurs si vous ne leur offrez par de quoi “vagabonder” dans votre site ? De la même manière le mode de publication sous forme de blog amène le visiteur à vouloir découvrir qui se cache derrière ces lignes de textes, argument tout autant valable pour un site d’entreprise car l’histoire d’une société permet aux visiteurs de s’en sentir plus proche. Pour ce qui concerne ce que j’appelle “communautaires” cet section servira selon les besoin de chacun à partager ses liens, faire découvrir d’autres de vos passions ou même simplement afficher vos dernières photos.

La navigation:

Là encore le mode de publication par blog amène son cortège de nouveautés. Ainsi à la navigation standard ( que ce soit par onglet, liste ou liste déroulante ) vient s’ajouter la navigation par tags… La navigation par tags surtout si l’on utilise le méthode par “NUAGE” ( où les tags les plus importants sont mis en valeur ) va permettre de mettre en avant les points principaux de votre site.

Chacun choisira ensuite si il préfère utiliser ces “catégories” ou bien faire appel à une gestion plus poussé des Tags ( Cf : les différents plugins de tags existant ).

Quoi qu’il en soit la partir de navigation est le colonne vertébrale de toute publication Web, combien de fois ais je croisé des sites donc les liens de navigation été illisible ou placer à des endroits “improbables” empêchant par la même toute découverte du reste du site…

La Présentation:

En ce qui concerne la partie présentation elle se doit d’être courte et suffisamment claire pour que des visiteurs ne connaissant pas votre domaine d’expertise puisse comprendre de quoi il est question.
L’utilisation de mots clefs dans vos descriptions améliorera la lisibilité. De plus je vous conseille d’y insérer un lien vers une page dans laquelle vous pourrez détailler de façon plus complète votre profil avec des liens vers vos projets, communautés, et réalisations.

La partie Communautaire:

La partie “communautaire” va déjà être un espace bien plus sujet à contreverse… En effet cette partie regroupera des éléments bien plus “personnel”.

C’est cette zone qui recevra les éléments qui différencie votre site des autres. On y retrouvera donc les “Backlinks” que vous pourrez mettre en place, que ce soit vers des sites ayant fait la même chose pour vous ou bien des sites réclamant l’apposition d’une image sur votre site en contrepartie d’un service.

Je vous conseille d’y faire figurer aussi des liens vers vos différentes publications sur le net là aussi on peut citer rapidement :

• systèmes de signets/favoris social ( ex: Del.ico.us )
• partage de photos ( ex: picasa, flickR, etc… )
• ziki ( qui déjà regroupent lui même vos publications )
• et tous les autres “widgets” qui peuvent avoir un rapport avec vous même

En conclusion, La Sidebar doit avant tout être le point de répere des visiteurs , identique sur l’ensemble du site ( exception “articles” pour plus grande lisibilité mais doit rester présente ). Vous l’aurez compris le sujet et vaste et surtout il est un choix avant tout personnel. N’oubliez jamais pour autant que la sidebar représente dans l’inconscient de chaque visiteurs le point névralgique par lequel la navigation va passer alors prenez toujours de temps pour “réfléchir” votre navigation.

Tous ces points sont bien sur valables dans tous les types de sidebar qu’elles soient horizontales, verticales, en bas, à droite, en haut ou en à gauche.

C’est la question que je pose aujourd’hui. Je viens de le faire sur le blog et je dois avouer que ça aère considérablement le blog ! Alors, pourquoi ne mettre que des flux tronqués sur la page d’accueil ? Quels sont les avantages et les inconvénients ? En fait, en ce qui me concerne, les raisons invoquées sont les suivantes:

• Google n’aime pas le contenu dupliqué. Et dès lors que le même article se retrouve à la fois sur la page d’accueil et sur les permaliens, Googlebot les analyse comme un contenu dupliqué. D’ailleurs là-dessus les avis sont paratagés, mais je pense tout de même qu’il y a un risque d’être pénalisé qui n’est pas négligeable. En matière de référencement, mieux vaut pas prendre de risque !

• Avoir des articles tronqués sur la page d’accueil va augmenter le nombre de pages vues puisque les visiteurs vont devoir aller sur les permaliens pour voir l’article complet. Ici, le point le plus positif pour moi c’est que du fait que les visiteurs lisent l’article sur le permalien et non plus sur la page d’accueil leur donne aussi directement accès aux commentaires, et donc peuvent ainsi participer à la discussion en cours.

• D’un point de vue esthétique, et vu que j’écris régulièrement des articles plutôt longs, je trouvais la page d’accueil interminable… Ce qui est, je pense, un handicap. D’autant plus que la sidebar sur ce thème se trouve tout en bas. Ce problème va être réglé avec l’arrivée du nouveau thème, mais en n’affichant que 1 ou 2 paragraphes de chaque article sur la page d’accueil, le visiteur a accès plus facilement à tous les articles, et en un seul coup d’oeil.

Cependant, il y a un risque que le visiteur, ne trouvant pas l’article complet, zappe et ne fasse pas l’effort d’aller sur le permalien de l’article… C’est finalement le risque le plus important. Et ce risque concerne principalement les visites en provenance des moteurs de recherche et sur la page d’accueil. J’ai plein d’articles qui sont référencés sur Google et pour lesquels les visiteurs arrivent directement sur la page de l’article. En regardant dans mes statistiques, je me rends compte que la part des visites sur ma page d’accueil représente 15% du total des visites. Ce qui n’est pas négligeable.

Du coup, la question se pose: faut-il mettre des articles tronqués sur la page d’accueil de son blog ? Y-t-il un risque de voir fuir les visiteurs ? Ou au contraire, ça aère un blog et améliore la navigation ? Vous pouvez y répondre en dessous via le sondage et donner votre sentiment en laissant un commentaire.

Francis

PS: La semaine prochaine, je rédigerai un article sur les différents plugins utiles pour optimiser l’affichage des articles tronqués en page d’accueil.

Merci d’avance pour votre participation !

Francis

Je viens de découvrir ça chez Henri et j’avoue qu’une fois de plus, je suis bien content d’être sous WordPress ( et d’être abonné à son blog par la même occasion !! ). iWPhone WordPress Plugin reformate automatiquement votre blog au format de l’iPhone, pour une meilleure lisibilité. C’est valable pour l’iPhone et uniquement l’iPhone…

PS: je sais ce que certains vont me dire: “Qu’est-ce qu’on en a à foutre de l’iPhone ? Il n’est même pas encore en vente en Europe”…Certes, mais ça risque d’arriver vite Novembre !!!

Francis

Ces derniers jours, j’essaie vraiment d’avancer un peu plus sur mon thème. Entre le travail, les articles, les tutos, la wp_plugins list et la vie personnelle, pas facile de trouver le temps pour faire l’intégration… Mais depuis la fin de semaine dernière, je me suis remis au charbon et je dois dire que le constat est terrible: c’est super dur de construire un thème autour de k2.

Au départ, je m’étais dit qu’étant déjà sur k2, ce serait bien d’y rester et de profiter de toute la puissance de ce thème. Donc, je suis parti de la version “de base” et j’ai développé autour. Et finalement, ce n’est pas le développement dans les templates qui m’a le plus pris la tête. Bien sûr, il y a vraiment beaucoup de choses à assimiler, mais il y a aussi pas mal de trucs inutiles. Il faut prendre le temps de parcourir chaque template. Mais je dois dire que j’ai appris pas mal de choses. C’est vraiment un thème maîtrisé de A à Z. Les gars y ont passé beaucoup de temps. Donc, non, ce n’est pas au niveau des templates que je me suis pris la tête, mais au niveau des CSS.

Déjà, chaque bloc a un nom bien précis, déterminé par les développeurs de k2. Il faut donc prendre le temps de bien comprendre l’architecture de la mise en page. Mais pour cela, j’ai un petit bijou de logiciel qui s’appelle CSSEdit, qui grâce à sa fonction “rayons X” permet de visualiser rapidement chaque bloc et le “chemin” qu’il suit, son imbrication en remontant jusqu’à “html”. Donc, j’ai passé pas mal de temps à comprendre comment tout cela fonctionnait. Et ce que j’ai découvert est interminable… J’ai voulu imprimer la feuille de style pour y regarder de plus près et y faire des retouches à la main, dans le tram. La feuille de style fait 47 pages !! Très vite, j’ai découvert des imbrications, des connections dans tous les sens, et là, je me suis dit: “Francis…je ne sais pas dans quel pétrin tu t’es mis…mais ça va être galère…”. Pas loupé… Pendant un moment, je me suis posé la question de tout laisser tomber et de repartir sur un autre thème, comme le mien par exemple, ou Sandbox. Mais j’avais déjà fait pas mal de modifications dans les templates, donc je ne me voyais pas tout recommencer.

J’ai donc continué sur cette voie et j’ai passé pas mal de temps à trouver des solutions à des problèmes, notamment celui que je viens de débloquer et qui m’a pris la tête pendant un petit moment. Je vous expose la chose: En travaillant sur les polices, je me suis aperçu que le rendu n’était pas top. Je me suis dit que c’était peut-être Firefox. J’ai essayé sous Safari et même résultat. Le truc c’est que même les couleurs n’étaient pas tout à fait les bonnes… Et en passant dessus, en rollover, elles redevenaient “normales”, comme je les avait paramétré dans les CSS. Enfin bref, j’ai parcouru la feuille de style en long et en large pour essayer de comprendre d’où pouvait provenir le problème. Rien. Le même style sur un autre thème ne pose aucun problème… Et puis, hier midi, je pense à un truc. Les options Ajax de k2… Et effectivement, ça n’a pas loupé… Les options Ajax pour la recherche créaient une sorte de “calque” qui rendait moins lisible le texte. Je ne pourrai pas vous en dire plus car je n’y connais rien en Ajax, mais le problème provenait bien de là. J’ai donc désactivé la chose et maintenant, tout va mieux. Je vais pouvoir enfin terminer mon thème et vous le dévoiler rapidement !!

Tout ça pour vous dire que rien ne vaut un développement complet de son thème, avec ces propres nominations. C’est la meilleure manière d’apprendre et de connaître sur le bout des doigts sont thème. Partir d’un existant, c’est jamais facile et il y aura toujours quelque chose que l’on ne maîtrisera pas. Dans les prochains mois, j’ai l’intention de bouger mon thème vers mes propres templates et laisser tomber k2. Cette situation n’est que temporaire. Quoi qu’il en soit, c’est aussi un bon moyen d’apprendre et de voir ce que font les autres. J’ai appris pas mal de truc sque je réutiliserai sûrement prochainement !!! Y a quand même pas que du négatif dans tout ça !!!

Fran6

Grosse prise de tête cet après-midi pour trouver un moyen simple et efficace qui permettrait de créer une page d’accueil différente du blog. En fait, c’est un commentaire de Fly06 qui m’a fait réagir. En effet, pour avoir une page d’accueil, un moyen simple est de créer un template home.php et l’affaire est faite ! Pas si simple que ça… La page d’accueil va prendre la place de l’index à la racine de votre site. En tapant l’URL de votre blog, vous allez attérir sur la page d’accueil et non plus sur les derniers billets. Le thème k2 a un onglet dans le menu de navigation qui permet d’arriver sur le blog. Sauf, que si on regarde bien la hiérarchie des templates, on arrive toujours sur le home.php et plus sur l’index.php…

Alors, jusqu’à il y a peu, il y avait différentes manières de s’en sortir. On pouvait installer un plugin, comme Static Front Page ou Home Page Control, ou encore utiliser différents hacks pour arriver à ces fins. Mais pour ce qui est des hacks, la solution n’était jamais idéale et parfois très périlleuse à mettre en place. En tout cas, avoir une page d’accueil différente de son blog, était un vrai boulôt de développeur et peu accessible au simple utilisateur… En tout cas, certains se sont bien pris la tête, n’est-ce-pas Ben ?

Depuis l’arrivée de la version 2.1 de WordPress, les choses se sont considérablement améliorées puisque la plateforme vous propose de le faire pour vous (Options -> Lecture):

Cependant, ce n’est pas clair et les explications du codex wordpress sont assez simplifiées. Jusqu’à ce que je tombe sur cet article. Je vais donc vous décrire dans le détail la méthode expliquée dans cet article.

Tout d’abord, il va vous falloir créer une nouvelle page pour accueillir le contenu de votre page d’accueil. Pour cela, vous allez vous rendre dans l’onglet “Ecrire une page” et créer votre nouvelle page. Mais auparavant, il vous faut savoir quel template de page vous allez utiliser pour votre page d’accueil et quelle apparence vous voulez qu’elle ait. Si vous souhaitez garder la même organisation, vous pouvez très bien garder le template page.php ou vous pouvez aussi en créer un nouveau que vous modifierez comme vous le souhaitez.

Admettons que vous souhaitiez lui donner une apparence particulière. Vous allez créer un nouveau template que vous allez appeler “accueil.php”. Dedans, vous allez copier le contenu du template “page.php”. Sur cet article, Rich propose d’utiliser le contenu de l’index.php. Tout dépend vraiment de l’utilisation que vous allez en faire. Ici, je prendrai le template page.php qui est plus simple à utiliser, sans plus de paramétrages.

Une fois le contenu de page.php copié dans accueil.php, ajoutez la ligne de code qui suit au-dessus du contenu déjà copié et faîtes-y toutes les modifications que vous voulez:

1
2
3

/*
Template Name: Accueil
*/

Enregistrez le fichier et mettez le dans le dossier de votre thème. Allez créer votre page avec son contenu, et dans la colonne de droite, vous allez voir apparaître la box qui va vous permettre de choisir le modèle de page:

Là, choisissez “Accueil”, le template que vous venez de créer. Enregistrez votre page.

Maintenant, il va nous falloir déterminer la “page des articles”, la page sur laquelle vont s’afficher les articles. Comme l’URL de votre blog (monsite.com) va être “occupé” par votre page d’accueil, il vous faut une autre page pour vos articles. Il va donc vous falloir créer une autre page pour ceux-ci.

On retourne donc dans l’onglet “Ecrire une page”. Ici, vous pouvez appeler la page “blog” ou “journal”, comme je l’ai fait sur la copie d’écran plus haut. Ne mettez aucun contenu, les articles viendront s’insérer automatiquement ici. Le modèle page est celui par défaut. Enregistrez le tout.

Allez maintenant sous l’onglet Options > Lecture, au niveau de l’”affichage de la page d’accueil”. Cochez la case “Une page statique”, et parmi les choix de page d’accueil, choisissez “Accueil” et pour la page des articles, choisissez celle que vous venez de créer, ici “Journal”. Enregistrez les modifications.

Maintenant, allez sur votre site. La nouvelle page d’accueil apparaît à la racine de l’URL: www.monsite.com. Vous remarquez également que dans la liste des pages du blog (et j’espère que vous en avez une, sinon direction ce tutoriel !!) de nouvelles pages sont apparues. Ce sont celles que l’on vient de créer. Maintenant, cliquez sur la page qui va vous amenez vers vos articles. Revoilà votre blog ! Par contre, un changement, et pas des moindres, l’URL de votre blog est modifiée. Maintenant, vous avez quelque chose du style: www.monsite.com/journal. Toujours pénalisant pour Google quand la page est référencée depuis longtemps… Par contre, les articles gardent, quant à eux, les mêmes URL.

Voilà donc un moyen simple d’installer une page d’accueil sur votre blog. Même si les incidences en terme de référencement peuvent ne pas être trop conséquentes, il est toujours important de penser à la création de cette page d’accueil quand on crée son blog ou pendant les premières semaines qui suivent sa création.

Bon week-end

Fran6

Je viens de tomber sur un article très intéressant du Blog Herald qui explique comment fonctionne une condition importante du loop WordPress, la “query_posts”.

On la retrouve très souvent dans la sidebar car c’est elle qui va permettre l’affichage des derniers articles, ou encore d’afficher les asides. Finalement, comprendre l’utilisation de la “query_posts” va vous permettre de customiser votre sidebar sans avoir à aller installer un plugin supplémentaire. L’exemple utilisé par Nathan Rice est celui qui va vous permettre d’afficher certains de vos articles uniquement dans la sidebar, comme les Asides. Pour cela, vous allez utiliser la requête suivante:

1

<?php query_posts('cat=1'); ?>

En plaçant cette requête avant le loop WordPress, vous n’afficherez que les articles en provenance de la catégorie 1. Vous pouvez bien entendu choisir n’importe quelle catégorie ! Vous pouvez également utiliser directement le nom de la catégorie:

1

<?php query_posts('category_name=Sidenotes'); ?>

Vous pouvez également utiliser cette query ailleurs que dans la sidebar, comme par exemple dans le contenu. Vous pouvez par exemple décider d’exclure une catégorie des billets qui seront affichés sur la homepage. Pour cela vous devrez utiliser la requête suivante:

1

<?php query_posts('cat=-1'); ?>

Le signe “moins” devant la catégorie signifie qu’elle ne sera pas prise en compte dans l’affichage des articles. Vous pouvez également décider de n’afficher qu’un article particulier. Pour cela, vous allez utiliser l’ID de l’article, le numéro que lui donne la variable de la base de donnée. Par exemple, admettons ici que l’on ne veut afficher que l’article avec l’ID n°6. On va alors insérer la requête suivante:

1

<?php query_posts('p=6'); ?>

Idem, si vous ne voulez affichez que le contenu d’une certaine page, vous remplacerez le ‘p=6′ par ‘page_id=6′, 6 étant le numéro de la page affichée.

Voici quelques exemples de paramètres utilisables par la “query_posts” (fournis par le codex WordPress):

Catégories:

• cat=1: Va afficher les articles de la catégorie 1,
• cat=-1: Ne va pas afficher les articles de la catégorie 1,
• category_name=x: va afficher les articles de la catégorie x,

Auteurs:

• author_name=Fran6: Va afficher les articles de Fran6
• author=1: Va afficher les articles de l’auteur avec l’ID n°1

Articles et pages:

• p=1: Va afficher l’article avec l’ID n°1,
• name=meilleurs-themes-wordpress: Va afficher l’article intitulé “Meilleurs thèmes WordPress” dont le format de l’URL reprend les termes: http://monsite.com/2007/06/05/meilleurs-themes-wordpress.
• page_id=1: Va afficher les articles de la page 1,
• pagename=a-propos: Va afficher le contenu de la page “A propos”,
• showposts=3: Ne va afficher que 3 billets sur la page,
• order=ASC: Affichera les billets dans l’ordre chronologique (DESC dans l’ordre inverse, c’est-à-dire le dernier en premier),

Un très bon exemple fourni par le codex WordPress est le suivant:

Si on regarde bien la hiérarchie des templates, on remarque que c’est le template home.php qui est exécuté en premier. Ca veut dire que si vous créez un template home.php et que vous lui mettiez une “query_posts” pour afficher une page particulière, celle-ci deviendra votre page de garde, et qui ne sera pas une page avec des articles du blog. Et comme le dit si bien le codex, tout ça sans avoir besoin d’un plugin !!

Prenons un exemple pour faire concret. Vous voulez que les visiteurs arrivent sur une page “statique” de présentation quand ils viennent sur votre blog. Votre blog devient un “site” en quelque sorte. Admettons que cette page porte l’ID n°5. Vous allez donc créer une home.php avec le contenu que vous souhaitez MAIS SURTOUT avec le loop WordPress. Avant ce loop, vous allez ajouter la requête suivante:

1

<?php query_posts('page_id=5'); ?>

et la page affichée à l’ouverture de l’URL de votre blog sera la page 5. Sympa non ?? Je trouve que c’est ce genre de connaissance qui rend la customisation de votre blog très intéressante, plutôt que d’utiliser des plugins en long et en large !

Paramètres de temps:

• hour=
• minute=
• second=
• day=
• monthnum=
• year=

Là, peut-être pas la peine de tout traduire non plus, hein ?

Alors, c’est bien joli toutes ces combinaisons, mais comment les lier entre elles ? Et bien tout simplement en utilisant le signe “&”. Prenons un exemple: si je veux afficher les 4 derniers articles du blog dans la sidebar, je vais utiliser 2 paramètres (order=DESC et showpost=4) à travers la requête suivante:

1

<?php query_posts('order=DESC&showpost=4'); ?>

De quoi s’amuser pour un moment non? On peut vraiment faire pas mal de choses avec cette requête, que ce soit pour paramétrer le contenu ou la sidebar. A vous de trouvez ce qui vous convient le mieux !!

Fran6

La semaine dernière, j’ai décidé que j’en avais marre de l’écran d’administration actuel de WordPress ! Je le trouve vraiment très moche. Je me suis donc tourné vers différents plugins qui vous permettent de modifier l’apparence de vos menus d’administration de WordPress. Je vais donc vous présenter les meilleures solutions qui vous sont offertes, et ensuite, je vous expliquerai aussi comment modifier vos menus vous-mêmes, en allant modifier les feuilles de style.

1. Plugins

Finalement, il ne sont plus si nombreux que ça. Je dis “plus” car ils semblent que la plupart ont disparu suite à des soucis avec certains navigateurs, avec WordPress 2.1 et par manque de “maintenance”. Donc, plutôt que de vous présenter toute une liste de thèmes dont la plupart ne sont plus maintenus, je préfère vous présenter ceux qui fonctionnent bien et qui se détachent un peu du lot. En tête, on retrouve les célèbres wp-tiger-administration et SpotMilk.

Wp-Tiger-administration est vraiment très sympa et original. Les menus apparaissent dorénavant à gauche et l’utilisation d’icônes un peu partout rend le “thème” de l’administration convivial. Les boutons ont été refait avec un aspect de dégradé très sympa. Les différents tableaux sont clairs, beaucoup plus que les standards de WordPress, et permettent une meilleure navigation dans les commentaires, articles ou encore plugins. Vraiment un très bon thème.

SpotMilk est également un de mes préférés. Beaucoup plus “web 2.0″, ce thème est très frais et, selon moi, plus convivial que wp-tiger. Par contre, le bleu utilisé pour le header du menu et pour les liens est un peu trop clair pour moi ! Ici encore, une meilleure gestion des tableaux que dans le standard. Ambiance Mac garantie selon l’auteur qui s’est basé sur le thème Milk pour Mac OSX ! Vous pouvez également modifier le bleu criard par du noir en allant modifier le fichier spotmilk.php (les indications sont fournies sur le site du thème).

Ensuite, on trouve toutes une série de thèmes, plus ou moins sympas selon ses goûts. On trouve notamment le thème wp-barunio-administration. Personnellement, je n’aime pas trop le jaune de ce thème…

Si vous ne souhaitez pas tout changer, il existe aussi des plugins pour modifier différentes choses, indépendamment les unes des autres. Préparez-vous donc à installer plusieurs plugins rien que pour ça ! Parmi les plus intéressants, on retrouve Admin drop down menu qui vous permet de créer des menus déroulants horizontaux sous chaque onglet. Custom Admin Menu est un plugin également intéressant car il vous permet de customiser entièrement l’administration de votre blog. L’auteur propose d’ailleurs une vidéo pour vous permettre de comprendre comment le plugin fonctionne.

Là encore, il existe beaucoup de solutions mais très peu restent maintenues…

2. Modification des fichiers CSS

Si vous ne trouvez pas de thème qui correspond à vos goûts, vous pouvez très bien modifier les CSS vous-même. Attention cependant, c’est pas donné à tout le monde ! Et puis, là encore, il existe des solutions toute faites qui sont vraiment sympa. C’est le cas notamment de afd admin theme, qui vous permet d’aller modifier directement les CSS de WordPress sans passer par un plugin. L’avantage c’est de ne pas utiliser un plugin de plus. L’inconvénient principal c’est que ces modifications suppriment vos anciens fichiers CSS. Il vous faudra donc penser à faire une sauvegarde de ces fichiers avant de les changer. Quoi qu’il en soit, ce thème est très sympa, clair et propre:

Vraiment, je trouve ce thème très sympa et l’utilise depuis peu.

Maintenant, si vous souhaitez vous attaquer directement au code pour créer vous-même votre thème pour l’administration de votre blog, il vous faudra modifier la feuille de style qui se trouve ici: wp-admin/wp-admin.css. Toute autre modification pourra être effectuée dans les différents templates de l’administration, sous wp-admin. Quoi qu’il en soit, faîtes bien attention en allant modifier ces différents fichiers, et assurez-vous d’avoir préalablement sauvegardé les templates d’origine !!

Donc, vous voyez, il y a matière à ne pas rester avec le thème de base livré avec WordPress. Personnellement, changer de thème m’a quelque peu réconcilier avec l’interface de l’administration de mon blog et je recommence à écrire via l’éditeur standard de WordPress. N’hésitez pas à tester !!

Fran6

Ca fait un petit moment que je n’ai pas parlé “plugins”… Alors aujourd’hui, c’était une bonne occasion pour vous parler de 2 petits plugins sympas qui vont gentiment optimiser votre fonction recherche, le fameux “formulaire” de recherche dont on a parlé il y a quelques jours dans la série des tutoriels consacrés à la création d’un thème WordPress de A à Z.

Le premier d’entre eux, Search Everything WordPress Plugin va être d’une grande aide aux visiteurs de votre blog qui recherche quelque chose de bien précis. Normalement, la fonction recherche ne donne des résultats que pour les articles de votre blog. Avec ce plugin, la requête ira chercher non seulement dans les articles, mais aussi dans les commentaires, fichiers joints ou encore les autres pages de votre blog. Ainsi, vous pourrez couvrir une plus grande partie de votre blog.

Le deuxième, c’est Search Meter WordPress Plugin. Ce plugin va vous permettre de mesurer le nombre de fois que votre fonction recherche est utilisée, mais il va surtout vous permettre de savoir quels sont les mots clés qui sont les plus “recherchés”. La copie d’écran ici vous montre à quoi ressemble l’onglet du plugin. Intéressant non ?

J’avoue ne m’être jamais posé la question quant à savoir si quelqu’un utilisait la fonction recherche sur mon blog. Vu où elle est placée, je doute qu’elle soit utilisée souvent… Mais je dois bien dire que pour le prochain thème (finalement je prends mon temps pour bosser dessus…;-)), j’ai placé la fonction recherche en haut, bien visible. Est-ce que ça sert à quelque chose ? Est-ce que cette fonction est réellement utilisée ? Je n’en sais trop rien. En tout cas, en ce qui me concerne, je ne l’utilise que très peu quand je parcoure différents blogs…

Fran6

Avec La version 2.1 de WordPress, on a vu arriver une fenêtre qui nous permet d’optimiser les attributs des images que vous mettez en ligne. Cette fenêtre apparaît quand vous souhaitez insérer une image à votre billet:

Renseigner ces différents champs va s’avérer utile pour référencer vos images pour les moteurs de recherche. En effet, la recherche d’images sur internet est de plus en plus importante notamment grâce à Google Images. C’est un donc un autre moyen pour faire venir encore plus de visiteurs sur votre blog. Faut-il encore que tous ces champs soient bien renseignés et permettent à ces moteurs de recherche d’avoir suffisamment d’informations pour proposer vos images aux internautes.

Pour améliorer votre référencement, il va donc falloir renseigner les champs suivants:

URL de l’image: Vous aurez du mal à vous en passez ! C’est la source de l’image qui sera reprise par les moteurs de recherche. C’est l’attribut “src” de votre code.

Equivalent textuel: je ne veux pas taper sur l’équipe de WordPress Francophone qui fait un boulot monstrueux pour traduire les versions de WordPress, mais là, je trouve qu’ils se sont torturés pour pas grand chose !! A moins que ce soit moi qui n’est rien compris… “Equivalent textuel…” L’équivalent de la version anglaise est “Image Description”, soit la description de l’image. Ce sont des mots clés, un titre en somme qui sera repris par les moteurs de recherche. C’est la balise “title”. Ici, on aura également la balise “alt” qui prendra les mêmes informations que le titre et qui aura le même but. Cependant, l’attribut “alt” est très important car sans lui, votre page web ne sera pas validée W3C…Il était déjà présent dans la version 2.0 de WordPress mais je doute qu’elle fut bien utilisée par tous…;-)

Dimensions: Celles-ci sont importantes non seulement pour l’affichage sur votre page mais également pour Google Images qui va les afficher sur la fenêtre de recherche.

Voici ce que donne le code. Je me suis amusé à faire une petite comparaison avec WordPress version 2.0, ScribeFire (éditeur de billets sous Firefox) et Ecto (la référence des éditeurs de billets en local):

Code WordPress 2.1:

Code ScribeFire:

Code Ecto:

A vous de juger ! Personnellement, je trouve le code Ecto le plus complet car on peut donner une description différente selon les champs “alt”, “title” et “longdesc”. Mais WordPress 2.1 s’en sort déjà très bien et surtout beaucoup mieux que ScribeFire que nous sommes nombreux à utiliser !

Avec cette nouvelle fenêtre, WordPress permet un meilleur référencement des images. Je viens de commencer à mieux gérer les images de mon blog donc je ne peux pas encore vous dire quelles sont les conséquences en pourcentage de visites en plus provenant de Google Images. Ce que je sais, c’est qu’il faut parfois patienter 6 mois avant d’être référencé par le moteur. Peut-être que certains d’entre vous peuvent nous en dire plus ?

Fran6

Je viens de tomber sur un truc qui pourra sûrement en intéresser plusieurs ! C’est un générateur de thème WordPress. Avec cet outil, vous pouvez créer par vous même un thème mais attention, dans une certaine limite tout de même ! Déjà, on ne peut générer que des thèmes 2 colonnes et vous n’allez ici ne toucher que le style du thème. Cependant, ça peut déjà vous donner des idées et vous tenir occupé un moment !!!

Une fois votre style choisi, vous n’avez qu’à cliquer sur le bouton “save” et tous les différents templates sont créés ! Pas mal non ? Bon, je n’est pas essayé de télécharger les fichiers pour voir ce que ça donne installé mais c’est vraiment bien fait, assez complet et “widget ready” !

Fran6

Source: Hongkiat