Créez votre première page

Avec Web. mvc

par Danny Waser | 5 avril 2020


None

Vous venez de terminer l’installation de votre site Web.mvc ? Vous ne savez pas par où commencer ? Vous êtes au bon endroit.

Dans cette article, nous allons voir comment créer une page facilement, y ajoutez du contenu, le mettre en forme et le partager au monde entier.

Découvrir la vidéo

Etape 1

Organisez vos pages

Cliquez sur le nom de votre site dans la barre d’administration et rendez-vous dans le menu Pages pour organiser l’arborescence des page du site.

D’ici vous pouvez créer, modifier ou supprimer les pages de votre site.

Les pastilles de couleur indique l’état de la page. Bleu lorsque des modification sont en cours et vert lorsque la page est publiée. Vous pouvez cliquer sur la pastille pour afficher des options contextuelles.

Si vous ne voulez pas qu’une page apparaisse dans le menu de navigation (la page d’accueil par exemple), vous pouvez décocher la case Menu de la page concernée.

Vous pouvez réorganiser l’ordre des pages dans le menu en les glissant à l’emplacement désiré.

En imbriquant une page sous une autre vous créez un menu glissant.

Etape 2

Créez une page

Pour créer une page, vous avez plusieurs options.

Menu d’administration

Dans la page d’administration Arborescence des pages, cliquez sur le bouton Nouvelle page .

Barre d’administration

Dans le menu Page de la barre d’administration, cliquez sur Créer une page puis sur Nouvelle page.

Assistant de création

Ouvrez l’assistant de création en cliquant sur le bouton Créer dans la barre d’administration et sélectionnez Nouvelle page.

Choisissez un titre à votre page et cliquez sur Créer.

Etape 3

Ajoutez du contenu

Pour ajouter du contenu à votre page, assurez vous tout d’abord d’être en mode édition. Pour cela vérifiez que l’option  Vue publiée s’affiche dans la barre d’administration. Si non cliquez sur Modifier .

Une fois en mode édition, cliquez sur l’icône des composants  à droite du bouton Vue publiée  ou appuyez sur la touche espace.

Voici l’espace Contenu de la page. Ajoutez-y vos composants en cliquant sur l’icône plus .

Vous avez le choix parmi une large gamme de composants. Voici les plus importants.

Zone de texte

Comme son nom l’indique, ce composant vous permet d’ajouter une zone de texte sur votre page. Tel qu’une application de traitement de texte classique, vous avez la possibilité de changer le style du texte, sa couleur, son alignement, de créer des listes, d’ajouter des liens et bien plus encore. Il y a même un correcteur orthographique intégré.

Formulaire

Ce composant permet de créer un formulaire à remplir sur la page. Vous pouvez choisir les champs, choisir de recevoir un mail lorsqu’un utilisateur à rempli le formulaire et même le rediriger sur une autre page si vous le souhaitez.

Image

Le composant essentiel pour donner un peu de vie à votre page. Celui-ci vous permet de choisir une image, de changer sa taille, son apparence et de lui attribuer un lien.

Système de grille

Il peut être très utile de pouvoir créer plusieurs colonnes pour arranger votre contenu. Pour cela, il existe plusieurs composants.

Le composant Rangée permet de créer une rangée afin que tout les composants qu’il contient soit disposés sur la même rangée.

Dans une rangée, vous pouvez ajouter autant de colonnes que vous le souhaitez. Donnez leurs la largeur qu’il vous plait grâce à un system duodécimal de grille qui s’adapte à tout les appareils.

Et bien plus encore

Evidement vous disposez de bien d’autres composants pour vos pages. Tel que des cartes, une newsletter et bien d’autres.

Vous avez également accès à la plupart des composants Bootstrap 4.

Etape 4

Changez de gabarit

Une page blanche c’est bien, mais parfois ça ne suffit pas. Pour cela il y’a les gabarit de pages.

Dans l’option Page de la barre d’administration, sous Modèles, vous trouverez toutes sortes de gabarits pour vos pages. Cela dépendra principalement du thème que vous avez choisit mais voici les plus communs.

Page blanche

Gabarit par défaut, il s’agit d’une page de base.

Pied de page

Ce gabarit basé sur une page blanche contient également un pied de page.

Vous pouvez modifier le pied de page comme n’importe quel contenu de page grâce à l’espace de composants Pied de page. Notez que le pied de page est identique sur toutes les pages qui en possèdent un.

Fonctionnalité

Il est parfois souhaitable de mettre en avant une partie du contenu. Pour la page d’accueil par exemple. 

Avec ce gabarit, vous avez accès à un nouvel espace de composants pour ajouter le contenu à mettre en avant. Vous pouvez généralement y ajouter un composant Image de fond pour embellir votre contenu.

Barre latérale

Parfois, il peut être utile d’afficher du contenu contextuel aux cotés du contenu principal de la page. Dans un blog par exemple, pour afficher les catégories ou des articles mis en avant.

Ce gabarit vous donne accès à un nouvel espace Barre latérale pour y ajouter du contenu contextuel.

Etape 5

Publiez la page

Une fois que vous êtes satisfait du rendu de votre page, vous pouvez la publier un cliquant sur le bouton  publier la page maintenant dans la barre d’administration.

Vous pouvez également définir une date ultérieure à laquelle la page sera publiée dans les paramètres de la page.

Conclusion

Il est très facile de créer et de gérer des pages avec Web.mvc, d’y ajoutez du contenu, de le mettre en forme et le rendre accessible à tous en quelques minutes.

Essayez Web.mvc dès à present. Satisfait ou remboursé pendant 14 jours.

Articles liés

None

Commencer un Blog de A à Z

Avec Web.mvc

Vous avez besoin d’un blog personnalisé et sécurisé rapidement ? Vous n’avez encore jamais créé de blog et vous ne savez pas trop comment vous y prendre ?

None

Comment créer un site Internet

Avec Web.mvc

Vous avez besoin d'un site Internet rapidement ? Vous ne savez pas comment vous y prendre ? Grâce à Web.mvc vous avez la possibilité de créer facilement et rapidement votre site Internet.

None

Créez un site open source gratuitement

Avec Web.mvc

Web.mvc est un outil de création de site Internet facile, rapide et surtout open source. Cela signifie que vous pouvez commencer dès à present à créer votre site Internet gratuitement en utilisant la version Source de Web.mvc.