Votre blog est doté d'un gestionnaire de médias : une sorte de médiathèque où vous pouvez ajouter des images, des documents. Vous pouvez les placer dans des dossiers pour qu'ils soient bien rangés.

La taille des images et des documents joints

La taille maximale d'un document que vous pouvez charger dans votre médiathèque est de 12 Mo sur notre serveur. Cette taille est normalement suffisante pour des documents conséquents ou des vidéos suffisamment compressées.
Il est important de bien faire attention à la taille de vos documents sous peine de voir la place occupée par votre blog dépasser la taille du raisonnable.

Les documents que l'on joint le plus souvent dans ses billets sont des images. Pour celles-ci, les formats à utiliser sont : jpg ou png ou gif.

Toutefois la taille des images ne doit pas dépasser 200 à 300 Ko (et au maximum pas plus de 600px de large). Si vos images sont trop grandes, le serveur ne pourra pas en faire des vignettes. Ce serait dommage de se passer d'une telle fonctionnalité de dotclear bien utile pour faire des images cliquables ou des galerie de photos (voir comment faire une galeries avec « Pictures Show »).

Il ne faut pas utiliser d'images qui sortent directement de votre appareil photo ou d'un scanner : il est indispensable de les traiter au préalable pour diminuer leur taille informatique et leur dimension (un appareil photo génère souvent des images de près de 4000 px de large et de plus de 2 Mo !).
Pour traiter vos images vous pouvez utiliser un logiciel comme :
  • photofiltre (logiciel gratuit). Permet de traiter par lot un répertoire d'images (dans « outils » , « automatisation » )
  • paint.net (logiciel libre et gratuit)

Si vous souhaitez utiliser une image qui est déjà en ligne, vous pouvez utiliser le bouton « image externe » en utilisant son url.

Les galeries de photos

Quand vous avez ajouté des images dans votre médiathèque (dans un dossier spécifique), vous pouvez, à l'aide du plugin Gallery, créer une galerie de photographiques à partir de ces images.

Lightbox

Pour utiliser cette fonctionnalité, dans les paramètres de votre blog, vous devez « activer LightBox ».

Vous avez une image dans votre médiathèque (pas trop petite, ni trop grande) ? Ajouter cette image à votre billet en utilisant le bouton « Sélecteur de média » : au niveau de l'image, cliquez sur « + », puis choisir la taille (pas l'originale), choisir l'alignement et choisissez de l'insérer « En tant que lien vers l'image originale ».

Exemple : l'image ci-dessus utilise l'effet LightBox. Voir également la page sur notre blog de test.

Liens vers un document joint

Pour joindre un document dans un billet, il y a plusieurs possibilités :
  1. Dans l'édition du billet, à droite regardez les pièces jointes et cliquez sur « Ajouter un fichier au billet ». Vous vous retrouvez alors dans votre médiathèque. Vous ajoutez votre fichier s'il ne s'y trouve pas déjà et vous cliquez sur « + ».
  2. Autre solution : utilisez le bouton « Sélecteur de média » qui vous permet d'insérer une image ou un lien vers un fichier.

Les vidéos

Il est possible d'afficher des vidéos de différent type dans votre blog.
Par exemple, une vidéo de DocSciences disponible sur le site de la WebTV :

0323.flv


Deux modes sont possibles :

Vous utilisez le mode d'édition xhtml pour vos billets :

Sur les sites comme YouTube ou DailyMotion, il est proposé un morceau de code à ajouter dans sa page.
Dans le texte du billet, cliquez sur source et collez le morceau de code à l'endroit souhaité. Enregistrez. La vidéo n'est pas visualisable dans la fenêtre d'édition du billet mais ça fonctionne dans le blog.

Le mode Xhtml est déconseillé pour les vidéos. Utilisez le mode wiki.

Vous utilisez le mode d'édition wiki pour vos billets :

1ère possibilité :
Dotclear propose un bouton spécial : « Médias externes » qui permet plus facilement de mettre des vidéos dans votre billet (vidéos flv en ligne, de  YouTube, DailyMotion ou des mp3 de deezer par exemple). Il suffit de rentrer l'adresse du fichier sur Internet ou l'adresse de la page (pour certains services - fonctionnement non garanti !)

2ème possibilité :
Copier le code html fourni sur les sites (« Lecteur exportable »).
Dans votre billet en mode wiki, coller le code de cette façon :

///html

Le code ici

///

Il est possible d'activer le mode wiki :
  • soit au cas par cas pour un billet à la création
  • soit pour tous vos billets dans vos préférences).