Comment bien démarrer la création de son site sur Yoctown
Une fois inscrit et votre compte validé, vous allez pouvoir commencer la création de votre site.
Pour cela vous pouvez suivre les étapes de création de votre site internet pour vous faciliter la tâche !
C'est parti !
Rendez-vous dans le back-office (le lieu de gestion de votre site internet) de votre site en passant la souris sur le nom de votre site en haut de la page et cliquez sur .
Dans la partie à gauche « Administrer mon site », rendez-vous dans la catégorie .
Nous allons utiliser le thème par défaut. Ici, nous pouvons cliquer sur l'option Éditer le thème pour changer le thème ou le nom du thème par exemple. Il y a également d'autres options comme :
-Éditer les variables du thème : Ici nous allons pouvoir modifier les paramètres globaux du thème, comme le positionnement des éléments des pages, du contenu ou des fonds, les couleurs, etc.
-Éditer les options du thème : Dans cette option, nous allons pouvoir choisir d'inclure ou non des zones complètes du site internet, comme le menu, la partie haute, etc.
-Effacer le thème : Cette option permet tout simplement de supprimer ce thème et les paramètres qui lui sont associés.
2) Créer une page
Maintenant, nous allons créer une page sur Yoctown. Rendons nous dans la partie Mes pages. Il y a ici 4 pages pré-créées à savoir :
-
: C'est la page principale de notre site internet, celle sur laquelle les visiteurs vont atterrir en premier.
-Page non trouvée : C'est la page d'erreur, quand la page que les visiteurs cherchent n'existe pas ou plus.
-Blog : Ceci est la page principale du blog de votre site internet.
-Contact : La page contact comme son nom l'indique permet de vous contacter, de vous trouver, de trouver des informations sur vous, etc.
Nous allons donc dans un premier temps modifier la page d'accueil, en cliquant sur l'action Éditer la page.
Nous allons donc y inclure plusieurs informations.
Tout d'abord le Titre H1, qui est le principal titre de votre page (le gros titre). Ensuite, les informations relatives au fil d’Ariane de votre site, c'est l'arborescence qui apparaît en haut des pages lorsque vous êtes sur le site, avec l'endroit sur lequel vous vous situez.
Ensuite, nous avons l'option Titre Head, qui permet de modifier le titre de votre page. Ce titre apparaît dans l'onglet du navigateur de vos visiteurs et également dans les titres des résultats de recherche des moteurs de recherche.
Ensuite la méta-description de votre page, c'est à dire une brève description du contenu ou service présent sur votre page, ce qui apparaîtra sur les moteurs de recherche en dessous du Titre Head.
Puis, vous avez l'éditeur de texte, très complet où vous pouvez remplir vos pages, à l'aide de textes, d'images, de vos galeries, de vos formulaires, etc.
Une fois remplie, nous trouvons l'option permettant d'intégrer des Conteneurs de modules ce sont des zones situées à gauches et/ou à droite des pages (généralement destinées à contenir des menus ou du texte informatif). Les Conteneurs de modules peuvent être remplis de menus, de liens, etc. Nous nous en occuperons après.
Vous pouvez ensuite choisir d'activer un mot de passe ou non pour se rendre sur la page, puis choisir d'activer ou non les commentaires sur cette page.
Nous avons donc notre première page, nous allons en récréer une, de la même façon que celle-ci.
Nous allons donc cliquer sur Ajouter une page. Nous allons avoir des options en plus, comme le Titre interne qui est le titre que seul vous pouvez voir, pour que vous puissiez identifier vos pages futures. Une autre option qui s'est rajoutée, au dessus du contenu, c'est l'option URL. L'URL est ce qui permet de trouver et d'identifier la page attachée à l'URL.
Attention : même si cette nouvelle page existe et est consultable sur votre site, la dernière page créée n'apparaît pas encore dans le menu de votre site internet. C'est normal, nous allons voir plus tard comment la rendre visible dans le menu.
3) Gérer les menus de son site Yoctown
Après avoir créé cette page, nous voulons l'intégrer à un menu, pour qu'on puisse accéder à cette page facilement. Pour intégrer cette page à un menu, rendez-vous dans la catégorie Mes menus puis cliquez sur l'option Organiser le menu du menu que vous voulez modifier ou celui sur lequel vous voulez ajouter la page.
Une fois sur la page d'organisation du menu, sélectionnez à l'aide la liste déroulante la page que vous souhaitez inclure au menu. Après l'avoir sélectionné, cliquez sur Ajouter au menu.
Dans ce menu, vous pouvez modifier le Texte c'est à dire le texte du lien qui apparaîtra dans le menu. Répétez la même manipulation en fonction du nombre de pages à inclure dans le menu.
Nous allons maintenant créer des menus pour notre site, pour que les visiteurs puissent naviguer simplement sur le site et entre les pages. On va se rendre dans la catégorie Mes menus et nous allons éditer le menu pré-construit en cliquant sur Éditer le menu ; nous pouvons ici changer le nom du menu, pour pouvoir s'y retrouver plus facilement par la suite.
Ensuite, on peut organiser le menu (en cliquant sur l’icône correspondante) et ajouter les pages à inclure dans le menu. Vous pouvez aussi faire glisser les menus pour les organiser en plusieurs sous menus, dans le cas où il y aurait plusieurs catégories de pages, de sous-pages etc.
On a donc notre premier menu sur yoctown. Nous pouvons créer des menus pour les placer dans le footer (pied de page) ou encore les conteneurs de modules (sur le côté) du site, libre à vous de créer le site que vous voulez !
Attention : Les menus nouvellement créés n'apparaissent pas encore sur votre site internet. Pour qu'ils apparaissent, il faudra que les zones désirées soient rattachées au menu. Nous verrons plus tard comment le faire.
4) Créer un conteneur de modules
Les conteneurs de modules (ou sideabars) contiendront des menus et des contenus et seront placés sur les côtés (au choix) de vos pages. Ils peuvent être à droite, à gauche ou des 2 côtés des pages du site.
Pour en créer ou en modifier, rendez-vous dans la catégorie Mes conteneurs de modules et ajoutez ou modifier un conteneur de module existant.
Vous pouvez y ajouter du contenu textuel en y indiquant un titre et le contenu ou encore un menu, au choix.
Vous pouvez également y inclure les 2 et plusieurs choses dans un même conteneur.
Attention les conteneurs créés n'apparaissent pas sur votre site. Pour qu'ils apparaissent, il faudra les affecter à vos pages. Pour cela, rendez-vous dans la catégorie Mes pages, sélectionnez la page sur laquelle vous voulez affecter le ou les conteneur(s) de modules. Vous trouverez dans l'édition une partie Conteneur de module qu'il faudra renseigner.
5) Options du site Yoctown
Maintenant, nous allons toucher aux diverses options du site, comme les logos, les paramétrages du pied de page, etc.
On va donc se rendre dans la catégorie Mes Options et allons cliquer sur Éditer les options. Nous avons donc un ensemble complet de paramètres :
-Menu principal : Ici, vous devrez définir quel sera le menu principal de votre site internet, c'est à dire celui qui apparaît en gros sur votre site.
-Logo de l'en tête : Le logo de l'en tête est le logo principal de votre site. Il se situe en général en haut à gauche des sites internet. Ce logo peut être celui de votre entreprise par exemple.
-Favicon de votre site : La favicon de votre site est l'icone qui se situe dans l'onglet du navigateur à côté du titre (title head) de vos pages.
Ici nous avons la favicon ainsi que le titre head de la page.
-ID Google Analytics : Dans le champ ID Google Analytics, vous devez renseigner votre identifiant Google Analytics, qui est un outil pour vérifier le trafic en détail sur votre site internet. Une fois cet identifiant renseigné, connectez vous à votre interface de gestion Google analytics depuis https://www.google.com/analytics/ et regardez le trafic que vous avez pu avoir sur votre site Yoctown.
-Nom de domaine : Le nom de domaine est tout simplement le nom de votre site sur internet. On peut le trouver dans la barre d'URL de votre navigateur en haut de la fenêtre.
Ici mon nom de domaine est google.fr.
-Copyright : Le copyright est tout simplement les droits d'auteurs de votre site internet et est situé tout en bas du site. On peut le repérer grâce au symbole correspondant au copyright « © ».
Voici un exemple de copyright
-Slogan : Le slogan de votre site internet apparaît en haut de votre site, à droite du Logo. Comme son nom l'indique c'est le slogan de votre site internet.
-Afficher le numéro de téléphone : Cette option permet d'afficher votre numéro de téléphone en haut à droite du site internet. Liées à cela, les options :
-Texte précédant le numéro : C'est le texte qui sera écrit sur votre page web précédant le numéro de téléphone.
-Numéro de téléphone cliquable : Choisir de rendre le numéro de téléphone cliquable ou non, ce qui permet aux utilisateurs de votre site internet de cliquer sur le numéro afin d'ouvrir une application ou programme d'appel téléphonique tier.
-Numéro de téléphone : Ici vous devez renseigner votre numéro de téléphone qui apparaîtra en haut à droite de votre site Yoctown.
-Afficher les réseaux sociaux : Permet de choisir d'afficher ou non les liens vers les réseaux sociaux en haut à droite de votre site internet.
-Nombre de posts à afficher : Vous devez choisir le nombre maximal d'affichage de vos posts sur la page d'accueil de votre blog.
-Conteneurs de modules de votre blog : Définir la position des conteneurs de modules (gauche ou droite ou droite et gauche) à placer sur votre blog et les sélectionner par la suite.
-Type de footer : Vous devrez choisir à quoi va ressembler votre footer (pied de page)
Vous avez ensuite le choix du contenu des colonnes de votre Footer. Vous pouvez choisir vos contenus. Pour les régler, vous devez choisir du contenu depuis vos conteneurs de modules. Pour en créer, rendez-vous donc dans l'option Mes Conteneurs de modules et créez du contenu pour les colonnes de votre Footer.
-Texte précédent le fil d'Ariane : Choisissez le texte qui va précéder le fil d'Ariane. Le fil d'Ariane est l'indicateur en haut de page qui indique sur quelle page vous vous situez avec la chronologie des pages. Il ressemble à ceci :
(Par défaut : Vous êtes ici.)
-Séparateur fil d'Ariane : Choisissez le(s) caractère(s) qui va/vont séparer les pages du fil d'Ariane au nom de la page sur laquelle va se trouver le visiteur lors de l'affichage du fil d'Ariane.
-Nom du site : Indiquez le nom de votre site internet.
6) Gérer son contenu image sur Yoctown
Yoctown vous offre bon nombre de possibilités de gérer votre contenu images. Vous pouvez créer des catégories pour le stockage de vos images sur le serveur, créer des galeries que vous pouvez inclure dans vos pages, optimiser vos images pour le référencement, etc.
Pour publier vos images, rendez-vous dans la catégorie Fichiers multimédia.
Pour importer vos fichiers sur votre interface Yoctown, vous pouvez glisser vos fichiers sur la zone demandée ou encore cliquer sur cette zone puis y inclure les fichiers que vous voulez importer.
Vous pouvez également Créer une catégorie pour ranger vos photos et images. Vous choisissez alors le nom d'une catégorie puis continuez.
Pour ajouter une image au sein de cette catégorie, vous devez cliquer sur le bouton Éditer le média. Ici vous pourrez y inclure le nom du média, sa description qui sert pour le référencement de l'image sur Google ainsi que sa catégorie, celle dans laquelle vous voulez ranger l'image.
Pour insérer une image sur vos pages, rendez-vous dans l'option Mes pages et sélectionnez la page à modifier, sur laquelle vous voulez inclure l'image. Descendez au niveau de l'éditeur de texte puis choisissez l'option Insertion d'une image de ma bibliothèque. Une fenêtre va apparaître et vous pourrez alors au choix : importer une image depuis votre bibliothèque de fichiers multimédias ou les importer depuis vos fichiers sur votre ordinateur/téléphone. Une fois l'image sélectionnée, insérez la et placez la où vous voulez.
Vous pouvez également créer des Galeries d'images ou des albums. Pour cela, rendez-vous dans la partie Mes albums et cliquez sur Ajouter un Album. Une fois ceci fait, vous devez y indiquer un titre pour votre album, un alias, ce qui permet de l'identifier facilement dans le code source (ne vous concerne pas directement) ainsi qu'une description de cet album.
Ensuite, cliquez sur Ajouter des photos à l'album. Vous n'avez qu'à cliquer sur les photos que vous souhaitez ajouter à l'intérieur de cet album et c'est bon, les images sont ajoutées. Vous pouvez également classer les photos de l'album en cliquant sur Trier les photos de l'album, où une fois à l'intérieur vous pouvez les faire glisser grâce à votre souris.
Pour insérer vos albums sur vos pages, rendez-vous dans la partie Mes pages et cliquez sur Éditer la page. Cliquez dans le texte à l'endroit où vous voulez intégrer et cliquez sur le bouton Insérer la galerie.
Une ligne de code apparaît donc, ce qui signifie que votre galerie est insérée.