Base de connaissances
1 000 FAQ, 500 tutoriels et vidéos explicatives. Ici, il n'y a que des solutions !
Ce guide concerne les blocs de contenu qui sont l'un des éléments les plus importants de Site Creator Infomaniak.
Préambule
- Ce sont les blocs de contenu qui vont vous permettre de créer aisément du contenu sur vos pages.
- Il y en a de toutes sortes, séparateur, liste de tarifs, plan du site, simples blocs de texte ou d'image, etc.
- Ils sont en général préconfigurés pour vous faciliter leur mise en route.
Ajouter un bloc de contenu
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Une fois dans Site Creator:
- Cliquez sur le bouton Contenu dans le menu latéral gauche: la liste des blocs apparaßt.
- Choisissez la catégorie désirée sur la gauche, puis le contenu désiré sur la droite.
En cliquant sur le contenu souhaité, vous le faites apparaitre sur la page que vous étiez en train d'éditer.
Autre possibilité: se rendre sur la page directement et survoler l'espace en-dessus ou en-dessous d'un bloc existant:
Supprimer un bloc de contenu
Survolez le bloc Ă supprimer sur votre page et cliquer sur la corbeille qui apparait au survol:
Confirmez la suppression et il disparait. Vous pouvez annuler ce type d'opération.
Dupliquer un bloc
Survolez le bloc à dupliquer sur votre page et cliquez sur la roue dentée qui apparait au survol. Choisissez ensuite l'emplacement souhaité pour sa duplication:
Modifier un bloc de contenu
Chaque élément modifiable du bloc de contenu sera mis en surbrillance lorsque vous déplacerez votre souris dessus. Cliquez simplement sur l'un de ces éléments pour commencer l'édition.
De plus, vous pouvez modifier le code HTML (recommandé pour les utilisateurs avancés uniquement) si vous avez besoin de plus de contrÎle sur n'importe quel bloc de contenu ; cela permet p.ex d'y insérer un code HTML d'inscription à la Newsletter Infomaniak.
Vous pouvez également supprimer certains éléments de vos blocs de contenu: lors de l'édition de texte, il y a le bouton "flÚche vers la droite" qui affiche plus d'options et le bouton Supprimer:
Pour Ă©diter une image, cliquez dessus et une nouvelle fenĂȘtre apparaĂźt. Dans la partie infĂ©rieure, il y a le bouton Enregistrer Ă droite et le bouton Supprimer rouge Ă gauche.
Créer un bloc de contenu type
Dans la barre latĂ©rale gauche, sous les contenus qui peuvent ĂȘtre ajoutĂ©s Ă votre page, vous trouverez un bouton pour Concevoir un bloc de contenu:
Tous les éléments qui composent les blocs sont disposés à gauche. Vous pouvez les faire glisser vers votre bloc type afin de concevoir votre bloc idéal. Celui-ci sera inséré dans votre page en cliquant sur Appliquer les modifications en bas de page.
Modifier les marges du bloc
Survolez le bloc de contenu à modifier et cliquer sur la roue dentée:
Faites défiler les paramÚtres jusqu'à Espacement des blocs par défaut et cliquer dessus pour définir vos propres paramÚtres:
La roue dentée des paramÚtres permet également de modifier la couleur ou l'image de fond du bloc.
DĂ©placer un bloc vers le haut ou le bas
Le contenu de votre page est séparé en "blocs". Vous pouvez ajouter plus de blocs et les réorganiser.
Survolez le bloc de contenu à déplacer puis cliquez sur la zone de points en haut à gauche ; laissez appuyer pour bouger le bloc:
Créer un espace entre deux blocs
Pour créer un espace horizontal entre les blocs de contenu, ajoutezun séparateur manuellement:
Vous pourrez ensuite définir sa couleur et sa taille.
Vous pouvez également "décorer" le haut et le bas d'un bloc de façon plus automatique, en activant l'option Décoration depuis l'édition d'un bloc:
Ce guide est destiné aux utilisateurs de l'outil Site Creator qui souhaitent aller plus loin dans l'édition de leurs pages.
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Ouvrir l'Ă©diteur HTML
Une fois dans Site Creator, vous pouvez modifier le code HTML (recommandé pour les utilisateurs avancés uniquement) si vous avez besoin de plus de contrÎle sur n'importe quel bloc de contenu:
- Survolez le bloc à éditer sur votre page et cliquer sur la roue dentée qui apparait au survol:
- Cliquez sur l'élément HTML dans la barre latérale gauche pour éditer le code HTML du bloc:
Ajouter un bloc HTML
Pour partir de zéro avec un bloc HTML vierge, vous pouvez insérer le module Code HTML personnalisé sur votre page depuis la liste des Applis:
Le texte est Ă©ditable via le bouton CODE qui permet d'ouvrir l'Ă©diteur HTML:
â
Vous pouvez aussi ajouter du code en dehors des blocs.
Il est vivement recommandé de ne jamais insérer des balises de type html
, head
ou body
qui pourraient entrer en conflit avec le code source de l'application elle-mĂȘme.
Ce guide explique comment personnaliser et configurer le module de boutique en ligne de Site Creator.
Configurer une boutique sur Site Creator
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Pour gérer les préférences générales du systÚme e-commerce (devise monétaire, taxes, etc.) une fois le module ajouté :
- Survolez le module de la boutique ajouté sur votre page.
- Cliquez sur Configuration.
Une fois sur Configuration, plusieurs sous-menus s'affichent sur la gauche permettant de configurer d'autres paramĂštres:
â ïž Tous les montants saisis sont au format amĂ©ricain (US) avec un point pour les dĂ©cimales, c'est-Ă -dire XX.XX
Moyens de paiement
Pour utiliser les services de Stripe et Mollie, vous devez disposer d'un numéro de SIRET en France ou d'un IDE en Suisse. De plus, il est nécessaire d'avoir une entreprise valide enregistrée au registre des commerces de votre pays pour utiliser les services de Stripe et Mollie.
Modes de livraison
Vous pouvez créer plusieurs méthodes d'envoi:
Celles-ci seront ensuite proposées lors de la validation du panier de l'acheteur:
Parmi les paramÚtres pour créer une méthode d'envoi:
- tarifs (+ gratuité des frais de port à partir de quel montant)
- pays autorisés
- frais d'expédition selon poids
- délais d'envoi
Messagerie
Quatre messages sont prĂ©dĂ©finis et ne peuvent ĂȘtre supprimĂ©s. Ils permettent de couvrir l'ensemble de la communication par e-mail autour d'une commande, autant Ă destination du client que pour le gestionnaire de la boutique.
Il est possible de personnaliser les messages existants et d'en ajouter (puis de supprimer ces messages supplémentaires si nécessaire):
- Choisir le moment oĂč l'e-mail devra ĂȘtre envoyĂ© (ou simplement dĂ©sactiver le message pour le conserver sans l'utiliser)
- e-mail nouvelle commande (pour vous notifier)
- e-mail de commande traitée (personnalisable)
- bon de livraison au format PDF (personnalisable)
- facture également générée et disponible au format PDF sur votre compte Stripe/Paypal/Mollie
- Des variables peuvent ĂȘtre insĂ©rĂ©es dans chacun des champs afin de personnaliser un maximum les textes Ă l'aide des Ă©lĂ©ments que comporte la commande et des informations fournies par lâacheteur:
Page d'accueil de la boutique
- Affichage des catégories produit s'il y en a
- Présentation de produits aléatoires
- etc.
Gestion des produits
Pour gérer les produits, en ajouter ou en supprimer:
- Survolez le module en haut Ă gauche.
- Cliquez sur Produits.
Retrouvez les 3 premiers produits d'exemple:
Réorganisez vos produits en les déplaçant avec la souris.
Cliquez sur un produit pour régler ses détails ainsi que la catégorie dans laquelle il doit se trouver (lire plus bas). Vous pouvez notamment:
- crĂ©er des attributs (couleur par exemple) pour proposer le mĂȘme produit dans plusieurs versions/tarifs
- dĂ©finir si le produit doit ĂȘtre dĂ©matĂ©rialisĂ© (virtuel) p.ex un PDF, un ZIP ou un MP3, et donc tĂ©lĂ©chargeable aprĂšs l'achat
En bas de l'Ă©dition de votre fiche produit, recherchez d'autres produits de votre liste afin de les lier et de les proposer au visiteur.
Tout en bas de la fenĂȘtre d'Ă©dition d'un produit, choisissez de masquer si nĂ©cessaire le produit Ă vos visiteurs.
Pour terminer et revenir à la liste des produits, enregistrez les modifications grùce au bouton situé tout en bas.
Supprimer ou dupliquer un produit
Sur la fiche d'édition d'un produit, cliquez tout en bas sur le menu d'action à cÎté du bouton d'enregistrement pour choisir s'il faut supprimer le produit ou le dupliquer.
Gestion du stock / inventaire
Dans ce mĂȘme menu d'action, gĂ©rez le stock directement sur la liste de vos produits (pour Ă©diter le stock en masse).
Mais chaque fiche produit permet d'éditer le stock et également d'entrer le SKU (unité de gestion des stocks) et son code barre (ISBN).
Catégories de produit
Vos produits peuvent ĂȘtre organisĂ©s au sein de CatĂ©gories et sous-catĂ©gories qui s'afficheront ensuite selon le design de votre site.
Cliquez dans le sous-menu Catégories sur la gauche du panneau d'administration de la boutique, sous Produits.
Définissez une image pour illustrer votre catégorie.
Masquez si nécessaire une catégorie (cela ne masque pas les produits qu'elle contient).
Code promo
Un code promo permet d'accorder une réduction (en % ou en devise) sur une commande.
Cliquez dans le sous-menu Code promo sur la gauche du panneau d'administration de la boutique, sous Produits.
Vous pouvez spécifier:
- sa date d'expiration
- son montant minimum Ă©ventuel
- son nom ("Réduction spécial Noël" par exemple)
- sa forme ("JOYEUXNOEL")
Exporter la liste de vos produits
Exportez la liste de vos produits (format CSV) grùce au menu d'action situé en haut à droite de la liste de vos produits.
Gestion des commandes
Pour gérer les commandes passées et en cours:
- Survolez le module en haut Ă gauche.
- Cliquez sur Configuration.
- Cliquez dans le sous-menu Commandes sur la gauche du panneau d'administration de la boutique.
Exporter la liste de vos commandes
Exporter la liste de vos commandes (format CSV) grùce au bouton Télécharger situé à droite de la barre de recherche de commandes.
Gestion des clients
Pour gérer les clients (un client fourni des informations personnelles lors de sa commande):
- Survolez le module en haut Ă gauche.
- Cliquez sur Configuration.
- Cliquez dans le sous-menu Clients sur la gauche du panneau d'administration de la boutique.
Exporter la liste de vos clients
Exportez la liste de vos clients dans un fichier CSV (format .csv) grùce au bouton Télécharger situé à droite de la barre de recherche de clients.
Ce guide explique comment ajouter et configurer un module de blog sur votre site créé avec Site Creator Infomaniak.
Préambule
- Il n'existe pas de fonctionnalité permettant la gestion de multiples utilisateurs sur la section Blog (ni sur Site Creator).
- Plusieurs utilisateurs d'une mĂȘme Organisation ayant accĂšs Ă Site Creator (via leur autorisation d'accĂšs Ă l'hĂ©bergement Web) pourront publier sur le blog, mais l'identitĂ© de l'auteur restera la mĂȘme pour tous.
Commencer un blog sur Site Creator
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Une fois dans Site Creator, sur la page oĂč vous voulez insĂ©rer vos futurs articles de blog:
- Cliquez sur le bouton + situé en-dessous d'un bloc déjà inséré:
- Cliquez sur Applications (sur l'onglet Contenu qui s'est ouvert quand vous avez cliqué pour ajouter le bloc visuel).
- Cliquez sur le module Blog:
- Si c'est la premiÚre insertion de ce module, alors vous obtenez le bloc visuel suivant avec un exemple de premier article publié (passer au point 4 ci-dessous):
- Si vous avez déjà testé le module Blog auparavant et que vous l'avez retiré de vos pages, vous obtenez ceci:
- Appuyez sur le choix du haut (A)â pour insĂ©rer le bloc principal.
- Appuyez sur le second choix (B)â pour afficher un bloc avec les 3 derniers articles publiĂ©s uniquement si vous avez dĂ©jĂ un bloc principal insĂ©rĂ© ailleurs sur le site.â
- Si c'est la premiÚre insertion de ce module, alors vous obtenez le bloc visuel suivant avec un exemple de premier article publié (passer au point 4 ci-dessous):
- Une fois le module Blog inséré, survolez le bloc et cliquer sur ⰠBlog.
- Cliquez sur Nouvel article pour insérer un article vierge et le compléter (image pour la banniÚre, titre, sous-titre optionnel, corps de l'article avec différentes mises en forme) ; appuyez sur le signe + au niveau du texte de l'article ou la touche tabulation de votre clavier.
- Publiez en cliquant sur le bouton Publier (ou sauvegarder le brouillon pour plus tard):
Ăditer le blog
Pour activer les commentaires, les notifications par mail, la disposition par liste et le tri de celles-ci, etc.:
- Cliquez sur Applications dans le menu latéral gauche.
- Cliquez sur Blog.
- Cliquez sur ParamÚtres et régler vos préférences sans oublier de sauvegarder en bas de page:
Ăditer les articles
Quel que soit l'endroit oĂč vous vous trouvez lors de l'Ă©dition de votre site, il vous suffit d'aller dans le menu Applications en bas Ă gauche, puis de cliquer sur Blog:
Pour Ă©diter le contenu de votre article, cliquez sur Parcourir les articles dans le menu latĂ©ral gauche, survolez et cliquez sur l'icĂŽne crayon â:
Pour paramétrer (lire ci-dessous) l'un des articles, survolez et cliquez sur la roue dentée:
Ătiqueter, archiver ou faire expirer un article
Un article de blog peut disparaitre de votre liste d'articles, soit en lui donnant une date d'expiration soit en l'archivant de suite. Il est Ă©galement possible d'ajouter un tag (Ă©tiquette) qui sera cliquable pour le visiteur et facilitera ainsi la navigation au sein des posts:
Date des articles
Par défaut, les nouveaux articles de blog seront ajoutés avec la date "d'aujourd'hui" mais il est possible de la modifier:
- Survolez et cliquez sur le lien de la date (directement sur l'article).
- Choisissez une nouvelle date.
Ce guide explique comment créer des galeries de vos photos dans Site Creator Infomaniak.
Créer une galerie de photos
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Une fois dans Site Creator:
- Cliquez sur le bouton Réglages dans le menu latéral gauche, la liste de vos pages apparaßt.
- Cliquez sur le bouton Ajouter une page en dessous de l'arborescence existante.
- Activez Afficher plus d'options pour choisir le type de page GALERIE PHOTO:
- Choisissez un nom de page.
- Validez.
La nouvelle page avec le module de galerie photo s'affiche Ă l'Ă©cran.
Paramétrer la galerie photo
Pour cela:
- Survolez le module pour accéder aux paramÚtres de la galerie.
- Cliquez sur Ăditerâ:
â
Albums photo
Vous pouvez créer des galeries photos supplémentaires pour vos différents albums:
â
â
Modifier l'ordre des photos
Lorsque votre galerie est créée, chaque nouvelle photo que vous téléchargez depuis votre ordinateur est ajoutée à la fin de la liste des photos ; vous pouvez facilement modifier cet ordre en glissant les photos avec la souris quand vous éditez une galerie:
De plus, vous pouvez ajouter une description Ă n'importe laquelle de vos photos, sous chaque image, vous remarquerez le champ "Description de l'image", commencez Ă y taper votre description et appuyez sur le bouton vert pour enregistrer les modifications:
Ajouter un widget défilement d'images
Pour configurer un ou plusieurs widgets Slider dynamique, sur lesquels une ou plusieurs photos glisseront latéralement (sans aucun lien avec les galeries photos décrites ci-dessus):
- Cliquez sur le bouton Applications dans le menu latéral gauche.
- Cliquez sur Slider:
- Configurez le widget selon vos préférences.
- Insérez le widget configuré à l'endroit désiré en cliquant sur Contenu puis Apps et choisir Slider:
Ce guide détaille la création de menus de navigation pour votre site réalisé avec Site Creator Infomaniak, ainsi que leur composition, styles et paramÚtres.
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Les différents menus de navigation
Les diffĂ©rentes pages qui composent votre site peuvent ĂȘtre accessibles au sein d'un ou plusieurs menus de navigation:
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- Par défaut la liste de vos pages apparaßt, classées dans 2 rubriques principales: MAIN MENU et LEGAL.
Mais vous pouvez en ajouter davantage.
Ces menus avec les pages qu'ils contiennent sont ensuite repris à différents endroits de votre site selon le thÚme choisi notamment.
Vous trouverez souvent le menu principal placé en haut de page:
et les autres menus seront automatiquement proposés dans le pied de page:
GĂ©rer le menu
Vous pourrez gérer sa présence dans le plan du site ou le supprimer (lui ainsi que toutes ses pages):
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- Survolez un titre de menu dans l'arborescence existante.
- Cliquez sur l'icÎne de roue dentée qui apparait au survol.
Prenez connaissance de cet autre guide pour ne pas faire apparaitre de menu du tout.
Créer un sous-élément dans un menu
Pour cela:
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- La liste de vos pages apparaĂźt.
- Avec la souris déplacer une page légÚrement vers la droite sous une autre page:
- Elle deviendra une sous-page et votre menu sur le site pourra afficher l'arborescence ainsi créée.
- Elle deviendra une sous-page et votre menu sur le site pourra afficher l'arborescence ainsi créée.
Titre du menu non cliquable
Choisir si nécessaire de ne pas rendre cliquable le tout premier élément d'un tel menu:
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- Cliquez sur ParamÚtres généraux afin de modifier ce réglage sous Options sous-menu:
ĂlĂ©ment de menu contenant un lien vers un autre site Web
Pour cela:
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- La liste de vos pages apparaĂźt.
- Cliquez sur le bouton Ajouter une page en dessous de l'arborescence existante:
- Choisissez un nom de page et Afficher plus d'options.
- Choisissez la redirection d'URL pour spécifier la destination lors du clic:
Ajouter un nouveau menu
Pour cela:
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- Survolez un titre de menu dans l'arborescence existante.
- Cliquez sur l'icĂŽne "+" qui apparait au survol:
Menu supérieur supplémentaire
Pour afficher une "barre de menu" tout en haut de votre page:
- Cliquez sur le bouton Design dans le menu latéral gauche.
- Cliquez sur Plus de paramĂštres.
- Activez la Barre de menus d'en-tĂȘte:
- Une fois activĂ©e vous pouvez la personnaliser grĂące au lien RĂ©glages au mĂȘme endroit.
Styles de menu
Pour gérer les différents styles de menu:
- Cliquez sur le bouton Design dans le menu latéral gauche.
Cliquez sur Ăditeur de menu:
ââ
Vous pourrez notamment dĂ©cider de l'emplacement de vos menus (sur la gauche de la page ou placĂ© en haut, fixe ou mobile, type "menu hamburger â°" Ă droite ou normal, etc.).
Changer la couleur du menu "hamburger" (â°)
Si celui-ci apparait p.ex blanc sur blanc sur un appareil mobile:
- Cliquez sur Titre du menu / logo (toujours sous Design, puis Ăditeur de menu).
- Ajustez la couleur du texte:
Adopter un nouveau thĂšme de menu
Changez complÚtement de style prédéfini grùce aux thÚmes tout en haut du sous-menu:
- Cliquez sur ModĂšles de menu (toujours sous Design, puis Ăditeur de menu):
Menu fixe
La plupart des menus proposés vont bouger avec le contenu de la page. Le menu disparait si on descend dans la page:
Vous pouvez dĂ©finir un menu qui devra toujours ĂȘtre fixĂ© au bord supĂ©rieur (avec diffĂ©rentes options visuelles):
Pour activer ou désactiver le menu fixe:
- Cliquez sur Design.
- Cliquez sur Ăditeur de menu:
- Cliquez sur Configuration principale.
- Choisissez Dans l'en-tĂȘte dans l'encadrĂ© Type de menu.
- Le bouton à bascule (toggle switch) Fixé au sommet s'affiche plus bas et vous pouvez l'activer.
- Cliquez sur Enregistrer:
Certains modĂšles de menu (comme le #3
et le #16
) appliquent directement les réglages optimaux pour un menu fixe:
Insérer vos menus dans le corps de la page
Un module Menu de sous-pages permet l'insertion de vos menus et sous-menus Ă n'importe quel endroit de votre page.
Le module plan du site affiche tous les menus et toutes vos pages dans un seul bloc.
DĂ©finir l'URL de la page
Par défaut si le nom de votre page est Contact
alors l'URL pour l'atteindre sera www.domain.xyz/contact
.
Si par la suite vous changez le nom de la page pour Contactez-nous
alors l'URL sera www.domain.xyz/contactez-nous
.
Pour définir l'URL personnalisée de la page sur laquelle vous vous trouvez:
- Cliquez sur le bouton Réglages dans le menu latéral gauche.
- Cliquez sur SEO & Métadonnées (sous ParamÚtres de cette sous-page):
Le premier champ en haut permet de définir l'adresse de la page. Tout espace sera transformé en trait d'union et les caractÚres spéciaux, accents, symboles, etc. sont à éviter.
Si des changements d'URL sont enregistrés en cours de création de site alors qu'un menu contient déjà un lien vers la page en question, il sera adapté de façon dynamique.
Ce guide explique comment ajouter et configurer un formulaire de contact sur votre site créé avec Site Creator Infomaniak.
Créer un formulaire de contact personnalisé
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Vous pouvez créer un ou plusieurs formulaires permettant à vos visiteurs d'écrire un message, de s'inscrire à une activité, bref, de remplir toute sorte de formulaire en ligne avec ou sans piÚce jointe:
- âCliquez sur le bouton Contenu dans le menu latĂ©ral gauche.
- Cliquez sur Applications en bas de liste puis sur Créateur de formulaires.
Une fois le premier formulaire créé il s'affiche sur votre page:
ParamĂštres du formulaire de contact
Vous pouvez personnaliser le message de remerciement, l'éventuelle page de redirection aprÚs soumission, l'adresse mail utilisée, ajouter un captcha (recommandé), etc.
Pour cela, survolez le module pour accéder à ses réglages et cliquez si nécessaire sur le formulaire que vous souhaitez éditer, puis sur le bouton situé en bas à cÎté du bouton d'enregistrement des modifications. Choisissez Propriétés du formulaire.
Il est recommandé de modifier la méthode d'envoi par défaut.
Ce guide explique comment gĂ©rer la partie logo, en-tĂȘte et pied de page (footer) dans Site Creator Infomaniak.
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Ajouter un logo de site Web
Une fois dans Site Creator:
- Cliquez sur le bouton RĂ©glages puis Logo dans la barre latĂ©rale gauche.ââ
- Chargez une image et choisir si le nom du site doit également s'afficher à cÎté.
â
RĂ©glages du logo
- Cliquez sur le bouton Design dans la barre latérale gauche.
- Cliquez sur Menu Designerâ puis Titre/logo pour rĂ©gler espacements et couleurs.
Affichage du logo au centre
Au mĂȘme endroit que ci-dessus, activez l'option pour afficher le logo sur une ligne sĂ©parĂ©e ce qui centrera le logo du site:
Masquer le logo (+ en-tĂȘte et pied de page)
Pour crĂ©er une page sans logo qui n'aura ni en-tĂȘte (donc aucun menu affichĂ©) ni pied de page, il faut la dĂ©finir comme Page d'accueil (c'est Ă dire "Landing page" ; attention cela ne change pas l'ordre des pages) grĂące Ă un bouton qui se trouve ici:
- Cliquez sur le bouton Réglages dans la barre latérale gauche.
- Cliquez sur Liste des pages.
- Survolez une page dans l'arborescence existante et cliquer sur l'icÎne de roue dentée qui apparait au survol.
- âActivez l'option en bas "Page d'accueil" pour masquer en-tĂȘtes et pied de page:
Ce guide vous aide à personnaliser un site Web créé avec Site Creator Infomaniak.
Prérequis
- Accédez à Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur Personnaliser mon site:
Changer les couleurs du site
Pour gérer les thÚmes, couleurs et polices dans Site Creator:
- Cliquez sur le bouton Design dans le menu latéral gauche.
- Cliquez sur Couleurs du site.
Vous pouvez choisir parmi les palettes de couleurs disponibles ou créer votre propre jeu de couleurs personnalisé.
En dessous il existe des paramĂštres plus spĂ©cifiques, oĂč vous pouvez spĂ©cifier Ă quels Ă©lĂ©ments une couleur doit ĂȘtre appliquĂ©e.
GĂ©rer le fond (image / couleur) des blocs
Sur la page d'Ă©dition de votre site:
- Survolez un bloc et cliquez sur la roue dentée pour accéder aux réglages:
Charger un modĂšle de site Web
Vous pouvez modifier la conception complĂšte de votre site Web en changeant le thĂšme de celui-ci, et en dĂ©cidant ce qui devra ĂȘtre Ă©crasĂ© ou pas sur le site actuel lors du changement:
- Cliquez sur le bouton Design dans le menu latéral gauche.
- Cliquez sur Choix du thĂšme:
C'est lĂ que vous pouvez choisir parmi les thĂšmes de sites Web disponibles.
Lorsque vous avez trouvé votre nouveau thÚme, cliquez sur Installer puis vous pourrez choisir les parties du nouveau modÚle que vous souhaitez importer (par défaut, seuls les couleurs, polices ou style de menu) pour éviter que le contenu de votre site Web ne soit écrasé.
Si votre site Web est nouveau, vous pouvez choisir plus d'options lors de l'importation.
Changer les polices du site Web
Pour cela:
- Cliquez sur le bouton Design dans le menu latéral gauche.
- Cliquez sur Polices:
Vous pouvez facilement changer les polices principales du site Web, la premiĂšre police Ă©tant utilisĂ©e pour les en-tĂȘtes et la seconde police pour le contenu.
En dessous il existe des paramĂštres plus spĂ©cifiques, oĂč vous pouvez spĂ©cifier Ă quels Ă©lĂ©ments une police doit ĂȘtre appliquĂ©e.
Il n'est pas possible d'importer ou d'ajouter une police personnalisĂ©e mais vous pouvez modifier le fournisseur (la liste de polices sera la mĂȘme) pour des questions de confidentialitĂ© p.ex:
- Cliquez sur Réglages dans le menu latéral gauche.
- Cliquez sur ParamÚtres généraux
- Choisissez le fournisseur des polices:
RĂ©soudre un problĂšme de texte absent / invisible
Si vous avez l'impression que votre bloc de texte a disparu ou qu'il est invisible
alors sélectionnez tout le contenu du site Web (ctrl + a
ou cmd + a
sur Mac) ; si vous voyez que votre contenu est là , cela signifie probablement que les paramÚtres du bloc sont réglés pour un fond sombre:
Dans ce cas, allez dans les paramÚtres du bloc et assurez-vous que l'option "Fond sombre" n'est pas cochée. Cela devrait résoudre ce problÚme:
Ce guide explique comment mettre temporairement hors ligne un site créé avec Site Creator Infomaniak.
Préambule
- Les visiteurs verront uniquement la page de maintenance Infomaniak.
- Vous pourrez, étant connecté, toujours voir et modifier le site avec Site Creator.
Mettre Site Creator en maintenance
Pour désactiver temporairement Site Creator:
- Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
- Cliquez directement sur le nom attribué au produit concerné.
- Cliquez sur le menu d'action âź dans la partie Gestion rapide.
- Cliquez sur Activer la maintenance.
- Refaites l'opération pour la désactiver: