Nous avons besoin de télécharger à cette adresse le plugin JW Player pour WordPress : lien de téléchargement. Ensuite, vous l’installez sur votre serveur dans wp-content/plugins. J’utilise toujours Filezilla Ensuite, il faut activer l’extension dans le menu Extensions. Une fois activé, vous devez sur la même page, tout en haut de celle ci, activer le lecteur en cliquant sur « Instal latest JW Player ». Vous obtenez ainsi sur la page un exemple de ce lecteur qu’on pourra modifier par la suite.

Ensuite, je prend une vidéo que je converti dans le format FLV grâce au logiciel « SUPER » (c’est son nom !). Une fois obtenu le nouveau fichier avec l’extension .FLV, je l’installe sur mon serveur. Il me reste donc à customiser éventuellement mon lecteur et à insérer ma vidéo dans un article.

Pour customiser le lecteur, je clique l’onglet JW Player dans le menu de gauche. Il y a une ligne qui correspond aux propriétés du lecteur par défaut. Cliquez « Create Custom Player ». Dans l’apparence, vous pouvez modifier la position de la barre de lecture (controlbar), l’apparence du lecteur (skin) la taille en largeur et hauteur et l’autostart (‘true’ si vous voulez que la vidéo démarre d’elle même). Il reste à sauvegarder avec Save et c’est tout bon.

Dernière étape, insérer la vidéo. Une fois dans mon article, je sélectionne le pictogramme « Ajouter un média ». Cliquez « External Media ». Vous devez remplir alors le chemin pour accéder à votre vidéo qui doit ressembler à quelque chose de ce genre : http://www.nomdevotresite/wordpress/wp-content/uploads/nomdelavideo.flv  Attention à l’extension : avec le logiciel SUPER, FLV est en majuscule. On arrive sur une fenêtre ou vous pouvez remplir un Titre, une Description…

Il vous reste à choisir dans ‘Select Player’ le Custom Player que vous avez configuré auparavant et de cliquer ‘Insert JW Player’. Dans votre article, à l’endroit ou vous voulez voir apparaitre votre vidéo apparait maintenant un code comme celui ci :

Voici la vidéo test, concert de Mister Mystère au Zenith de Saint Etienne en 2010

Il suffit de mettre à jour l’article et d’aller voir le résultat. Autre exemple chez moi avec ces deux premiers extraits en fin d’article du concert d’Oldelaf à Lyon : Cliquez ici pour voir.

Pour voir les différents look du lecteur (les skins), cliquez sur ce lien.

Pour remplacer mon ancien plugin « Popularity Contest », qui ne semblait pas fonctionner, j’ai voulu tester le plugin Post View. En effet, j’avais les mêmes articles populaires dans mon footer depuis plusieurs mois alors que certains articles ont été vus beaucoup plus de fois, comme celui concernant le plugin Featured Content Gallery.

Première étape, supprimer l’ancien plugin. Après l’avoir désactivé dans l’onglet Extensions, j’ai ouvert l’onglet Apparence, puis Editeur pour ouvrir la page Third.php. J’ai supprimé le passage faisant référence à Popularity Contest. Petite sauvegarde et je constate sur la page d’accueil que dans le footer, les 5 articles populaires ont disparus.

Deuxième étape, télécharger le plugin sur le site de l’auteur Lester Chan : http://lesterchan.net/wp-postviews. Après l’avoir activé via le menu Extension, il faut passer à la configuration. J’ai placé le système de comptage dans les articles et dans les pages annexes (à propos et le site pour mon blog). Pour cela, ouvrir Apparence, puis Editeur, puis la page article seul (single.php).

Il faut trouver la phrase :  <?php while (have_posts()) : the_post(); ?> Ensuite, il vous faut juste coller celle ci en dessous : <?php if(function_exists(‘the_views’)) { the_views(); } ?> Vous pouvez rajouter un peu de HTML pour agrémenter : je l’ai entouré de la balise <h5> pour la mettre au même niveau que mes catégories. Il faut ensuite répéter l’opération avec le fichier du thème qui se nomme modèle de page (page.php). C’est uniquement si vous voulez avoir le nombre de lectures sur ces pages annexes.

Troisième étape : mettre la partie de code qui va permettre d’afficher à l’endroit voulu les articles les plus lus (pour mon cas, mais d’autres choix sont possibles). J’ai donc ouvert, toujours à partir de l’éditeur, la page Third.php. J’ai copié ce bout de code :

<?php if (function_exists(‘get_most_viewed’)): ?>
<ul>
<?php get_most_viewed(‘post‘,5); ?>
</ul>
<?php endif; ?>

Il faut juste l’entourer d’une balise Div avec la class Css identique aux autres Div présentes dans le footer (pour moi, le nuage de tag) et je rajouter un titre. Vous pouvez changer 2 valeurs selon votre souhait : la valeur ‘post’ (qui symbolise les articles et qui peut devenir ‘page’, pour les pages les + vues par exemple ou la valeur ‘both’ qui signifie post et pages en même temps. La 2ème valeur est le chiffre : pour moi, le chiffre 5 appelle les 5 articles les + regardés.

Voilà, si vous trouvez des problèmes, n’hésitez pas… Dans les « moins » du plugin, à chaud : il ne prend pas les lectures avant la mise en place. De même, il ne sélectionne pas les visites de l’admin pour juste vérifier… et enfin, on pourrait faire sauter la banque du nombre de lecture en rafraichissant la page toutes les 5″ !! Mais qui aurait intérêt à faire ça… Il n’y a plus qu’à constater si dans le footer, les articles les + lus changent régulièrement ou s’ils restent figés comme avant.

Dans mon cas, la boîte à photos est assez petite car mon seul souhait était d’avoir un défilement de photos. Si cette boîte est plus grande sur le site, il y a possibilité de mettre une légende par photo, d’avoir une barre avec des miniatures des photos présentes dans le diaporama. Voici le lien vers le site officiel avec une démo en grand (par rapport au diapo utilisé sur mon blog) : http://www.featuredcontentgallery.com/

Le lien pour le téléchargement de l’archive : http://wordpress.org/extend/plugins/featured-content-gallery/. Il suffit de dézipper l’archive avec Winrar par exemple, de l’uploader dans le dossier Plugins qui se trouve dans le répertoire WordPress, puis wp-content. Allez ensuite dans la console d’administration pour activer ce plugin dans l’onglet Extensions.

Dans l’onglet Réglages, vous cliquez Featured Content Gallery. Tout d’abord, vous devez insérer une ligne de code qui va « appeler » l’application à l’endroit voulu. Cette ligne à copier/coller :

<?php include (ABSPATH . ‘/wp-content/plugins/featured-content-gallery/gallery.php’); ?>

Pour la coller, je clique l’onglet Apparence, puis Editeur. On arrive à ce menu :

Petit 1, je sélectionne le thème à modifier (pour moi, Purity). Petit 2, je sélectionne le fichier dans lequel je dois coller le ligne php qui appelle l’application (pour moi, c’est la page second.php). Petit 3, je colle ma ligne php et j’ajoute un titre avec la balise h3 et un espace avec la balise br . Petit 4, je n’oublie pas de mettre à jour le fichier.

Il faut maintenant mettre des photos pour avoir l’effet visuel, en sachant qu’il faut au moins 2 photos pour que cela fonctionne.

Petit 1, ca, c’est fait ! Petit 2, j’ai choisi la méthode Post or PageIDs. Je vais sur mon blog, je choisi un article (celui sur le dôme de la basilique de Montmartre) et je clique Editer. J’obtiens dans la barre url du navigateur l’ID de cet article. Ca ressemble à : http://www……../post.php?action=edit&post=735 (donc ici, le chiffre 735). C’est ce chiffre que je dois placer dans la case, que je sépare par une virgule avec un autre chiffre appartenant à un autre article puisqu’il faut au moins deux images pour que cela fonctionne . Ensuite, je vais modifier l’article en question pour rajouter un champ personnalisé nommé : articleimg. J’affecte à ce champ une photo que je veux placer dans mon diaporama. Il faut mettre la photo aux dimensions de la boîte (voir plus loin).

Petit 1, le champ personnalisé pour le diapo avec en valeur l’adresse de l’image voulue. Petit 2, un autre champ personnalisé pour avoir la miniature dans l’accueil pour chaque article. Petit 3, pour créer ce nouveau champ, cliquez ici et cliquez ensuite ajouter (Petit 4). Enfin, je clique mettre à jour l’article et je peux aller voir le résultat. Il faut donc répeter cette opération autant de fois qu’on veut mettre de photos dans le diapo.

Enfin, vous pouvez jouer sur l’option Gallery style pour la taille de la boîte. Par exemple, j’ai comme valeurs 240 pixels de large pour 160 px de haut. J’ai affecté le chiffre 0 à l’option Text Overlay Height in Pixels, ce qui m’a fait disparaître l’option du texte en bas (qui cachait trop la photo). Il faut que je trouve le moyen d’enlever également celui d’en haut… Il ne vous reste plus qu’à mettre la durée de vision d’une photo avant le changement, de choisir la façon de passer d’une photo à l’autre…

Si vous avez des questions ou remarques, je suis pas loin

Merci à Florian qui m’a donné l’idée d’utiliser ce plugin…

]]> http://www.instantanesdumonde.com/wordpress/wordpress/un-article-un-plugin-featured-content-gallery/feed/ 63 http://www.instantanesdumonde.com/wordpress/wordpress/petit-tutorial-pour-avoir-votre-avatar-sur-le-blog/ http://www.instantanesdumonde.com/wordpress/wordpress/petit-tutorial-pour-avoir-votre-avatar-sur-le-blog/#comments Fri, 31 Jul 2009 12:20:56 +0000 Olivier http://www.instantanesdumonde.com/wordpress/?p=472 Qu’est ce que c’est ?? C’est une petite image qui va être associée à votre adresse email (une ou plusieurs d’ailleurs). Quand vous mettez un commentaire sur le blog (ou sur un autre blog), vous devez renseigner un nom, une adresse email et éventuellement l’adresse internet de votre site. A partir du moment ou vous remplissez l’adresse email associée avec l’image, votre commentaire sera associé à votre image personnalisée. Sinon, c’est un avatar choisi dans WordPress qui fera office.

Voici un exemple : mon commentaire sur le blog de Nicolas Fayet avec l’image associée à mon email et sa réponse avec son image perso.

Pour avoir son avatar, il faut cliquer ce lien : http://fr.gravatar.com/site/signup. Entrer son adresse email et cliquer S’inscrire. Il faut ensuite aller sur sa boîte mail pour trouver le message de Gravatar ayant pour objet « Welcome to Gravatar » (dès fois qu’il passe en spam…). Cliquez le premier lien et vous accédez à la personnalisation du compte. Entrez un « Username« , et un mot de passe. On arrive sur cette fenêtre :

Cliquez « Rajouter une image en cliquant ici ! « . Je choisi de prendre une image sur mon ordinateur. Je parcours l’ordi pour trouver l’image qui me servira d’avatar et je clique sur suite pour accéder au recadrage. Choisissez la partie de l’image qui vous intéresse, vous avez les deux visuels à droite pour vous donner une idée. Cliquez « Crop and Finish ! ». Il faut choisir la classification de l’avatar, G pour : convient à tout type de site, et à toute audience. Je clique donc sur l’image « G » et mon avatar est enregistré. Il ne me reste plus qu’à aller sur le blog et mettre un commentaire pour voir si cela fonctionne bien !!

Au début, ca passe et on retourne sur la page d’identification, on voit que le login et le mot de passe sont déjà pré rempli mais que la case « se connecter à chaque visite » ou « mémoriser ces identifiants » n’est pas cochée. Il fallait donc cliquer « connexion » pour se logger (et cocher de nouveau la case pour espérer que Firefox garde la session ouverte. Mais, rien à faire, à la réouverture de Firefox, la session était de nouveau fermée.

J’ai trouvé une solution sur le net (car à la longue, c’est plutôt gênant) : l’erreur vient d’un fichier appelé « cookies.sqlite ». Pour le trouver, j’ai premièrement affiché les dossiers cachés. Quand vous êtes sur un dossier, vous cliquez Outils, Options des dossiers, Affichage, et cochez la case Afficher les dossiers cachés.

Ensuite, dans C:, Documents and Settings, Propriétaire, on peut voir le répertoire Application Data. Dans ce dernier, vous choisissez le dossier Mozilla, puis Firefox, puis Profiles. Vous devez trouver un dossier avec un nom composé de chiffres et de lettres avec .default. Ouvrez ce dossier et vous trouverez le fichier tant recherché « cookies.sqlite ». Pour pouvoir le supprimer, il faut auparavant fermer Firefox. J’ai l’ai juste déplacé sur le bureau car je ne sais pas s’il est nécesssaire ou pas au fonctionnement du navigateur.

En tout cas, depuis cette manipulation, Firefox me garde mes sessions dans les forums, sous WordPress…

- 1ère étape : j’ai installé le plugin wp-db backup pour réaliser une sauvegarde de ma base de données.  Le lien : http://wordpress.org/wp-db-backup/

Premier souci, impossible de l’activer. J’obtenais ce message : « Vous n’avez pas les droits suffisants pour accéder à cette page. »  En cherchant un peu sur le web, j’ai trouvé un article sur le fantablog (http://fanta78.free.fr/)qui explique comment procéder. L’auteur a remarqué que c’était un problème de clés d’identification. Donc, pour résoudre le problème, j’ai édité avec le logiciel PsPad editor le fichier wp-config.php qui se trouve dans le répertoire WordPress. Trouvez ce passage :

A partir de là, vous cliquez sur le lien http://api.wordpress.org/secret-key/1.1/ pour obtenir les clés uniques (séries de chiffres et lettres). Il ne reste plus qu’à remplacer « mettez ici une phrase unique » par les clés obtenues. Renvoyez votre fichier sur le serveur via votre client FTP et le tour est joué ! Vous pouvez donc activer le plugin dans Extensions. Allez ensuite dans Outils, Sauvegarder, Options de sauvegarde, télécharger sur votre ordinateur et Sauvegarder maintenant ! Vous obtenez une archive zip de votre bdd sur votre disque dur.

- 2ème étape : sauvegarder les dossiers. Ne sachant pas trop ce qu’il fallait prendre ou pas, j’ai fait une sauvegarde complète du répertoire WordPress contenu sur mon serveur en utilisant Filezilla. Cela peut prendre plus ou moins de temps selon la taille de vos fichiers.

- 3ème étape : les sauvegardes étant réalisées, j’ai désactivé toutes les extensions (car elles ne sont pas forcément actives avec la nouvelle version).

- 4ème étape : récupérer la nouvelle version sur le site http://www.wordpress-fr.net/. Vous devez ensuite mettre sur le serveur le dossier WordPress (excepté le dossier wp-content que vous pouvez supprimer). Les fichiers, dossiers… relatifs à l’ancienne  version seront écrasés par la nouvelle version.

- 5ème étape : lors de la connexion à l’administration, la base de données va se mettre à jour automatiquement et vous allez pouvoir accéder au dashboard pour réactiver vos plugins (ou lancer les mises à jour éventuelles).

Petit problème pour moi à ce moment là, et concernant l’hébergeur 1&1, je n’avais plus accès aux articles, voire au dashboard, j’avais des erreurs type 500 de partout… bref la galère. J’ai trouvé la solution, une fois de plus sur le net, dans le blog de David Szerman : http://www.szdavid.com/wordpress. Il faut rajouter une ligne dans le fichier .htacces pour forcer le travail en php5 au lieu de php4 (d’après ce que j’ai compris ). Voici les lignes à ajouter : AddType x-mapp-php5.php et AddHandler x-mapp-php5.php

Après avoir remplacé l’ancien fichier .htacces par le nouveau avec cette phrase, tout est rentré dans l’ordre. J’ai même pu faire mes mises à jour plugins en automatique alors que c’était bloqué à chaque fois avant !!

Je pense avoir été complet. Si vous avez des avis, des commentaires, n’hésitez pas !

]]> http://www.instantanesdumonde.com/wordpress/wordpress/mise-a-jour-wordpress-2-8-tutorial/feed/ 8 http://www.instantanesdumonde.com/wordpress/wordpress/un-article-un-plugin-akismet/ http://www.instantanesdumonde.com/wordpress/wordpress/un-article-un-plugin-akismet/#comments Tue, 02 Jun 2009 19:56:40 +0000 Olivier http://www.instantanesdumonde.com/wordpress/?p=377 Je me décide ce soir car je viens d’échapper à 8 commentaires de type spam grâce à cette extension !! C’est la première grosse attaque depuis l’existence de ce blog. Comme le dirait Jean Claude Bourret, comment ca marche ?

L’intérêt de cette extension est de pouvoir facilement empêcher les spams sur votre blog. Comment ? En vérifiant les commentaires à l’aide du service en ligne Akismet, afin de s’assurer qu’ils ne sont pas du spam . Une fois qu’un spam est déclaré au service, tous les sites ou blogs  utilisant Akismet en seront protégés.

Pour le télécharger, cliquez ici : akismet/download. Dézippez l’archive dans wordpress/wp-content/plugins/. Allez ensuite dans l’onglet Extensions, et activez ce nouveau (ou premier !) plugin. Il vous faut maintenant la clé API pour le mettre en route.

Cliquez ce lien : API keys. Vous arrivez sur cette page :

Une fois que vous avez séléctionné « sign up », vous obtenez cette fenêtre :

Il faut donc entrer un login (username), un mot de passe (password) que vous devez reconfirmer en-dessous, un mail, cocher la case « Accepter les conditions d’utilisation » et choisir « Just a username, please. » Ensuite, cliquez next.

Vous devez alors aller sur votre mail pour cliquer le lien qui est présent dans le message WordPress que vous venez de recevoir. Votre compte a été créé.

Allez dans l’onglet Extensions, il y a un réglage Configuration Akismet. Vous y retrouvez la clé API. Il suffira de rentrer la clé comme demandé dans l’administration du blog et vous pourrez consulter les statistiques Akismet en cliquant sous le tableau de bord (pour ma part, plus de 80 depuis la création du blog, sachant qu’ils sont repérés en tant que spam – et donc différenciés des vrais commentaires – et qu’il est très rapide de les supprimer !

Edit du 21 juillet 2009 : petite astuce que j’ai trouvé dans le blog d’Emmanuel Georjon : lien de l’article. Pour éviter de surcharger la base de données, on peut cocher la case « Effacer automatiquement les commentaires indésirables des articles datant de plus d’un mois » en allant dans l’onglet Extensions, puis dans Configuration Akismet. Ce sera au détriment des stats de ce plugin mais l’essentiel est qu’il fonctionne Savoir s’il m’en a bloqué 10 ou 80…

]]> http://www.instantanesdumonde.com/wordpress/wordpress/un-article-un-plugin-akismet/feed/ 0 http://www.instantanesdumonde.com/wordpress/wordpress/reduire-le-poids-dune-photo-avec-photofiltre/ http://www.instantanesdumonde.com/wordpress/wordpress/reduire-le-poids-dune-photo-avec-photofiltre/#comments Sat, 18 Apr 2009 21:02:34 +0000 Olivier http://www.instantanesdumonde.com/wordpress/?p=330 Avec la possibilité de prendre des photos en 5, 6 voire 8 millions de pixels, le poids augmente considérablement et peut poser, malgré l’ADSL, des problèmes lors d’envois par mail ou de transferts. Pour les photos du site ou du blog, j’utilise le programme Photofiltre (celui qui est gratuit, téléchargeable ici : photofiltre). Une fois installé, je clique sur Fichier, Ouvrir pour choisir ma photo et l’afficher dans la fenêtre courante.

Ensuite, clic droit sur la photo pour voir apparaître le menu (que vous pouvez trouver aussi en cliquant l’onglet Image dans le menu horizontal) :

Si vous souhaitez simplement réduire votre photo, cliquez taille de l’image.

Vous pouvez alors changer la largeur et la hauteur exprimées en pixels. Ici, les valeurs de départ sont 3456 pixels pour la largeur et 2592 pour la hauteur. la photo « pèse » alors 25 Mo, ce qui est… énorme ! Je modifie donc le chiffre de la largeur en mettant 500 pixels. Comme la case Conserver les proportions est cochée, il m’ajuste directement la hauteur.  Le poids de ma photo est maintenant de 550 ko. Il me reste plus qu’à l’enregister à partir de l’onglet Fichier.