Comment ajouter et éditer un bloc de contenu avec Ex2 Site Builder?
Ex2 Site Builder permet de créer et éditer facilement vos pages web pour donner à votre projet une apparence professionnelle, conforme à votre image de marque. Pour ce faire, il utilise un système de blocs de contenus.
Ces blocs représentent des sections de pages, à l'intérieur desquelles vous pouvez ajouter les éléments de votre choix.
Tout d'abord, la première étape est de vous connecter au créateur de site Ex2. Déterminez ensuite l'emplacement où vous souhaitez ajouter un nouveau bloc de contenu. Celui-ci peut être en haut ou en bas de n'importe quel bloc déjà existant.
En survolant la limite d'un bloc de contenu avec votre curseur, vous verrez apparaître un bouton nommé + Ajouter un bloc.
Ex2 Site Builder vous présentera alors un vaste éventail de modèles de bloc parmi lesquels choisir. Vous pouvez utiliser le menu à gauche de la fenêtre pour trier les modèles affichés en fonction de différents filtres de recherche.
Si vous souhaitez ajouter un bloc de contenu vierge, cliquez simplement sur le bouton Bloc Vide.
Après avoir ajouté votre nouveau bloc de contenu, il est possible de le configurer comme vous le désirez. Vous pouvez modifier chacun des widgets et des éléments de contenu en les sélectionnant.
Vous pouvez également personnaliser les paramètres de chacun des blocs de contenu de manière distincte. Pour ce faire, survolez le coin supérieur gauche d'un bloc avec votre curseur. Vous verrez apparaître un bouton avec une icône d'engrenage, à coté duquel est écrit Bloc. Cliquez sur ce bouton pour accéder à la fenêtre de gestion des paramètres du bloc.
Vous accéderez alors à diverses options de configuration, liées notamment à l'affichage du bloc.
En haut des options de bloc, vous verrez un encadré avec un icône de caméra et un bouton identifié +. En cliquant sur ce bouton, vous pouvez sélectionner une image pour l'utiliser comme arrière-plan sur votre bloc. L'encadré affiche l'image actuellement associé au bloc.
Ex2 Site Builder vous offre la possibilité de configurer de manière distincte la couleur de chacun des blocs. En cliquant sur la case de couleur, vous pouvez choisir la couleur que vous souhaitez à partir d'une palette complète.
Vous pouvez également fixer le degré d'opacité/transparence de la couleur en question. Notez que le motif quadrillé gris représente la transparence et ne s'affiche pas sur votre site ou tunnel.
Ex2 Site Builder vous permet d'intégrer facilement des vidéos Youtube comme arrière-plan pour vos blocs de contenu. Pour ce faire, vous devez tout d'abord entrer l'URL de la vidéo que vous souhaitez intégrer en arrière-plan.
Vous pouvez également choisir le volume du son de la vidéo, lorsqu'elle joue sur votre site. Ex2 Site Builder permet aussi de configurer une boucle de lecture, déterminant quelles portions de la vidéo joue en arrière-plan. Il vous suffit d'entrer le moment de la vidéo où commence l'extrait que vous désirez, et le moment où il se termine. Le temps doit être entré sous forme de secondes. Par exemple, pour faire jouer en boucle la première minute d'une vidéo, il faudrait entrer 0 pour le début et 60 pour la fin.
Ex2 Site Builder vous offre également la possibilité d'utiliser un dégradé de couleur comme arrière-plan de vos blocs. Pour ce faire, vous devez d'abord cocher la case à coté de Ajouter un dégradé. Il vous faut ensuite cliquer sur le bouton Changer à coté de Paramètres du dégradé.
Vous pouvez ensuite choisir les deux couleurs de votre dégradé. Vous pouvez aussi choisir la nature du dégradé à appliquer entre ce couleurs.
Ex2 Site Builder vous permet de superposer plus d'une couleur d'arrière-plan sur un même bloc. En cochant la case Superposition de couleurs, vous pouvez ajouter un filtre semi-transparent devant la couleur ou l'image d'arrière-plan principale.
En cochant la case Dégradé de couleur sous la Superposition de couleurs, vous pouvez ajouter un dégradé à ce filtre semi-transparent.
L'option Séparateur de forme d'Ex2 Site Builder permet d'ajouter un motif distinguant un bloc spécifique du reste du contenu en termes de forme. En cochant cette case, vous pouvez ajouter facilement un motif de votre choix à un bloc.
Vous pouvez ensuite sélectionner à partir du menu déroulant, le motif que vous souhaitez.
Ex2 Site Builder vous permet de facilement insérer des points d'ancrage dans n'importe quel bloc. Cela permet de simplifier la navigation de votre site et rendre votre contenu plus facile à trouver pour les visiteurs.
En cochant la case Ajouter un point d'ancrage, vous pouvez lier le bloc à n'importe quel des points d'ancrage que vous avez déjà créé.
En plus de vous permettre d'éditer séparément chaque bloc, Ex2 Site Builder offre aussi la possibilité de configurer chaque colonne à l'intérieur des blocs. Il est donc possible d'insérer différentes configuration à l'intérieur d'un même bloc.
Survolez le coin supérieur gauche d'une colonne avec votre curseur. Vous verrez apparaître un bouton avec un engrenage à coté duquel est écrit Bloc.
En cliquant sur celui-ci, vous ferez apparaître la fenêtre de configuration des paramètres du bloc.
Tout comme pour les blocs, les colonnes vous offrent diverses options d'arrière-plan. Vous pouvez ajouter ainsi une image, une couleur, un dégradé ou des couleurs superposées.
Ex2 Site Builder vous offrent aussi différentes options propres aux colonnes. Voici un bref résumé de celles-ci:
En fonction du contenu d'une colonne, il peut être possible de définir une marge à afficher dans la partie supérieure de celle-ci. La hauteur de la marge est alors défini en pixel. Elle peut être modifiée en glissant le marqueur latéralement à l'aide de votre curseur.
Si votre colonne contient des éléments de texte, vous pouvez en définir les paramètres d'alignement. Vous pouvez alignez le texte en haut, au milieu ou au bas de la colonne en cliquant sur l'icône approprié.
Si vous le désirez, vous pouvez ajouter une bordure à une colonne et la personnaliser. En cliquant sur le bouton Changer à coté de Taille de la bordure, vous accéderez à une fenêtre de gestion des paramètres de la bordure.
Dans cette fenêtre, vous pouvez tout d'abord définir la couleur que vous désirez associer à votre bordure. Vous pouvez également définir la taille et le rayon de la bordure, en nombre de pixels.
Ex2 Site Builder vous offre un outil permettant de facilement ajouter un effet d'ombrage à vos colonnes. Cet outil vous permet également de personnaliser plusieurs aspects de cet ombrage.
En cliquant sur le bouton Changer dans la case Ombre, vous accéderez à certaines options de personnalisation.
Vous pouvez tout d'abord déterminer si l'ombre doit être affichée à l'intérieur ou à l'extérieur de la colonne. Pour ce faire, sélectionnez le type d'ombre désiré à partir du menu déroulant. Vous pouvez également définir la couleur et l'opacité de l'ombre à partir d'une palette en cliquant sur le cercle de couleur.
Il est ensuite possible de décaler horizontalement et verticalement l'ombre, pour la détacher de la limite de la colonne. Vous pouvez ajuster le décalage (calculé en nombre de pixel) en faisant glisser le marqueur désiré sur la barre latérale. Notez que le nombre peut être positif ou négatif, permettant de décaler vers l'intérieur ou l'extérieur des colonnes.
Vous pouvez finalement définir le rayon de flou et de propagation de l'ombre. En somme, vous pouvez personnaliser l'apparence de l'ombre autant que vous le désirez.
Ex2 Site Builder vous offre la possibilité d'ajouter un effet d'arrière-plan incliné. En cochant l'option et cliquant sur le bouton Changer dans la case Style d'arrière-plan incliné, vous pourrez configurer l'inclinaison.
Vous pouvez tout d'abord déterminer la couleur de l'effet et son opacité. Il est ensuite possible de choisir la position et le sens de l'inclinaison à partir de menus déroulants.
Ex2 Site Builder vous permet de créer des colonnes globales, dont le contenu reste le même sur vos différentes pages. En cochant la case Ceci est une colonne globale, vous pouvez définir n'importe quelle colonne comme telle. Vous pouvez alors associer un nom à la colonne et utiliser son contenu tel quel sur toutes les pages que vous désirez.
Ces blocs représentent des sections de pages, à l'intérieur desquelles vous pouvez ajouter les éléments de votre choix.
Ajouter un bloc de contenu sur une page avec Ex2 Site Builder
Tout d'abord, la première étape est de vous connecter au créateur de site Ex2. Déterminez ensuite l'emplacement où vous souhaitez ajouter un nouveau bloc de contenu. Celui-ci peut être en haut ou en bas de n'importe quel bloc déjà existant.
En survolant la limite d'un bloc de contenu avec votre curseur, vous verrez apparaître un bouton nommé + Ajouter un bloc.
Ex2 Site Builder vous présentera alors un vaste éventail de modèles de bloc parmi lesquels choisir. Vous pouvez utiliser le menu à gauche de la fenêtre pour trier les modèles affichés en fonction de différents filtres de recherche.
Si vous souhaitez ajouter un bloc de contenu vierge, cliquez simplement sur le bouton Bloc Vide.
Éditer un bloc de contenu sur une page avec Ex2 Site Builder
Après avoir ajouté votre nouveau bloc de contenu, il est possible de le configurer comme vous le désirez. Vous pouvez modifier chacun des widgets et des éléments de contenu en les sélectionnant.
Vous pouvez également personnaliser les paramètres de chacun des blocs de contenu de manière distincte. Pour ce faire, survolez le coin supérieur gauche d'un bloc avec votre curseur. Vous verrez apparaître un bouton avec une icône d'engrenage, à coté duquel est écrit Bloc. Cliquez sur ce bouton pour accéder à la fenêtre de gestion des paramètres du bloc.
Vous accéderez alors à diverses options de configuration, liées notamment à l'affichage du bloc.
Image
En haut des options de bloc, vous verrez un encadré avec un icône de caméra et un bouton identifié +. En cliquant sur ce bouton, vous pouvez sélectionner une image pour l'utiliser comme arrière-plan sur votre bloc. L'encadré affiche l'image actuellement associé au bloc.
Couleur d'arrière-plan
Ex2 Site Builder vous offre la possibilité de configurer de manière distincte la couleur de chacun des blocs. En cliquant sur la case de couleur, vous pouvez choisir la couleur que vous souhaitez à partir d'une palette complète.
Vous pouvez également fixer le degré d'opacité/transparence de la couleur en question. Notez que le motif quadrillé gris représente la transparence et ne s'affiche pas sur votre site ou tunnel.
Ajouter un arrière-plan vidéo
Ex2 Site Builder vous permet d'intégrer facilement des vidéos Youtube comme arrière-plan pour vos blocs de contenu. Pour ce faire, vous devez tout d'abord entrer l'URL de la vidéo que vous souhaitez intégrer en arrière-plan.
Vous pouvez également choisir le volume du son de la vidéo, lorsqu'elle joue sur votre site. Ex2 Site Builder permet aussi de configurer une boucle de lecture, déterminant quelles portions de la vidéo joue en arrière-plan. Il vous suffit d'entrer le moment de la vidéo où commence l'extrait que vous désirez, et le moment où il se termine. Le temps doit être entré sous forme de secondes. Par exemple, pour faire jouer en boucle la première minute d'une vidéo, il faudrait entrer 0 pour le début et 60 pour la fin.
Ajouter un dégradé
Ex2 Site Builder vous offre également la possibilité d'utiliser un dégradé de couleur comme arrière-plan de vos blocs. Pour ce faire, vous devez d'abord cocher la case à coté de Ajouter un dégradé. Il vous faut ensuite cliquer sur le bouton Changer à coté de Paramètres du dégradé.
Vous pouvez ensuite choisir les deux couleurs de votre dégradé. Vous pouvez aussi choisir la nature du dégradé à appliquer entre ce couleurs.
Superposition de couleur
Ex2 Site Builder vous permet de superposer plus d'une couleur d'arrière-plan sur un même bloc. En cochant la case Superposition de couleurs, vous pouvez ajouter un filtre semi-transparent devant la couleur ou l'image d'arrière-plan principale.
En cochant la case Dégradé de couleur sous la Superposition de couleurs, vous pouvez ajouter un dégradé à ce filtre semi-transparent.
Ajouter un séparateur de forme
L'option Séparateur de forme d'Ex2 Site Builder permet d'ajouter un motif distinguant un bloc spécifique du reste du contenu en termes de forme. En cochant cette case, vous pouvez ajouter facilement un motif de votre choix à un bloc.
Vous pouvez ensuite sélectionner à partir du menu déroulant, le motif que vous souhaitez.
Ajouter un point d'ancrage
Ex2 Site Builder vous permet de facilement insérer des points d'ancrage dans n'importe quel bloc. Cela permet de simplifier la navigation de votre site et rendre votre contenu plus facile à trouver pour les visiteurs.
En cochant la case Ajouter un point d'ancrage, vous pouvez lier le bloc à n'importe quel des points d'ancrage que vous avez déjà créé.
Éditer une colonne d'un bloc de contenu sur une page avec Ex2 Site Builder
En plus de vous permettre d'éditer séparément chaque bloc, Ex2 Site Builder offre aussi la possibilité de configurer chaque colonne à l'intérieur des blocs. Il est donc possible d'insérer différentes configuration à l'intérieur d'un même bloc.
Survolez le coin supérieur gauche d'une colonne avec votre curseur. Vous verrez apparaître un bouton avec un engrenage à coté duquel est écrit Bloc.
En cliquant sur celui-ci, vous ferez apparaître la fenêtre de configuration des paramètres du bloc.
Tout comme pour les blocs, les colonnes vous offrent diverses options d'arrière-plan. Vous pouvez ajouter ainsi une image, une couleur, un dégradé ou des couleurs superposées.
Ex2 Site Builder vous offrent aussi différentes options propres aux colonnes. Voici un bref résumé de celles-ci:
Marge supérieure
En fonction du contenu d'une colonne, il peut être possible de définir une marge à afficher dans la partie supérieure de celle-ci. La hauteur de la marge est alors défini en pixel. Elle peut être modifiée en glissant le marqueur latéralement à l'aide de votre curseur.
Alignement du texte
Si votre colonne contient des éléments de texte, vous pouvez en définir les paramètres d'alignement. Vous pouvez alignez le texte en haut, au milieu ou au bas de la colonne en cliquant sur l'icône approprié.
Taille de la bordure
Si vous le désirez, vous pouvez ajouter une bordure à une colonne et la personnaliser. En cliquant sur le bouton Changer à coté de Taille de la bordure, vous accéderez à une fenêtre de gestion des paramètres de la bordure.
Dans cette fenêtre, vous pouvez tout d'abord définir la couleur que vous désirez associer à votre bordure. Vous pouvez également définir la taille et le rayon de la bordure, en nombre de pixels.
Ombre
Ex2 Site Builder vous offre un outil permettant de facilement ajouter un effet d'ombrage à vos colonnes. Cet outil vous permet également de personnaliser plusieurs aspects de cet ombrage.
En cliquant sur le bouton Changer dans la case Ombre, vous accéderez à certaines options de personnalisation.
Vous pouvez tout d'abord déterminer si l'ombre doit être affichée à l'intérieur ou à l'extérieur de la colonne. Pour ce faire, sélectionnez le type d'ombre désiré à partir du menu déroulant. Vous pouvez également définir la couleur et l'opacité de l'ombre à partir d'une palette en cliquant sur le cercle de couleur.
Il est ensuite possible de décaler horizontalement et verticalement l'ombre, pour la détacher de la limite de la colonne. Vous pouvez ajuster le décalage (calculé en nombre de pixel) en faisant glisser le marqueur désiré sur la barre latérale. Notez que le nombre peut être positif ou négatif, permettant de décaler vers l'intérieur ou l'extérieur des colonnes.
Vous pouvez finalement définir le rayon de flou et de propagation de l'ombre. En somme, vous pouvez personnaliser l'apparence de l'ombre autant que vous le désirez.
Ajouter un effet d'arrière-plan incliné
Ex2 Site Builder vous offre la possibilité d'ajouter un effet d'arrière-plan incliné. En cochant l'option et cliquant sur le bouton Changer dans la case Style d'arrière-plan incliné, vous pourrez configurer l'inclinaison.
Vous pouvez tout d'abord déterminer la couleur de l'effet et son opacité. Il est ensuite possible de choisir la position et le sens de l'inclinaison à partir de menus déroulants.
Ceci est une colonne globale
Ex2 Site Builder vous permet de créer des colonnes globales, dont le contenu reste le même sur vos différentes pages. En cochant la case Ceci est une colonne globale, vous pouvez définir n'importe quelle colonne comme telle. Vous pouvez alors associer un nom à la colonne et utiliser son contenu tel quel sur toutes les pages que vous désirez.
Mis à jour le : 15/09/2023
Merci !