L'Air du Bois est une plateforme Open Source de partage collaboratif ouverte à tous les amoureux du travail du bois. (En savoir plus)

Rejoindre l'Air du Bois Se connecter

Boris Beaulant

Comment mettre des images ou vidéos dans les textes de descriptif ?

Tout d'abord il faut savoir qu'on entend par Textes de descriptif tout les textes formant le contenu des publications (Création, Article de Pas à pas, Atelier, ...). Sont donc exclus les commentaires.

Question de vocabulaire

Pour bien comprendre le système mis en place sur L'Air du Bois pour gérer la mise en pages de texte avec images, il faut avant tout se familiariser avec son vocabulaire. Ainsi, dans la suite de cette FAQ, nous allons parler de blocs. Un bloc est une portion du descriptif. Un bloc est soit un texte, soit une série d'images, soit un lien vers une vidéo.

Ainsi un descriptif peut être composé d'un ou plusieurs blocs qui sont mis les uns à la suites des autres.
Un bloc de texte affichera le texte qu'il contient, un bloc d'images affichera les images qu'il contient et un bloc vidéo affichera le lecteur de la vidéo à laquelle il fait référence.

Afin de garder une certain fluidité de lecture, il y a tout de même quelques contraintes à considérer :

  • Un descriptif doit toujours commencer par un bloc texte
  • Un bloc images ou vidéo doit toujours être précédé d'un bloc texte. Il faut comprendre à cela qu'un bloc image ne peut pas faire suite un bloc vidéo et que deux blocs images ne peuvent pas se suivre.
  • Le nombre d'images par bloc image est limité
  • Le nombre de blocs par descriptif est limité suivant le type de contenu.

En pratique

En pratique, cette notion de blocs est accessible lorsque vous ajoutez ou éditez une contribution. Pour les créations par exemple, ça se trouve dans le cadre Descriptif de la page d'édition.

Par défaut, il y a toujours au minimum un bloc de texte vierge. Mais libre à vous d'ajouter ensuite d'autres blocs.
Pour cela, il vous suffit de cliquer sur l'un des boutons Insérer [...] placés au bas du cadre Descriptif.

Exemple

Imaginons maintenant que vous vouliez ajouter un contenu sous la forme suivante :

Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla. Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla. Bla bla bla Bla bla bla

[IMAGE 1] [IMAGE 2]

Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla. Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla

[IMAGE 3]

Dans ce cas, vous auriez besoin d'insérer les blocs suivants :

  • 1 bloc texte avec "Bla bla ..."
  • 1 bloc d'images avec Image 1 et Image 2
  • 1 bloc de texte avec "Bla bla..."
  • 1 bloc d'images avec Image 3

Ce qui ce traduit par la mise en page suivante :

Réorganisation

Lorsque l'on rédige un contenu, il est fréquent de vouloir réorganiser l'affichage des images et du texte.
Pour cela, vous constaterez qu'en haut à droite de chaque bloc, il y a une ancre, une flèche vers le haut, une flèche vers le bas et un bouton Retirer.

  • L'ancre permet d'activer le bloc comme référentiel de mouvement
  • La flèche vers le haut fera monter le bloc au dessus de celui qui le précède (ou juste au dessous de celui où l'ancre a été activée)
  • La flèche vers le bas fera descendre le bloc en dessous de celui qui le suit (ou juste au dessus de celui où l'ancre a été activée)
  • Le bouton Retirer supprimera le bloc
Mis à jour

Discussions

niconathy
( Modifié )

Merci pour les explications des flèches et de l'ancre.

Niouniou
( Modifié )

... Et question un peu hors-sujet, mais pas tant que ça... pour zeloko :
comment fais-tu pour reocpier une citation de quelqu'un et que ça te la mette dans un petit cadre avec un fond différent ? Tu fais ça de temps en temps et ça fait classe et clair...

Boris Beaulant
( Modifié )

il faut juste mettre un ">" (symbole supérieur) suivi d'un espace devant le texte que tu copies / colles ;) C'est la feature cachée de ouf !
Attention, si tu as un retour à la ligne, il faudra en mettre à chaque ligne.

Niouniou

Merci!

lurem

Merci pour cette réponse je vais faire un essais!

Hellegeichter
( Modifié )

Bonjour, comment faire pour insérer une petite vidéo et quel type de lien est accepter. D'avance merci.

Boris Beaulant

Il faut mettre la vidéo sur une plateforme comme YouTube ou Vimeo ou Daylimotion. Et mettre le lien ici ensuite dans le bloc vidéo.

PierrePoulizac

C’est très clair, merci !
Parfois, on aimerait pouvoir envoyer par messagerie un plan .skp, sans faire une diffusion générale via le chapitre « Plans ». Mais ça n’est pas possible, car pas une image.
Y a-t-il un moyen simple ? Ou alors faut-il passer par un échange d’adresses e-mail, ou encore via Wetransfer ?
Merci d’avance.

Veronique
( Modifié )

Bonjour Comment peut-on corriger un brouillon avant de publier?

Boris Beaulant

Bonjour, il suffit d'appuyer sur le bouton "Editer" au haut à droite de la page.

MoFran

Bonjour Boris,

J'utilise un outil screencast qui est accessible dans la version étudiante de Fusion, ces vidéos screencast sont automatiquement visibles dans une page Knowledge autodesk,
ca fonctionne avec l'hyperlien autodesk mais y a t'il moyen de les rentrer directement dans une boite vidéo ? (pas encore réussi)

si tu ouvres L'hyperlien autode.sk/3HxP0Dr
et que tu sélectionnes incorporer en haut a droite tu arrives a ce message autodesk:
Incorporer cette vidéo Screencast
Pour incorporer cette vidéo Screencast, choisissez une taille et copiez-collez le code incorporé sur votre page Web.
<iframe width="640" height="400" src="screencast.aut...d8-b6b891207a05" frameborder="0" allowfullscreen webkitallowfullscreen></iframe>

y aurait il un truc en utilisant ce code pour incorporer des screen directement dans les boites vidéos des descriptifs?

Merci
bonne journée,

Francois

David Marmilloud
( Modifié )

Bonjour Boris Beaulant et toute la communauté,
dans l'esprit opensource il serait intéressant de pouvoir intégrer des vidéo de peer tube.
Par exemple j'ai commencé à publier sur l'instance orion-hub.fr/
A+

Boris Beaulant

J'y avais penser dans les débuts de peer tube. Mais il y a autant d'instance qu'il y a de gens pour en créer et du coup, la détection des instance et donc du code d'intégration sera plus complexe que sur les quelques plateformes connues.

Connectez-vous pour ajouter un commentaire.
2 272 vues
13 commentaires

Publications associées

0 collection