Modification avancée

Voici quelques fonctionnalités de Sitely qui aident à la modification ou contribuent à rendre un site Web plus cohérent et uniforme.

Regroupement

Plusieurs éléments peuvent être regroupés pour que vous puissiez les déplacer et les redimensionner comme une seule unité. Vous pouvez le faire en sélectionnant tous les éléments que vous souhaitez regrouper, puis en faisant un clic droit ou un contrôle-clic et en sélectionnant 'Grouper' dans le menu contextuel. Vous pouvez également regrouper des éléments en les sélectionnant et en utilisant l'option de groupe dans le menu Disposition de Sitely. Le verrouillage d'un élément (y compris les groupes) empêche de le déplacer, de le modifier ou de le supprimer par inadvertance, soit depuis le menu Disposition, soit depuis l'inspecteur de disposition.

‍Option du menu contextuel

‍Option du menu Disposition

Intégration

La fonction "Intégrer" vous permet d'insérer des extraits de code HTML dans un site Web Sitely. Vous utilisez généralement "Intégrer" pour insérer du contenu tiers pour lequel un "code d'intégration" a été fourni (parfois indiqué par les parenthèses de code HTML "<>"), comme un lecteur SoundCloud ou un chatbot.

La case à cocher "Le contenu s'étend verticalement" est nécessaire lorsque le code produit un contenu de hauteur variable, comme le panier d'achat ecwid.com.

Pour garantir la confidentialité des visiteurs et se conformer aux réglementations sur la vie privée, par défaut, le code n'est activé qu'après le consentement de l'utilisateur (si le site utilise les fonctionnalités de confidentialité de Sitely), et le paramètre "Lors du chargement du contenu" garantit que l'adresse de la page n'est pas partagée avec un service tiers chargé. Ces paramètres peuvent devoir être modifiés pour être compatibles avec différents services au cas par cas ; par exemple, le service de chat tawk.to a besoin de l'adresse de la page.

Les éléments d'intégration prennent en charge le réglage en pleine largeur (dans l'inspecteur de disposition) pour les extraits de code qui le supportent.

Une utilisation simplifiée de l'élément d'intégration consiste à entrer simplement une URL dans la section de code ; cela créera automatiquement un iframe pour vous, intégrant efficacement le site dans l'élément d'intégration. Il peut également être utilisé pour afficher des fichiers PDF.

IMPORTANT : Lorsque vous ajoutez uniquement une URL dans un élément d'intégration, l'iframe résultant sera défini à la largeur de l'élément d'intégration sur le canevas. Cependant, sa hauteur sera d'une taille indéterminée. Il peut donc être préférable d'ajouter un morceau de code iframe qui définit la taille de l'iframe. Voici un exemple :

‍Clairement, le codage est quelque chose que les développeurs de Sitely souhaitent éviter, mais quand il s'agit d'intégration, vous pourriez avoir à mettre les mains dans le cambouis et essayer un peu de codage. L'élément d'intégration dans Sitely est principalement destiné à être une solution de rechange pendant que nous développons des éléments natifs de Sitely plus nombreux. Par exemple, les améliorations apportées à l'élément Galerie d'images de Sitely et à la grille d'images/vidéos fournissent une méthode significativement plus simple pour ajouter des fichiers PDF à vos pages.

‍Blocs disposition

‍Les blocs disposition sont une autre forme de regroupement qui permet de segmenter vos pages en blocs. Par exemple, vous pourriez avoir un bloc qui contient votre navigation, un autre pour votre section héros, et d'autres blocs pour les fonctionnalités, les produits, les membres de l'équipe, etc. L'idée est que chaque bloc de votre page exprime une seule idée ou un seul thème. Cela vous permet de styliser facilement les blocs pour les rendre plus distincts visuellement. Mais ils ont aussi un avantage significatif lorsqu'il s'agit de réorganiser vos pages. Essentiellement, si vous contenez des éléments dans un bloc, le bloc peut être déplacé vers le haut ou vers le bas de la page, déplaçant automatiquement les autres blocs au-dessus ou en dessous du bloc que vous déplacez. De plus, tous les éléments contenus dans un bloc de mise en page (y compris les groupes) suivront dans leur position exacte. Nous avons une section entière dans ce guide sur les blocs disposition, alors jetez-y un œil. Pour l'instant, pour créer des blocs disposition, vous pouvez soit les ajouter à votre page comme n'importe quel autre élément, soit sélectionner tous les éléments de la page que vous souhaitez convertir en bloc de mise en page, et faire un clic droit ou un contrôle-clic pour afficher le menu contextuel. Vous choisissez alors l'option 'Déplacer vers un bloc de mise en page'.

‍

‍Bien que les éléments d'un bloc de mise en page se déplacent sans être perturbés lorsque le bloc est réorganisé sur la page, vous pouvez toujours modifier et déplacer des éléments individuels à l'intérieur d'un bloc de mise en page. Ceci est particulièrement utile lors de la réorganisation du contenu pour l'affichage sur les appareils mobiles.

Raccourcis clavier des éléments

Dans Sitely, vous pouvez rapidement ajouter les éléments les plus courants au canevas en appuyant simplement sur une touche associée à l'élément. Ces touches de raccourci sont faciles à retenir car elles sont presque toutes basées sur la première lettre de l'élément que vous souhaitez ajouter. Les lettres peuvent être en majuscules ou en minuscules. Assurez-vous que rien n'est sélectionné sur le canevas et appuyez simplement sur la touche appropriée.

Élément

Boîte de texte

Carte

Vidéo

Image

Audio

Boîte

Boîte large

Bloc de mise en page

Grille d'images/vidéos

Touche du clavier

T ou t

P ou p

V ou v

I ou i

A ou a

B ou b

W ou w

L ou l

G ou g