Frequently asked questions
1. Comment créer un flux de références ?
Pour créer un flux de références, il faut procéder en trois temps:
1) Ouvrir un compte sur Delicious (http://delicious.com). Delicious est la plus ancienne et la plus belle application du web 2.0. Elle permet l’archivage et le partage de n’importe quelle ressource en ligne, sous la forme de liste de signets/bookmarks/marques-pages comprenant: l’url, le titre du contenu et une série de tags librement choisis par l’usager. Chaque tag peut générer un flux rss. Les combinaisons sont infinies.
2) Installer les deux boutons Delicious dans la barre d’outils de Firefox (ce qui suppose, vous l’avez compris, qu’on ait précédemment choisi Firefox comme navigateur. Ceux qui ne l’ont pas encore fait ont exactement quatre minutes pour se mettre en règle: http://www.mozilla-europe.org/fr/firefox/, les autres, je ne leur parle pas 
. On les trouvera par ici: https://addons.mozilla.org/fr/firefox/addon/3615. Lorsqu’on se trouve sur une page dont on veut garder la trace, le premier bouton permet d’archiver son url sur son compte. Le second donne accès à sa liste de signets. En règle générale, on peut décrire en 4 ou 5 tags essentiels le contenu (voir example sur http://delicious.com/gunthert). On ajoutera un tag spécifique pour les items que l’on souhaite voir figurer dans le flux sur le blog (dans le cas: agfeed).
3) Une fois que l’on a sauvegardé quelques items, on installe sur le blog le flux issu de Delicious. Il faut d’abord copier-coller l’url du flux. Pour cela, on se rend sur son compte Delicious, on clique sur le tag choisi pour la sélection, et on obtient une page qui se présente comme: http://delicious.com/gunthert/agfeed. En bas à gauche de cette page, à côté de l’icône de flux RSS, on trouve un lien intitulé “RSS feed for these bookmarks”, qu’il s’agit de copier (alt-clic ou clic droit). Celui-ci se présente de la façon suivante: http://feeds.delicious.com/v2/rss/gunthert/agfeed?count=15 (on peut laisser tomber ce qui est après le point d’interrogation: ?count=15, qui est l’indication du nombre d’items affichés).
Ensuite, on se rend sur la partie admin du blog, et l’on ouvre les widgets (dans “Apparence”). Les widgets sont de petits afficheurs que l’on peut choisir dans la colonne de gauche pour les disposer au choix dans la sidebar du blog (colonne de droite). Ici, il s’agit du widget “Flux”, que l’on va renseigner avec l’adresse précédemment copiée. Une fois enregistrés, la modification doit apparaître immédiatement sur le blog. Chaque modification du flux Delicious sera ensuite répercutée, généralement avec quelques minutes de décalage, sur la sidebar du blog.
2. Comment insérer des notes de bas de page dans un billet?
- dans l’admin du blog, aller dans la boîte “Extensions” et activer le plugin WP-Footnotes.
- lors de la rédaction du billet, la création de la note est réalisée par son insertion entre double parenthèse. Celle-ci apparait ensuite, numérotée dans l’ordre, lors de la visualisation.
Exemple sur http://culturevisuelle.org/icones/22
Le texte:
A l’occasion du centenaire de sa mort, Friedrich Burschell rend un vibrant hommage au poète Jean-Paul dans le n° 7 de la Literarische Welt1.
sera affiché:
A l’occasion du centenaire de sa mort, Friedrich Burschell rend un vibrant hommage au poète Jean-Paul dans le n° 7 de la Literarische Welt1.
…/…
1. Texte manuscrit rédigé fin 1925, probablement destiné à la Literarische Welt. Traduction française inédite d’après la version des Gesammelte Schriften (M Niederschrift, Benjamin-Archiv, Ms 1304, “Nichts gegen die Illustrierte”, t. IV, vol. 1,2, p. 448-449, Francfort/Main, Suhrkamp). [↩]
3. Comment redimensionner les images ?
Pour optimiser l’affichage des images sur CV, il est nécessaire de redimensionner les images avant leur téléchargement. Il n’est pas utile de télécharger une image de plus de 950 pixels de côté (taille maximale de l’affichage dans la V1 de CV), le reste ne fait qu’encombrer le serveur et ralentir l’affichage. La question n’est pas négligeable si l’on multiplie cette contrainte par le nombre d’images sur la page, sachant que celles-ci doivent toutes être téléchargées pour être visionnées par l’usager. Plusieurs solutions possibles:
- Pour ceux qui ont Photoshop, pas de problème: on redimensionne directement avec la fonction “taille d’image”. Les quatre tailles standard sur CV sont: 100 px (vignette), 240 px (petite), 600 (moyenne), 950 (grande). Je recommande de sauvegarder l’image via l’item “Fichier/Enregistrer pour le web”, qui diminue sensiblement le poids du fichier.
- une autre formule, à laquelle je recours souvent, est de profiter du resizing de Flickr, qui décline automatiquement une image en 5 formats au moment du téléchargement. L’avantage est encore accentué par la puissance des serveurs de Flickr, qui permettent un affichage très rapide. Au lieu d’importer l’image sur CV, celle-ci sera affichée directement à partir de son url (dans “toutes les tailles”), copié sur la boîte “Ajouter une image/depuis le web”. Cette formule nécessite évidemment de disposer d’un compte Flickr.
- Pour ceux qui n’ont ni Photoshop ni Flickr, on peut redimensionner une image grâce à des applications en ligne, comme http://www.shrinkpictures.com/
Il est également possible d’ajouter une extension à Firefox pour remplir cette fonction, par exemple: https://addons.mozilla.org/fr/firefox/addon/11005
Une précision sur le format d’images: la version définitive du blog de référence sera en 600 pixels de large pour la colonne de texte (950 px au total), soit le format d’affichage maxi “moyen” d’une image. Les formats de blogs actuellement en ligne étant différents, il vaut mieux tenir compte dès maintenant de cette contrainte – au minimum en conservant une copie d’image en 600 px de large qui pourra être rechargée après la migration.
De façon générale, je conseille de conserver dans un même dossier sur votre disque dur une copie de toutes les images que vous utilisez en ligne. Les problèmes de changement de taille d’image font qu’il est utile de conserver un “grand” format (p. ex. 1920 px de large = format standard HD), à partir duquel générer des formats plus petits.
Voir également;
http://fr.wikipedia.org/wiki/Haute_d%C3%A9finition#Les_diff.C3.A9rents_formats_haute_d.C3.A9finition
4. Comment faire pour que le billet du nom de l’auteur apparaisse dans le texte ?
La bonne procédure pour afficher correctement le nom de l’auteur est de créer un nouvel utilisateur, et de lui attribuer le billet (sous WordPress, il est possible de réattribuer un billet déjà créé) ou de le créer sous son identité. La procédure est plus contraignante, mais c’est la seule correcte, qui permet notamment le signalement automatique à l’auteur du billet lorsque celui-ci reçoit des commentaires.
Attention, sous WP, le choix de la signature affichée se fait après la création de l’utilisateur (qui ne propose pas cette option), en retournant dans la fiche pour spécifier le “Nom à afficher publiquement”. Ce bug sera vraisemblablement corrigé dans une prochaine édition du CMS.
5. Comment afficher un diaporama sur son blog ?
Il est très facile d’afficher sur son blog un diaporama de plusieurs images, comme celui proposé ici: http://culturevisuelle.org/totem/124
Le diaporama est réalisé à partir d’un compte Flickr, sur lequel on a téléchargé les images (sans se préoccuper du format). Celles-ci sont ensuite réunies dans un album, au sein duquel on peut déterminer l’ordre de passage: http://www.flickr.com/photos/gunthert/sets/72157622651492439/
L’album une fois créé, on demande son affichage sous forme de “diaporama”, puis on récupère dans le menu “Partager” le code correspondant (”copier le code html incorporé”), qui se présente sous la forme:
Il s’agit d’un script sous Flash, similaire à ceux de YouTube ou de Dailymotion, qui permet d’afficher un lecteur exportable. A noter qu’on peut modifier manuellement la dimension du lecteur, en intervenant sur les indications de longueur et de largeur (ci-dessus en rouge). Dans le billet cité ci-dessus, les dimensions ont par exemple été modifiées pour 480 x 360 px.
Ce code est ensuite simplement inséré dans le billet comme un embedding de vidéo (en copiant-collant le code à l’endroit voulu en sous affichage html).
L’ordre ou la sélection des images peuvent être modifiés a posteriori sur Flickr: les modifications seront reportées automatiquement sur la version affichée sur le blog.
6. Pourquoi certains billets apparaissent-ils plus vite que d’autres dans l’agrégateur CV Index?
Tout simplement parce que l’agrégateur vérifie automatiquement tous les blogs de la plate-forme sur un cycle de 60 minutes. Une modification postérieure à la publication du billet sera également corrigée dans l’agrégateur lors du rafraichissement suivant. On peut intervenir manuellement sur l’agrégateur en cas de besoin (par exemple en cas de suppression d’un billet figurant dans l’Index).
Il faut rappeller qu’on peut choisir de ne pas faire apparaître un billet dans l’Index en lui attribuant la catégorie “No index”.
7. Comment fait-on pour insérer dans un billet deux images côte à côte ?
En théorie, il suffit de les disposer l’une après l’autre. En pratique, cela dépend du thème, qui réalise plus ou moins bien l’opération. J’ai pris l’habitude de résoudre le problème en associant les deux photos dans un seul fichier, mais il faut avoir un logiciel de traitement d’images (avec un blog, il est presque impossible de s’en passer complètement). On n’a pas encore essayé la fonction “galerie” que propose WP au moment du choix d’images. On imagine que cela permet de télécharger plusieurs photos et de les associer. Cela pourrait résoudre le problème.
8. Que faire en cas de troll?
- Règle n° 1 (et règle d’or du blogging): DON’T FEED THE TROLL!
Autrement dit, ne JAMAIS répondre à un troll (même en privé). Répondre, c’est se lancer dans un dialogue sans fin, qui a vite fait de dégénérer. Un troll ne veut pas discuter et n’est pas accessible aux arguments, il veut s’approprier l’espace et le marquer de son empreinte. L’important, vous l’avez compris, consiste à détecter le troll avant que ça ne devienne vraiment désagréable. Faites confiance à votre flair.
- Règle n° 2: pour bloquer un troll (car il va revenir!): copier-coller son nom ou son email dans la case “Liste noire pour les commentaires” (Réglages/Discussion). Le prochain commentaire comportant cet identifiant sera automatiquement placé dans les comm indésirables. A appliquer sans aucun état d’âme.
9. Comment est-ce que je fais pour que le vidéo Youtube n’apparaisse pas comme lien mais avec une image?
Il faut copier le code “embed” sur YouTube, et le coller sur le billet à l’endroit souhaité après avoir cliqué sur l’onglet “html”
10. Pourquoi est-ce que mon billet doit forcément faire partie d’une des catégories communes?
C’est une contrainte de la plate-forme. Pour se rendre compte de la puissance de ce système, consulter les “rubriques” sur CV Index
11. Pourquoi est-ce qu’il ne s’affiche pas en entier à la page Home?
C’est une option du thème “Magazine Basic” (Front Page/Excerpt or Content)
12. Comment je peux faire pour renvoyer vers eux et qu’un lecteur puisse les télécharger directement (comme le fait google)?
Il faut au préalable télécharger le pdf sur le serveur, par l’intermédiaire du 4e bouton “envoyer/insérer” (en forme d’étoile), puis l’insérer dans le billet à partir de la “Bibliothèque”
Recueil des questions (cvearlys) et réponses (André Gunthert) =>> MERCI BCP !!!
MàJ 4 Dec.2009
13. Quel est le pluggin pour faire apparaitre le lien et les images de la galerie Flickr de son blog?
Pour installer un widget Flickr sur un blog Wordpress :
Etape 1 : à partir du Tableau de bord Wordpress, aller dans la colonne de gauche, cliquer sur “Extensions” > “Ajouter” > rechercher “flickr” et choisir une application (pour Cinémadoc, nous utilisons “Flickr Widget”), cliquer à droite sur “installer”, puis sur “installer maintenant” dans la nouvelle fenêtre qui s’ouvre. Une fois l’installation terminée, cliquer sur “activer l’extension”.
Etape 2 : Aller ensuite dans la colonne de gauche du tableau de bord >”Apparences” > “Widgets”, glisser-déposer l’encadré “Flickr” dans la colonne latérale à droite, à l’emplacement souhaité. Il faut ensuite renseigner le champ “Flickr RSS URL” avec l’adresse du flux RSS de votre galerie Flickr, qui s’obtient en cliquant sur l’icône orange de flux RSS. Il suffit ensuite de choisir le nombre de photos qu’on veut afficher et de bien sauvegarder ces manips. Précisions : le widget dont on parle s’appelle tout simplement “Flickr Widget”, développé par “Donncha O Caoimh”. C’est le deuxième résultat qui apparaît quand on fait une recherche avec le mot “flickr” dans les extensions disponibles.
Nous l’avons choisi à la fois parce qu’il semble être bien noté (nombre d’étoiles), mais aussi parce qu’il permet une utilisation assez simple et affiche uniquement les dernières photos téléchargées sur la galerie Flickr. D’autres widgets permettent un affichage selon des critères différents et avec plus ou moins d’interactivité (tags, commentaires, etc.).
14. comment redimensionner plusieurs images en même temps avec Photoshop?
Si on a plusieurs images à redimensionner, à des dimensions similaires, une option de Photoshop permet de traiter d’un clic toutes ces images.
Menu >> Fichier >> Scripts >> Processeur d’images. S’affiche alors une page de choix, cf. prise d’écran en pj.
Pour que ce soit efficace, il faut
- préparer son groupe d’images dans un dossier source
- prévoir que les dimensions largeur et hauteur s’inversent selon que l’on est une image verticale ou horizontale (prévoir 2 dossiers sources différents est une bonne solution).
- préparer un dossier d’arrivée (qui peut-être le même que le fichier source mais c’est dommage s’il y a un souci, on peut perdre sa première sélection)
Cliquer!
15. Est-ce qu’une photo en droit privé (càd visible que par moi) sur Flickr peut ensuite être mise en lien sur un billet de blog ou pas?
Oui
16. Comment on fait pour faire le lien entre une image sur son compte Flickr et le billet dans lequel je veux l’insérer?
- Texte manuscrit rédigé fin 1925, probablement destiné à la Literarische Welt. Traduction française inédite d’après la version des Gesammelte Schriften (M Niederschrift, Benjamin-Archiv, Ms 1304, “Nichts gegen die Illustrierte”, t. IV, vol. 1,2, p. 448-449, Francfort/Main, Suhrkamp). [↩]
André Gunthert
Gaby David
Merci!!