Base de connaissances
1 000 FAQ, 500 tutoriels et vidéos explicatives. Ici, il n'y a que des solutions !
Ce guide concerne Site Creator, outil Infomaniak pour la création de site proposant entre autre une bibliothÚque pour vos médias (images, vidéos, documents, etc.).
Accéder aux fichiers
Pour accéder à Site Creator :
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer directement sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
La bibliothÚque est accessible depuis la partie inférieure du menu latéral gauche, sous Fichiers:
Ces médias seront à votre disposition lorsque vous éditerez vos pages et souhaiterez insérer du contenu.
Organisez vos fichiers, dossiers et sous-dossiers
Attention vous ne pouvez pas déplacer ni renommer des fichiers.
Vous ne pouvez pas supprimer un dossier si celui-ci n'est pas entiĂšrement vide.
Par conséquent pensez à l'organisation de vos médias et à leur arborescence si possible en amont de votre création de site.
Créer un nouveau dossier
Utiliser le menu d'action âź en bas Ă droite de la fenĂȘtre:
Charger un nouveau fichier dans la bibliothĂšque
Cliquer sur Envoyer un fichier pour parcourir votre disque dur et charger les fichiers désirés:
Les formats d'image habituels sont supportés (webp, jpg, jpeg, png, gif, svg, etc.), idem pour les vidéos (mp4, mov, etc.) et vous pouvez également charger des fichiers (zip, pdf, etc.) afin de par exemple les mettre à disposition des visiteurs par le module Téléchargement de fichier.
Ouvrir l'Ă©diteur d'image
Survoler une image de la bibliothÚque et cliquer sur le crayon pour accéder à l'éditeur d'image:
Rechercher et utiliser des images libres
Dans la barre latérale gauche de la bibliothÚque se trouve un élément de menu conduisant à des images stock (banque d'images) libres de droit que vous pouvez insérer dans votre bibliothÚque pour agrémenter votre site:
Protéger votre contenu
Cliquer sur ParamÚtres dans la barre latérale gauche puis sur ParamÚtres généraux.
En bas se trouve une option qui une fois activée interdit le clic droit des visiteurs sur votre site.
ProblÚme de téléchargement d'images/fichiers
Essayez de télécharger des JPG ou PNG les plus légers possible ; il n'est pas nécessaire de télécharger des images d'une largeur supérieure à 1000 pixels.
Assurez-vous que vos fichiers ne soient pas en résolution "300DPI" ou supérieure, vous n'en avez pas besoin sur votre site Web, c'est uniquement pour l'impression.
Si vous essayez de tĂ©lĂ©charger des fichiers directement depuis votre appareil photo, essayez de les redimensionner avant de les tĂ©lĂ©charger ; depuis votre iPhone, elle peut ĂȘtre au format HEIF/HEIC, qui n'est pas pris en charge - essayez de la convertir en JPG d'abord.
Ce guide est destiné aux utilisateurs de l'outil Site Creator qui souhaitent aller plus loin dans l'édition de leurs pages.
Ouvrir l'Ă©diteur HTML
Pour accéder à Site Creator :
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
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:
- survoler le bloc à éditer sur votre page et cliquer sur la roue dentée qui apparait au survol:
- cliquer 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.
Ce guide explique comment ajouter et configurer un module de blog sur votre site créé avec Site Creator Infomaniak.
Commencer un blog sur Site Creator
Pour accéder à Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator, sur la page oĂč vous voulez insĂ©rer vos futurs articles de blog:
- cliquer sur le bouton + situé en-dessous d'un bloc déjà inséré
- cliquer sur Applications (sur l'onglet Contenu qui s'est ouvert quand vous avez cliqué pour ajouter le bloc visuel)
- cliquer 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:
- appuyer sur le choix du haut (A) pour insérer le bloc principal
- appuyer 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é, survoler le bloc et cliquer sur ⰠBlog
- cliquer 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 (appuyer sur le signe + au niveau du texte de l'article ou la touche tabulation de votre clavier)
- publier 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.:
- cliquer sur Applications dans le menu latéral gauche
- cliquer sur Blog
- cliquer 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, cliquer sur Parcourir les articles dans le menu latéral gauche, survoler et cliquer sur l'icÎne de crayon:
Pour paramétrer (lire ci-dessous) l'un des articles, survoler et cliquer 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:
- survoler et cliquer sur le lien de la date (directement sur l'article)
- choisir une nouvelle date
Vous ne pouvez pas accéder aux fichiers de votre site cÎté serveur, ni par FTP ni par un autre moyen que le gestionnaire proposé dans Site Creator.
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.
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:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- dans le menu latéral gauche cliquer sur le bouton Réglages
- 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
Une fois dans Site Creator:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- survoler un titre de menu dans l'arborescence existante
- cliquer sur l'icÎne de roue dentée qui apparait au survol
Vous pourrez gérer sa présence dans le plan du site ou le supprimer (lui ainsi que toutes ses pages). Lire aussi ce guide (cliquer ici) pour ne pas faire apparaitre de menu du tout.
Créer un sous-élément dans un menu
Une fois dans Site Creator:
- cliquer 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.
Titre du menu non cliquable
Choisir si nécessaire de ne pas rendre cliquable le tout premier élément d'un tel menu:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer 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
- cliquer sur le bouton Réglages dans le menu latéral gauche
- la liste de vos pages apparaĂźt
- cliquer sur le bouton Ajouter une page en dessous de l'arborescence existante:
- choisir un nom de page et Afficher plus d'options
- choisir la redirection d'URL pour spécifier la destination lors du clic:
Ajouter un nouveau menu
Une fois dans Site Creator:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- survoler un titre de menu dans l'arborescence existante
- cliquer 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:
- cliquer sur le bouton Design dans le menu latéral gauche
- cliquer sur Plus de paramĂštres
- activer la Barre de menus d'en-tĂȘte:
Styles de menu
Une fois dans Site Creator:
- cliquer sur le bouton Design dans le menu latéral gauche
- cliquer 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:
- cliquer sur Titre du menu / logo (toujours sous Design, puis Ăditeur de menu)
- ajuster la couleur du texte:
Adopter un nouveau thĂšme de menu
Changer complÚtement de style prédéfini grùce aux thÚmes tout en haut du sous-menu:
- cliquer 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:
- cliquer sur Design
- cliquer sur Ăditeur de menu
- cliquer sur Configuration principale
- choisir Dans l'entĂȘte dans l'encadrĂ© Type de menu
- la case activer Fixé au sommet s'affiche plus bas et vous pouvez l'activer
- cliquer 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:
- dans le menu latéral gauche cliquer sur le bouton Réglages
- cliquer 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 créer des galeries de vos photos dans Site Creator Infomaniak.
Créer une galerie de photos
Pour vous rendre dans Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- cliquer sur le bouton Réglages dans le menu latéral gauche, la liste de vos pages apparaßt
- cliquer sur le bouton Ajouter une page en dessous de l'arborescence existante
- Afficher plus d'options pour choisir le type de page GALERIE PHOTO
- choisir un nom de page
- valider
La nouvelle page avec le module de galerie photo s'affiche Ă l'Ă©cran.
Paramétrer la galerie photo
- survoler le module pour accéder aux paramÚtres de la galerie
- cliquer 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):
- cliquer sur le bouton Applications dans le menu latéral gauche
- cliquer sur Slider
- configurer le widget selon vos préférences
- insérer le widget configuré à l'endroit désiré en cliquant sur Contenu puis Apps et choisir Slider
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é
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:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- dans le menu latéral gauche cliquer sur le bouton Contenu
- cliquer 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, survoler le module pour accéder à ses réglages et cliquer 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. Choisir 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, entĂȘte et pied de page (footer) dans Site Creator Infomaniak
Ajouter un logo de site Web
Ouvrir Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- cliquer sur le bouton Réglages puis Logo dans la barre latérale gauche
- charger une image et choisir si le nom du site doit également s'afficher à cÎté
RĂ©glages du logo
- cliquer sur le bouton Design dans la barre latérale gauche
- cliquer sur Menu Designer puis Titre/logo pour régler espacements et couleurs
Affichage du logo au centre
Au mĂȘme endroit que ci-dessus, activer l'option pour afficher le logo sur une ligne sĂ©parĂ©e ce qui centrera le logo du site:
Masquer le logo (+ entĂȘ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:
- cliquer sur le bouton Réglages dans la barre latérale gauche
- cliquer sur Liste des pages
- survoler une page dans l'arborescence existante et cliquer sur l'icÎne de roue dentée qui apparait au survol
- activer l'option en bas "Page d'accueil" pour masquer entĂȘtes et pied de page:
Ce guide explique comment mettre temporairement hors ligne un site créé avec Site Creator Infomaniak.
Les visiteurs verront uniquement la page de maintenance Infomaniak. Vous pourrez toujours voir et modifier le site avec Site Creator.
Mettre Site Creator en maintenance
Pour désactiver temporairement Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur le menu d'action âź dans la partie Gestion rapide
- cliquer sur Activer la maintenance
- refaire l'opération pour la désactiver
Ce guide explique comment connecter un site réalisé avec Site Creator Infomaniak à un nom de domaine présent sur votre Manager.
Connecter Site Creator Ă un nom de domaine
Pour connecter Site Creator Ă un nom de domaine existant dans votre compte Infomaniak:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Connecter mon site à un domaine pour démarrer l'assistant de configuration ci-dessous:
GĂ©rer le(s) nom(s) de domaine Site Creator
Pour gérer le ou les nom(s) de domaine utilisé(s) avec Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icÎne en haut à droite de l'interface (ou naviguer grùce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
En haut de page s'affichent les Ă©ventuels messages au sujet de problĂšmes concernant Site Creator et les domaines.
Plus bas, vous pouvez gérer vos domaines s'il y en a:
Adresse provisoire, URL de prévisualisation
Plusieurs noms de domaine peuvent ĂȘtre reliĂ©s Ă Site Creator, supprimĂ©s ou interchangĂ©s et inversĂ©s si nĂ©cessaire:
En revanche l'URL de prĂ©visualisation, de type abcd.infomaniak.site et distincte dans la liste des domaines Site Creator, ne pourra jamais ĂȘtre supprimĂ©e pour le bon fonctionnement de votre site: