Charger une image dans une page

1/ Importez des images dans la Bibliothèque d’images
 

1. En premier lieu, allez dans « Filelist » en cliquant sur l’icône « Filelist » dans le menu gauche.

2. Ensuite, sélectionnez dans l’arborescence un dossier existant, ou créez un nouveau dossier associé aux images que vous souhaitez mettre en ligne à l’aide de l’icône « Nouveau »  .

3. Si vous utilisez un dossier déjà existant, passez à l'étape suivante.
Si vous créez un nouveau dossier, définissez-lui un nom puis finalisez votre dossier en cliquant sur « Create folders ».

4. Sélectionnez maintenant votre nouveau dossier dans l'arborescence. Uploadez vos images dans votre dossier :

> Soit en mode « glisser / déposer » vers votre dossier.

> Soit en faisant un clic droit sur votre dossier dans l’arborescence puis en cliquant sur « Upload Files »  .

> Soit à l'aide de l'icône « Upload Files » en haut de page.

À tout moment vous pouvez

>Mettre à jour votre contenu en faisant un upload  d’un contenu ayant le même nom

>Editer votre contenu 

>Modifier le nom de votre contenu

> Supprimer votre contenu

>Recadrer votre contenu

>Copier ou Couper votre contenu

2 / Insertion d'une image dans une page

1. Editez un bloc de contenu présent sur une page en cliquant sur l’icône « Edit »   .

2. Une fois dans votre bloc, accédez à la bibliothèque de visuels en vous positionnant dans le champ « Text ». Vous avez 2 possibilités pour le faire :

> Directement en cliquant sur l'icône « TYPO3 Image » .

> En cliquant sur « Insérer » puis sur « TYPO3 Image ».

3. Sélectionnez ensuite l'image de votre choix, en privilégiant le mode « Nouvelle Image Magic » : Votre image sera optimisée pour un affichage web.

> Sélectionnez le mode « Nouvelle Image Magic ».

> Sélectionnez votre image dans l’arborescence.

À savoir

Voici les différents modes d’insertion pour vos images :

>« Nouvelle Image Plain » : votre image d’origine sera insérée sans traitement.

>« Nouvelle Image Magic » : votre image sera optimisée pour un affichage web.

>« Glisser-Déposer » : glisser votre image depuis vos dossiers de l’ordinateur.

4. Votre image est à présent importée dans votre champ « Text ».