LASHÔN - WordPress Création Sites Internet

Navigation Menu

WordPress 2.9, gestion des miniatures (thumbnails) et du bon usage de l’insertion d’images

WordPress 2.9, gestion des miniatures (thumbnails) et du bon usage de l’insertion d’images

Posted on 31 décembre 2009 in Wordpress | 8 comments

Miniature d'un tableau végétal

Associer une miniature à ses extraits d

La dernière version de WordPress, Carmen 2.9, permet enfin de gérer (un peu) mieux l’insertion des images, en particulier les miniatures (thumbnails), sans nécessiter de plugin. D’emblée vous dire que cette fonction gère uniquement les nouveaux articles postés. Pour les vignettes des anciens articles, on peut choisir sa méthode personnelle parmi plusieurs configurations possibles. Plugin, TimThumb, utiliser wp 2.9 en ajoutant le code ad hoc dans son template, etc. Voir plus bas la petite liste ressources de bons articles.

Utiliser la nouvelle fonction miniature de WordPress 2.9 dans vos thèmes

Coder

Je ne ferais pas le tour de toutes les méthodes possibles (le champ est aussi vaste que l’ingéniosité des développeurs et codeurs en herbe). Parcourez les ressources livrées plus bas.

Vous pourriez par exemple vous passer de ce petit tutoriel et utiliser directement le Plugin Thumbnail For Excerpts ou Plugin Smart Image II, ou encore Get The Image et fw-post-image. Ce qui ne gère pas la nouvelle capacité de 2.9. à fabriquer des miniatures, ces plugins vont seulement chercher les première image existante.
Mais, d’une part les miniatures générées par la nouvelle version (avec the_post_thumbnail) ont le mérite d’être taillées, d’autre part le souci avec les plugins est le risque qu’ils ne soient plus à jour au fil des versions de WordPress, abandonnés par leurs développeurs, plantant par la même occasion votre beau blog au milieu du désert de la Toile criarde. Or, sur le plan des images, WordPress ne fait pas dans le simple pour ses utilisateurs. Voici une méthode raccourcie pour ceux qui ont déjà mal au crâne ou lisent mal l’anglais.

Ajoutez dans le functions.php de votre thème la ligne suivante (choisissez la taille de votre miniature):

  // Ajout pour supporter la gestion des thumbnails livrée avec WordPress 2.9
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150, true ); // Miniature de 150px/150px et fonction crop

Notez que la 2ème ligne est optionnelle car l’on peut également définir la taille au moment d’appeler cette fonction dans vos templates.

Ajoutez dans les fichiers de votre thème où vous voulez voir apparaître cette miniature (au choix, home.php, index.php, category.php, archive.php) la ligne suivante:

<?php the_post_thumbnail();?>

Ceci n’a un sens que si votre thème permet d’afficher les extraits de vos articles plutôt que l’entièreté de son contenu. Si ce n’est pas le cas, remplacez la ligne :

<?php the_content('Lire la suite &raquo;'); ?>

par

<?php the_excerpt('Lire la suite &raquo;'); ?>

Ce qui donne avec l’appel de la fonction thumbnail :

<?php the_post_thumbnail();?>
   <?php the_excerpt('Lire la suite &raquo;'); ?>

Personnellement, je préfère afficher une version conditionnelle, incluant le titre de l’article attaché à l’image, une récupération d’une image par défaut et définir, au besoin, la taille des vignettes dans les templates (fichiers du thème) pour pouvoir définir des tailles différentes selon l’endroit (solution Justin Tadlock) :

<?php
	if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) {
	the_post_thumbnail(array( 150,150 ), array( 'alt' => 'alttext', 'title' => '<?php the_title(); ?>'));
} else {
	echo '<img src="sans-image.png" alt="sans image" title="image" />'; }
}
?>
   <?php the_excerpt('Lire la suite &raquo;'); ?>

Mais si vous aviez configuré vos miniatures au moyen de customs fields, vous auriez intérêt à avoir une solution de rechange (solution Kremalious, wp-recipe) :

<?php
	if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) {
	the_post_thumbnail(array( 150,150 ));
} else {
	$postimage = get_post_meta($post->ID, 'post-image', true);
	if ($postimage) {
		echo '<img src="'.$postimage.'" alt="" />'; }
}
?>
   <?php the_excerpt('Lire la suite &raquo;'); ?>
	<a href="<?php the_permalink() ?>" class="alignright" title="Lien permanent vers <?php the_title(); ?>">Lire la suite &raquo;</a>

Pour styler votre miniature, ouvrez votre style.css et ajoutez la classe .wp-post-image. Exemple:

.wp-post-image {
border: 1px solid #999;
margin:0 15px 10px 0;
padding:0;
float:left;
}

Utilisation – Insérer une image dans un nouvel article et choisir une miniature

Deux étapes. Maintenant, testez cette nouvelle fonction en publiant votre prochain article.

1) Faire comme d’habitude, dans l’éditeur visuel ajoutez une image en cliquant sur le petit carré en haut à gauche. Une fois celle-ci insérée, enregistrez votre article.

Capture d'écran Insertion d'une image dans WordPress

Remplissez tous les champs lors de l'insertion d'une image comme de la miniature, cela vous évitera des erreurs de validation et sera conforme au css du thème

2) Ensuite, à droite de l’éditeur visuel, cliquez sur « choisir comme miniature ». Une fenêtre pour l’image s’ouvre. Allez dans la galerie pour retrouver l’image que vous venez de charger, cliquez sur « Utiliser comme miniature » et cochez la case miniature:

capture d'écran pour insérer une miniature

Choisir-Utiliser comme miniature-

Miniature d'article

Choisir sa miniature d'article sous l'article à droite

Ici, on insère pas dans l’article, juste fermer la fenêtre de la miniature que vous voyez d’ailleurs apparaître à droite. Enregistrez le brouillon de votre article (auparavant, allez dans la partie html de l’éditeur visuel, sélectionnez tout, copiez le code au cas où), puis vérifiez avec l’aperçu et publiez.

Et pour les miniatures des anciens articles ?

Cette fonction étant codée différemment (the post thumbnail au lieu de post-image), non, les anciennes miniatures ne sont pas concernées.
Une méthode simple est de combiner des plugins. Pour régénérer la taille de vos miniatures dans un nouveau format, utilisez le plugin Regenerate Thumbnails. Son avantage est qu’il ne sert qu’une fois. Vous pourrez le désactiver une fois les miniatures mises à la nouvelle échelle. Ensuite, utilisez l’un des quatre plugins dont j’ai parlés plus haut (fw-post-image, get the image, smart imageII ou thumbnail for excerpt, et il y en a d’autres…).

Si vous avez trouvé d’autres méthodes que celle-ci ou d’autres astuces que celles citées dans les articles sources, abusez des commentaires, merci beaucoup pour tout le monde.

That’s All Folks!

Sources et ressources utiles :

.

LIRE

Ok pour WordPress 2.9.1 hébergé chez Free gratuit / Online

Ok pour WordPress 2.9.1 hébergé chez Free gratuit / Online

Posted on 28 décembre 2009 in Wordpress | 3 comments

hébergeur Free

Free

Petit retour de test pour la compatibilité d’un site web hébergé par Free avec la nouvelle version WordPress 2.9-beta-1. Bonne nouvelle, pour une fois la mise à jour n’a causé aucun problème. Elle fonctionne parfaitement. Ce qui n’est pas le cas de la version 2.9, générant des erreurs invisibles au premier abord. Prenez donc directement la version corrigée, encore en bêta mais c’est mieux que rien, l’officielle arrive.
J’ai du m’y prendre à deux fois pour l’upload des fichiers WordPress. La première fois, le tableau de bord était tout cassé. Signe que quelque chose ne tournait pas rond, le 2e upload, correctement exécuté (ma connexion était mauvaise ce jour-là), a confirmé ce diagnostic. Rien à signaler non plus du côté de plugins incompatibles avec Free / 2.9.1.

Même test chez l’hébergeur Online (qui partage le même réseau de bande passante).

Liste plugins testés (sauf Simple tag pour le moment) :

akismet, rss-includes-pages, dewplayer-flash-mp3-player, get-the-image, google-sitemap-generator, all-in-one-seo-pack, quartz, quicksubscribe, really-simple-captcha, statpresscn, stats, subscribe2, feedburner_feedsmith_plugin, wp-db-backup, wp-dbmanager, add-rss, pagemash.

Pour les détails d’un bon mariage entre Free et WordPress, lire WordPress et Free.

Comme d’habitude, à condition que votre hébergeur soit en php 5. Vérifiez ce point si vous n’en êtes pas certain.

Update 5/01/2010:

Tout se passe bien aussi entre Free et la version 2.9.1. officielle. Si vous avez malgré tout des problèmes avec votre première installation ou mise à jour, vérifiez les points du tuto énoncé ci-dessus (.htaccess adéquat et une version wordpress 2.9.1).Si tout plante, essayez ceci :

1° Allez dans votre phpmyadmin (ou utilisez le plugin wp-dbmanager) et optimisez votre base de données. S’il s’agit de votre première installation, votre blog est vide, vous pouvez supprimer les tables de votre base de données.
2° Via ftp, supprimez votre wp-config.php, corrigez les éventuelles erreurs de connexion puis rechargez un tout propre (attention, n’introduisez pas d’espace blanc entre le début de ce fichier et le premier ou le dernier <? ).
3° Idem avec votre fichier .htaccess.
4° Ouvrez votre navigateur, videz le cache, les fichiers temporaires et l'historique (dans les options de votre navigateur) puis allez à l'adresse de votre blog. Suivez les instructions d'installation ou de mise à jour.
5° Si un problème subsiste, téléchargez une version propre du dernier WordPress et uploadez-la par ftp.
6° Ne touchez pas aux permaliens, sauf via phpmyadmin si vous savez ce que vous faites.

LIRE

WordPress 2.9 comment faire face aux premiers bugs

WordPress 2.9 comment faire face aux premiers bugs

Posted on 22 décembre 2009 in Wordpress | 2 comments

wordpress 2.9 bug

Le nouveau WordPress 2.9 est épatant mais génère des erreurs, les néophytes auront intérêt à attendre la sortie corrigée 2.9.1.

Nouvelle version et déjà quelques bugs rapportés. Quelques points de corrections.

Soucis avec: Publication des articles en différé / Widgets rss / Arrêt fonctions ping et rétroliens (trackback) / Fonction automatique des sauvegardes.

Il existe un patch non officiel (si vous n’avez aucun souci avec la nouvelle version, peut être vaut-il mieux attendre la 2.9.1.  déjà annoncée) : lire WP 2.9: three bugs, and how to fix them.

(merci à Lumière de Lune qui a annoncé cette info)

Il suffit de télécharger le patch  de correction, dézipper, uploader les 3 fichiers dans le dossier wp-includes en écrasant les anciens.

Les Pings et rétroliens ne fonctionnent plus / Erreur dans le calendrier des articles

Soit utiliser le patch mentionné plus haut, soit hardcoder le fichier wp-includes/cron.php (faites une copie de ce fichier avant tout changement). Toucher au core n’est jamais une bonne solution, mais si êtes au pied du mur…

Trouvez cette ligne:

$cron_url = get_option( ’siteurl’ ) . ‘/wp-cron.php?doing_wp_cron’;
wp_remote_post( $cron_url, array(‘timeout’ =&gt; <strong>0.01</strong>, ‘blocking’ =&gt; false, ’sslverify’ =&gt; apply_filters(‘https_local_ssl_verify’, true)) );

et changez la valeur du timeout par :

$cron_url = get_option( ’siteurl’ ) . ‘/wp-cron.php?doing_wp_cron’;
wp_remote_post( $cron_url, array(‘timeout’ =&gt; <strong>1</strong>, ‘blocking’ =&gt; false, ’sslverify’ =&gt; apply_filters(‘https_local_ssl_verify’, true)) );

Problèmes de traduction avec certains plugins, la 2.9  ne coopère plus avec les traductions maisons.

Attendre 2.9.1 ou la réactivité d’update de votre plugin… ou mettre la main dans le cambouis.

Quelle version MySQL offre votre hébergeur ?

WordPress 2.9 nécessitant une version MySQL 4.1.2 ou plus haute pour bien fonctionner, il serait bon de vérifier dans le cPanel de votre hébergeur ce que votre plan d’hébergement vous offre. S’il est encore en MySQL 4.0, bonjour la galère. Voici un petit tutoriel ici pour passer en MySQL 5.0. au besoin. Consultez d’abord le support de votre hébergeur pour voir s’ils offrent cette option et comment faire, voire tentez une demande d’assumer ce changement. Attention, avant toute opération, sauvegardez tout puis n’oubliez pas de modifier ensuite votre wp-config.php. A noter qu’il vous faudra peut être ensuite changer l’adresse du blog dans la table wp_options de votre base de données.

Message d’erreurs après mise à jour

* Vous n’avez plus accès à votre tableau de bord ou à votre blog ou vous obtenez ERROR: WordPress 2.9 requires MySQL 4.1.2 or higher. Voyez ci-dessus pour la version de MySQL et php 5.

* Si vous ne pouvez plus sauvegarder ou éditer un article en brouillon, assurez-vous que votre  blog soit en php5. Si pas, forcez le. Si cela ne résout rien, appliquez le patch de correction ci-dessus.

* Si pendant ou après mise à jour, vous voyez apparaître un message du genre :

Temporairement inaccessible pour maintenance

Il s’agira de vérifier l’existence d’un fichier .maintenance à la racine de votre blog et l’effacer.

Call to undefined function get_file_data() in /home/xxxx/public_html/wp-admin/includes/plugin.php on line X

Renommer le dossier plugins (temporairement) pour avoir accès à votre tableau de bord.

(source:  What’s New & Problems You Could Face)

* Page blanche : d’abord vous assurer que vous êtes en php5… (toujours!).  Vous assurer également qu’il ne s’agit pas d’un problème classique comme le fait de coller du texte directement de Word (toujours passer par la petite case « insérer du texte », jamais de copié collé direct, sans quoi page blanche sous Explorer notamment). Ensuite, pour repérer le problème (afficher les erreurs php afin de demander de l’aide),  ajoutez dans wp-config.php :

define(’WP_DEBUG’, true);
@ini_set(”display_errors”, 1);

Plugin Simple Tag erreur

Upadate avril 2010: plus aucune erreur avec Simple Tag pour wp2.9.2

Pour les WordPressiens utilisateurs du plugin Simple Tag, on peut hardcoder le plugin. Ouvrir le fichier simple-tags.php et trouvez cette ligne :

if ( strpos($wp_version, '2.7') !== false || strpos($wp_version, '2.8') !== false) {

Ajoutez dessous :

|| strpos($wp_version, '2.9') !== false

Pour obtenir au final :

if ( strpos($wp_version, '2.7') !== false || strpos($wp_version, '2.8') !== false || strpos($wp_version, '2.9') !== false  ) {

Pour ma part, je constate le premier bug sur Lashon : l’édition du présent billet avec image et « enregistrer brouillon » successifs, n’a pas toujours été pris en compte avec perte du travail ou besoin de revenir en arrière. Un truc tout bête pour éviter ce désagrément : passez en mode html, sélectionnez tout, copiez puis enregistrez le brouillon ou la mise à jour. Ainsi, si elle n’a pas été prise en compte, vous n’avez qu’à coller vos derniers changements.

Voilà, liste non exhaustive, donc je tenterai d’actualiser ce billet au fur et à mesure des échos de bugs et solutions possibles. N’hésitez pas à faire connaître vos solutions en la matière ou rectifier.

LIRE

Mise à jour vers WordPress 2.9 et 2.9.1

Mise à jour vers WordPress 2.9 et 2.9.1

Posted on 20 décembre 2009 in Wordpress | 3 comments

update or not update

Update or not update, that's the question

Lashon est passé en version WordPress 2.9 en une minute avec la fonction automatique. Aucun souci à signaler ni ajustement nécessaire (à toute fin utile mon hébergeur est 1and1).

Toutefois, pour les distraits, avant d’effectuer cette mise à jour, assurez vous que votre hébergeur est bien en php 5, celui-ci est indispensable à partir de la version wp 2.9. Sans quoi cette mise à jour vous causera des tonnes de problèmes.

Sommaire

Forcer votre hébergeur vers php5 (autre article)

Comment connaître la version php de votre hébergeur ? (autre article)

Rappel procédure mise à jour de WordPress

Nouveautés dans WP 2.9

Vidéo WP 2.9

Configurer wp-config

Choisir le nombre de mots affichés dans les extraits d’articles

Intégrer une vidéo plus vite

Publication différée des articles

WordPress, gestion des miniatures

Rappel procédure mise à jour de WordPress

1) Tout d’abord faire une sauvegarde de votre :

– dossier wp-content (via ftp)

– fichier wp-config.php (via ftp)

– base de données (soit via le plugin wp-db-backup soit via votre console mysql phpmyadmin de votre hébergeur)

– Contenu du blog (facultatif) : dans le tableau de bord de votre WordPress, allez dans l’onglet « Outils » puis choisissez la fonction « exporter ».

2) Désactivez vos extensions (plugins).

3) Vérifiez que votre hébergeur vous donne bien du php5. Au besoin forcez-le en paramétrant un .htaccess.

4) Mettre à jour.

Si votre hébergeur le permet, cliquez sur le lien de mise à jour automatique dans votre tableau de bord.

Si votre hébergeur ne permet pas les mises à jour automatiques (Free, Online, …):

Uploadez avec votre logiciel client ftp (Filezilla) le contenu de la nouvelle version en écrasant les anciens fichiers, SAUF le dossier wp-content et wp-config.php. Uploadez aussi le dossier « langages » du dossier wpcontent de le nouvelle version dans votre wpcontent actuel .

Puis visitez votre site à votre URL additionnée de /wp-admin/upgrade.php

5) Réactivez vos extensions. En cas de problème, désactivez tout et réactivez une à une pour trouver celle qui cause l’erreur ou le plantage. Ensuite attendez que son développeur ait fait la mise à jour de son plugin avant de l’utiliser.

Nouveautés de WordPress 2.9

Wordpress 2.9

Bonnes fêtes

Toute la communauté des utilisateurs et développeurs WordPress attendaient la version 2.9. Elle est là depuis quelques heures et se nomme Carmen (documentation officielle en anglais). Si vous êtes débutant, je vous suggère d’attendre quelques semaines avant de passer à 2.9, histoire d’attendre les corrections des bugs éventuels.

Vidéo de présentation 

Quelques points notables (parmi 500 modifications et corrections de bugs):

  • Un éditeur simple d’image
  • Une poubelle (restaurer et supprimer définitivement articles et pages)
  • Intégration directe de vidéos et fichiers audio par leur URL (sans plus devoir passer par un plugin ou un code)
  • Mise à jour de dix extensions (plugins) à la fois
  • Prise en charge de l’attribut rel=canonical pour éviter le phénomène du duplicate content (meilleur référencement)
  • Les commentaires des 2 thèmes livrés par défaut sont désormais valides XHTML
  • MySql 4.1.2 est dorénavant requis au lieu de 4.0 (important pour votre choix d’hébergeur)

Pour les développeurs de thèmes:

  • Mise à jour de l’éditeur TinyMCE vers 3.2.7
  • Capacité à gérer la publication automatique des vignettes de vos articles (images miniatures ou thumbnails)
  • Capacité d’ajout de métadatas (données informant de l’acte de publication dans les articles et commentaires)
  • L’adresse du dossier répertoire des thèmes (template_url) peut être changée
  • Capacité de réparation automatique de votre base de données
  • Capacité à personnalisation les CSS des articles
  • Capacité de filtrer la gestion des extraits

Ajouts au fichier wp-config.php

Ne pas permettre les révisions automatiques de vos articles ou en définir le nombre. Ne pas permettre la poubelle ou forcer son vidage selon délai.

Repérez la ligne

define ('WPLANG', 'fr_FR');

et ajoutez dessous les lignes qui vous intéressent :

/** fonction ne pas garder plus de 1 revision des posts */
define('WP_POST_REVISIONS', 1);
/** fonction désactiver toutes les revisions des posts */
define('WP_POST_REVISIONS', FALSE);
/** fonction vidage poubelle après 10 jours */
define( ‘EMPTY_TRASH_DAYS’, 10 );
/** enlever totalement la fonction poubelle */
define(’EMPTY_TRASH_DAYS’, 0);
/** C'est tout, ne touchez pas à ce qui suit ! Bon blogging ! */

En cas de crash de votre base de données

Si rien ne fonctionne en visitant votre phpmyadmin, une petite nouveauté avec wordpress 2.9: la fonction réparation automatique de la votre base de données, à ne mettre dans wp-config qu’au moment d’un souci pour réparer ou optimiser.

define('WP_ALLOW_REPAIR', true);

Puis aller à l’adresse: http://ici-coller-url-de-votre-site/wp-admin/maint/repair.php

Du code à ajouter dans vos thèmes

Pour profiter pleinement de cette nouvelle version, on peut retoucher ses fichiers php avec quelques fonctions supplémentaires.

Filtrer les extraits (the_excerpt)

Par défaut l’extrait d’un article comptait un maximum de 55 mots. Vous pouvez ajuster à votre guise

Dans votre functions.php

function custom_excerpt_length($length) {
	return 150;
}
add_filter('excerpt_length', 'custom_excerpt_length');

Nouvelle gestion des miniatures à afficher aux côtés des extraits d’articles

De nombreux articles en parlent déjà (faites travailler vos moteurs de recherche). Voir aussi

Intégrer une vidéo

Il suffit de coller directement l’URL (l’adresse du lien) de la page. Tel quel. Ni embed, ni entourer ce lien vidéo de la fonction url de l’éditeur visuel.

Publication différée des articles

Il semble avoir un souci de ce côté. Il faudra attendre les corrections du bug, un trac est ouvert côté développeurs. En attendant, on peut utiliser la fonction « modification rapide » et publier manuellement si cela pose problème.

Update :  Tout fonctionne désormais. Il suffit d’indiquer la date et l’heure choisie et de publier.

Simple tag

Ce plugin pose problème avec 2.9. Il faudra attendre un update.

Update: Ayant mis à jour par son développeur, plus aucun problème avec ce petit bijou que je vous recommande.

Ressources:

That’s All Folks!

Update 22 déc 2009 : WordPress 2.9 comment faire face aux premiers bugs

LIRE