Pour ajouter une image à une page personnalisée de votre site AssoConnect, ouvrez la page en mode édition depuis Site internet > Menus et pages, déposez un bloc Image sur le damier d'édition, choisissez le fichier sur votre ordinateur, puis enregistrez. L'image apparaît immédiatement sur la version publique de votre site.
Préalable : vous devez déjà avoir créé la page personnalisée sur laquelle vous souhaitez ajouter l'image (voir l'article « Créer une page personnalisée »).
Cet article aborde les points suivants :
- Comment accéder à l'éditeur de la page personnalisée ?
- Comment ajouter un bloc image à la page personnalisée ?
- Comment personnaliser le bloc image de la page personnalisée ?
- Comment optimiser vos images avant de les ajouter à la page personnalisée ?
Comment accéder à l'éditeur de la page personnalisée ?
Accédez à la page sur laquelle vous souhaitez travailler depuis l'application Site internet.
Pour cela, suivez le guide :
- Allez dans l'application Site internet > Menus et pages ;
- sur la page personnalisée (reconnaissable à l'icône
) que vous souhaitez modifier, passez la souris sur les trois points horizontaux
;
- puis cliquez sur Éditer la page.
Vous êtes alors sur la page, en mode édition.
Si vous êtes connecté en tant qu'administrateur et que vous consultez votre site en mode vitrine, cliquez sur le bouton Éditer la page situé en haut de chaque page pour accéder directement au menu d'édition.
Comment ajouter un bloc image à la page personnalisée ?
Pour ajouter une image à votre page, prenez le bloc Image et déposez-le sur le damier d'édition. Pour savoir comment déposer un bloc, consultez l'article Ajouter un bloc sur une page personnalisée.
Une fois le bloc déposé sur le damier, une fenêtre de sélection de fichier s'ouvre. Choisissez l'image à ajouter, déjà enregistrée sur votre ordinateur.
L'image se charge alors dans le bloc.
Suite au chargement de l'image, vous pourrez effectuer plusieurs opérations :
- réduire ou augmenter la hauteur et/ou largeur de votre bloc ;
- ou encore modifier la zone de l'image visible par l'utilisateur. Pour cela, cliquez sur le bloc une première fois, puis double-cliquez sur l'image à l'intérieur du cadre et bougez-la en maintenant le bouton de la souris appuyé.
Comment personnaliser le bloc image de la page personnalisée ?
Des options d'édition s'affichent en haut du menu de gauche (si elles ne s'affichent pas, vérifiez que le bloc est bien sélectionné ou cliquez dessus si ce n'est pas le cas) :
- Supprimer le bloc ;
- Choisir un fond - Vous pouvez choisir la couleur du fond ;
- Choisir un cadre - Vous pouvez ajouter un cadre et en modifier l'épaisseur en faisant bouger l'échelle qui apparaît. Vous pouvez également modifier la couleur du cadre ;
- Arrondir les coins du bloc contenant l'image ;
- Zoomer ou dé-zoomer l'image en faisant bouger l'échelle qui apparaît quand vous cliquez sur Zoom ;
- Ajouter un lien au clic sur l'image qui s'ouvrira soit sur la page courante soit sur un nouvel onglet. Consultez l'article Ajouter un lien sur une image ;
- Jouer sur les marges extérieures de votre bloc.
Après chaque moficiation, cliquez sur Enregis. en haut à gauche de la page d'édition. Les modifications sont alors immédiatement visibles sur la version publique de votre site.
Comment optimiser vos images avant de les ajouter à la page personnalisée ?
- compressez vos images avant de les téléverser afin d'accélérer le chargement de la page ;
- privilégiez des images de bonne qualité mais légères (environ 200 à 300 Ko) ;
- renseignez un texte alternatif ou une légende claire pour l'accessibilité.
Commentaires
0 commentaire
Cet article n'accepte pas de commentaires.