[[wwLink={"linkPage":69703}|text=Editor courses]]

[[wwLink={"linkPage":99378}|text=Developers]]

Start building free

[[wwLink={"linkPage":69703}|text=Editor courses]]

[[wwLink={"linkPage":99378}|text=Developers]]

TRY WEWEB FREE

Introduction à l'éditeur

2:36

Introduction à l'éditeur

WeWeb est un éditeur de site internet , qui vous permet de créer facilement votre site entièrement fonctionnel et de mettre rapidement à jour son contenu ( texte ; image ; vidéo etc ) sans avoir besoin de compétences en programmation . Découvrons ensemble comment cela fonctionne.

Si vous n'avez pas encore de compte rendez-vous [[wwLink={"linkExt":"https://login.weweb.app/"}|text=ici]] sur notre page d'inscription. Inscrivez - vous à l'aide de votre adresse e-mail , l'inscription et la création d'un site sont gratuites .



Une fois votre site créé il apparaîtra sous la forme d'une carte . Cliquez sur la carte et accéder à votre "Dashboard" il s’agit du tableau de board de votre site qui vous permet de gérer tous ses paramètres .

Accéder à l'éditeur

Depuis le dashboard , accéder à l'éditeur en cliquant sur [[wwObject=2]]. Une fois ouvert votre site s'affiche dans l'éditeur tel qu’il est vu par vos visiteurs , c’est ce qu’on appel plus communément le WYSIWYG pour “what you see is what you get”. Il est constitué de différentes pages et chaque page

est en elle constituée de différentes sections représentées par une icône bleu en forme de stylo [[wwObject=5]]

Editer une section

Pour éditer une section cliquez sur son stylo et tous les éléments de la section deviennent éditables

par exemple :

[[wwObject=7]] Si vous souhaitez modifier un texte cliquez sur une zone de texte et ajouter votre texte , une barre de texte vous accompagne dans la mise en page de votre texte comme dans un éditeur de texte normale tel que Word.


[[wwObject=8]] Si vous souhaitez modifier un élément autre que du texte cliquez sur l'élément en question un pop-up apparaît et vous accompagne afin de réaliser l'action que vous souhaitez effectuer.

Par exemple : Si vous souhaitez ajouter des marges à une image , cliquez sur l'image pour qu’un petit pop-up apparaisse , choisissez "Margins" et ajouter des marges à votre image.

Lorsque vous cliquez sur "Options" dans le pop - up une fenêtre s'ouvre avec encore plus de choix d'options . Toujours accompagner une description vous indique à quoi correspond chaque options par exemple :



- Select Image vous permet de télécharger une nouvelle image depuis votre ordinateur.



- Change Image Style vous permet de modifier l'apparence de l'image ( ajouter des filtres , des bordures etc.)

[[wwObject=8]] Vous l'aurez compris cette logique est la même pour tous les éléments et toutes les actions.

Cliquez sur un élément pour le modifier et un pop - up vous accompagne pour mener l'action souhaité.

Ajouter une nouvelle section

Parce-qu'il s'agit de votre site et qu'il doit vous correspondre vous pouvez en toute liberté ajouter de nouvelles sections à votre page pour plus de personnalisation .


Et toujours dans un souci de vous accompagner nous mettons à votre disposition notre bibliothèque de plusieurs sections prêtes à être utilisées que vous pouvez ajouter à votre site . Vous trouverez de tous, une section portfolio pour présenter vos belles photos ou encore une section testimony pour afficher ce que disent vos clients de vous.



Pour ajouter une nouvelle section cliquez sur [[wwObject=8]] un volet de gauche s’ouvre cliquez à nouveau sur "Add section" comme indiquez sur l'image ci-dessous pour ouvrir la bibliothèque de sections.

une fois ouverte il ne vous reste plus qu'à sélectionner la section qui vous plaît et à l'ajouter en un clic sur votre page.

[[wwObject=8]] In this Website désigne toutes les sections disponibles dans le thème choisi

[[wwObject=8]] WeWeb désigne toutes les sections des différents thèmes dévéloppés par WeWeb

Ordonner les sections

Par défaut la section se met tout en bas de votre page, cliquez à nouveau sur [[wwObject=9]] et faites apparaître le volet de gauche. Saisissez l'icône en forme de menu burger pour déplacer la section et la placer là où vous souhaitez sur la page.

Prêt à vous amuser ? Crée votre site [[wwLink={"linkExt":"https://login.weweb.app/"}|text=WeWeb ]]dès maintenant !

Créer un site

1:22

Créer un site

Ça y est vous êtes enfin prêt à créer votre premier site mais vous ne savez toujours pas par où commencer ? Ne vous inquiétez pas nous sommes là pour vous aider.

S'inscrire sur WeWeb

Pour commencer inscrivez - vous gratuitement sur WeWeb en cliquant [[wwLink={"linkExt":"https://login.weweb.app/"}|text=ici]] .

Une fois votre compte créé, connectez - vous à l'aide de votre identifiant et mot de passe.

Créer un site

Une fois connecté cliquez sur [[wwObject=5]] pour accéder à une sélection variée et 100% personnalisable de modèle de site que nous mettons à votre disposition . Cliquez sur “PREVIEW” et prévisualiser chaque modèle.

Vous avez trouvez votre bonheur ? Cliquez sur "CHOOSE" pour choisir le modèle de votre choix.

Ensuite donnez un nom à votre site par exemple ( mon-super-site ) puis cliquez sur ok.


[[wwObject=1]] Attention le nom de votre site ne doit comporter ni espace ni caractère spéciaux.

Félicitation vous venez de créer votre nouveau site ! Il apparaît sous la forme d'une carte.

Dupliquer un site

Supposons que vous ne souhaitez pas un mais deux sites identiques parce-que vous vous adressez à deux cibles différentes . Pour dupliquer votre premier site rien de plus simple.

Cliquez à nouveau sur [[wwObject=1]]puis sur l’onglet “My WEBSITES” et choisissez la carte du premier site crée . Ici nous l'avons nommé ( mon_super_site) puis cliquez sur "CHOOSE" comme si vous choisissez un modèle de site.

Une fois choisi nommez à nouveau sans espace et sans caractères spéciales le nouveau site par exemple ( copiedemon-super-site) et cliquez sur "ok".


Et voilà votre nouveau site vient d’être créé et une nouvelle carte vient de s'ajouter à côté de la première.

[[wwObject=2]] Chaque carte correspond donc à un projet différent . Et chaque site peut servir de modèle pour un nouveau projet .

Prêt à devenir un expert en création de site web ? Crée votre site [[wwLink={"linkExt":"https://login.weweb.app/"}|text=WeWeb ]]dès maintenant !

Publication & gestion des versions

1:23

Getting started

Website management

Section edition

Elements edition

Animations

SEO / Meta data

WYSIWYG editor - Getting started

NAVIGATION

[[wwLink={"linkExt":"https://www.weweb.io/editor"}|text=Editor]]

[[wwLink={"linkExt":"https://www.weweb.io/components"}|text=Components]]

[[wwLink={"linkExt":"https://www.weweb.io/pricing"}|text=Pricing]]

LEARN

[[wwLink={"linkPage":69703}|text=Tutorials]]

[[wwLink={"linkExt":"https://learn.weweb.io/documentation"}|text=Documentation]]

COMPANY

[[wwLink={"linkExt":"https://www.weweb.io/legal-notice"}|text=Legal notice]]

[[wwLink={"linkExt":"https://policy.weweb.io/"}|text=Terms & conditions]]

[[wwLink={"linkExt":"https://jobs.stationf.co/companies/weweb"}|text=We are hiring!]]

COMMUNITY

© 2019 WEWEB SAS - All right reserved - contact@weweb.io