TUTORIELS - SERIE 1: APPRENDRE Á CRÉER UN SITE

Le design responsive permet de consulter de façon optimale le site sur tout type d'écran : Smartphone, Tablette, PC/Mac ou encore SmartTV. L'utilisation de certaines fonctionnalités proposées dans le manager ou insérées via des codes HTML peuvent générer des défauts d'affichage sur les petits écrans. 

Ce tutoriel liste quelques bonnes pratiques pour conserver un affichage responsive sur tout type d'équipement.

Dans ce tutoriel, nous allons découvrir les différents types d'e-mails que vous pouvez recevoir, qu'ils soient liés à votre compte ou à votre site, les adresses mails associées au compte et site, et comment les gérer.

Attention : ce tutoriel ne traite pas des adresses e-mails en compte POP que vous pouvez créer suite à l'abonnement à l'offre Nom de domaine PRO.

Il est très facile de créer une playlist composée de fichiers MP3 de votre espace de stockage.

Voyons ensemble comment afficher une playlist de musique dans une page ou dans le menu vertical de votre site.

Les MP3 sont joués les uns à la suite des autres. C'est le widget idéal pour présenter vos compositions ou pour créer une web-radio sur votre site !

Sur SiteProPasCher, pour créer un site à votre image, nous vous proposons de choisir un thème et de le personnaliser pour donner l'apparence que vous souhaitez à votre site.

Pour cela, pas besoin de connaître le CSS car nous vous proposons d'utiliser des formulaires de personnalisation du design. Il y a quelques mots en gras qui méritent une définition, commençons par ça si vous le voulez bien.

L'outil de création de page vous permet de disposer facilement du contenu côte à côte (ce qui n'est pas évident avec faire avec l'éditeur visuel sans passer par un tableau).

Voyons ensemble comment positionner 3 images côte à côte ainsi que 3 paragraphe de texte, sans avoir à vous soucier des marges ou de la disposition du contenu. Avec cet outil de création de page, vous pourrez aussi facilement positionner une image à coté d'un paragraphe.

Avec l'éditeur visuel, il n'est pas évident de disposer du contenu côte à côte, sur une même ligne.

Cela nécessite souvent de gérer la marge autour de l'image ainsi la disposition de l'image par rapport au texte. Voici une solution efficace pour positionner une image à coté d'un texte. 

Dans votre manager, cliquez sur Ajouter une ligne puis ajoutez deux colonnes. A gauche, activez le widget image puis à droite activez un widget éditeur visuel (pour insérer le texte). Téléchargez votre image dans le widget image et placez votre texte à droite dans le widget éditeur visuel. Vous pouvez modifier la largeur de chaque colonne. Pour obtenir ce type de présentation, par exemple, nous avons appliqué une largeur de 35% pour le bloc de gauche et 65% pour le bloc de droite.

"Est-ce que mon site est bien ?" ou "comment puis-je créer un beau site ?" Il n'est pas forcément simple d'y répondre car le beau et le bien relèvent du subjectif.

Dans ce tutoriel, nous n'allons pas vous donner une formule magique à appliquer pour créer un beau site.

Non, nous allons plutôt lister quelques points à respecter (ou à éviter) au niveau du contenu ou du design pour vous aider à créer un site qui plaise à la majorité des internautes.

Créer un site, mais pourquoi faire ?

Savoir répondre à cette question vous permettra de bien démarrer sans vous égarer. Qu'allez-vous mettre comme contenu sur votre site ? Quels modules nécessitent d'être activés?  Quel public ciblez-vous ?

Il vous est parfois indispensable de récupérer les adresses URL de fichiers ou d'images qui se trouvent dans votre espace de stockage.

Voyons ensemble comment ajouter des fichiers dans votre espace de stockage et récupérer leur adresse. 

Comment afficher les boutons de partage sur les réseaux sociaux sur un site web ? Vous pouvez le faire via un plugin (affichage automatique en bas des contenus) ou un widget (affichage manuel à l'endroit de votre choix, dans une page ou un menu). C'est ce que nous allons voir dans ce tutoriel.

Ainsi, vous permettrez aux internautes qui visitent votre site de partager facilement votre contenu sur leur réseau social préféré.

Une newsletter est un document d'information envoyé par courrier électronique à une liste de diffusion regroupant l'ensemble des personnes qui y sont inscrites.

Depuis votre manager dans l'onglet Marketing, vous pouvez envoyer des newsletters (deux par mois en version gratuite ou Perso, 60 par mois à partir de la Version Pro).

Sur votre site, vous pouvez proposer aux internautes de s'abonner à votre newsletter. Voyons ensemble comment envoyer une newsletter. 

Vous pouvez créer un formulaire de contact sur votre site et le personnaliser selon votre besoin. Il vous permettra d'être contacté facilement sans afficher votre adresse mail sur votre site.

Le module Contact est idéal aussi pour créer un formulaire d'inscription, de réclamation ou encore une demande de devis par exemple. Voyons ensemble comment personnaliser un formulaire de contact sur son site web. 

Vous souhaitez empêcher vos visiteurs d'utiliser le clic droit sur votre site afin de protéger vos contenus et vos images? Diverses solutions s'offrent à vous pour faire cela.

Que votre vidéo soit hébergée sur Youtube, Dailymotion, Viméo (ou un site spécialisé dans l'hébergement et dans le visionnage de vidéo), vous pourrez très facilement l'afficher dans une page.

Voici un tutoriel qui vous permettra de comprendre comment ajouter une vidéo dans une page

Selon le thème que vous avez choisi, vous pouvez décider d'utiliser un ou deux menus verticaux pour votre site. Ils ont pour fonction principale de permettre la navigation dans les contenus de votre site. Vous pouvez y intégrer des liens vers des pages mais aussi par exemple vers les derniers sujets du forum, les derniers billets du blog, les meilleures ventes d’une boutique, etc.

Ils peuvent également intégrer des outils pratiques pour les visiteurs, comme un moteur de recherche, une barre de traduction, les widgets de facebook, ou le panier de votre boutique en ligne.

Quelle soit sur votre ordinateur, dans votre espace de stockage ou hébergée sur un quelconque site d'hébergement gratuit de fichiers, nous allons voir ensemble comment afficher une image dans une page (avec l'outil de création de page ou en passant par le widget Image).

Dans ce tutoriel, il s’agit d'apprendre à gérer les contenus du menu horizontal : les textes et les liens et non son apparence. Pour gérer l’apparence de votre site, il faudra se rendre dans Configuration > Apparence > Personnaliser.

Le menu horizontal du haut est généralement situé juste en dessous du titre de votre site et au dessus des contenus. Il permet la navigation sur vos pages principales.

Les deux méthodes suivantes vous permettent d'insérer un lecteur de musique dans vos pages (directement dans l'éditeur visuel ou en utilisant un widget).

Attention, diffuser de la musique peut être illégal si vous n’avez pas les droits nécessaires. Si vous souhaitez ajouter différents morceaux à la suite ou créer une web radio, nous vous recommandons de lire le tutoriel : afficher une playlist MP3 sur un site.

Pour que le fichier musical présent sur votre ordinateur fonctionne sur votre site, il faut qu'il soit dans un espace de stockage. Vous disposez d'un espace de stockage fichiers de2.5 Go en version pro. Votre fichier doit être au format MP3 et doit faire moins de 15Mo.

Vous souhaitez transmettre des fichiers à vos internautes sur votre site Internet (bulletin d'inscription, lettre type, composition musicale, vidéo ) ? Sachez que vous disposez d'un espace de stockage allant jusqu'á  5000Mo à partir de la Version Business pour héberger vos fichiers  

Voyons ensemble comment proposer à vos visiteurs de télécharger un fichier depuis une page de votre site.

Le lien hypertexte permet de passer d'une page web à une autre. Vous pouvez créer un lien à partir d'un mot ou d'une image vers une page de votre site ou une page externe.

Voici comment faire un lien avec les outils de l'éditeur visuel.

Ensemble, voyons comment créer une page, en ajoutant des lignes et des colonnes pour ajouter du contenu dynamique et réaliser une belle présentation facilement.

Pour créer une nouvelle page, rendez-vous dans votre manager dans  Modules > Pages et cliquez sur Ajouter une page.