Comment mettre des modèles CSS dans Weebly

Construire un site Web peut être intimidant lorsque vous démarrez votre propre entreprise. Si vous ne savez pas comment en créer un vous-même, vous devrez soit engager un concepteur, soit trouver un service avec des mises en page préconçues. Weebly n'est qu'un de ces services ; il offre un compte et un hébergement gratuits ainsi que des dizaines de mises en page différentes. Il utilise une interface cliquer-glisser pour ajouter du contenu à n'importe quelle page. Si vous avez un certain savoir-faire CSS ou souhaitez consulter le code source de votre site Web, Weebly propose un éditeur avancé pour CSS et HTML.

1

Connectez-vous à votre compte Weebly et cliquez sur "Modifier" à côté du site Web que vous souhaitez modifier. Si vous souhaitez créer un nouveau site Web, cliquez à la place sur le bouton "Ajouter un site".

2

Cliquez sur l'onglet «Conception» dans l'éditeur Weebly, la page qui vous permet de modifier et de personnaliser votre page Weebly.

3

Cliquez sur "Modifier HTML / CSS" dans le coin supérieur droit de la section d'aperçu de la page sous les conceptions disponibles. Cela ouvrira le CSS et le HTML de votre site Web Weebly actuel tel quel. Faites-vous une idée ; dans la barre latérale, vous verrez "main-style.css" ainsi qu'une page HTML pour chaque page de votre site Web.

4

Sélectionnez "main-style.css" pour afficher la feuille de style dans l'éditeur de Weebly. Vous pouvez saisir une feuille de style totalement personnalisée ou modifier la feuille de style telle que Weebly l'a conçue.

5

Modifiez tous les éléments nécessaires sur vos pages HTML. Si vous utilisez une mise en page CSS entièrement personnalisée, vous devrez entrer le code HTML correspondant à cette mise en page sur la page d'index et sur toutes les autres pages que vous avez ajoutées à votre site Web. Si vous le souhaitez toujours, vous pouvez utiliser l'éditeur Weebly pour le contenu, tel que "{content}" pour l'endroit où vous souhaitez que votre contenu Weebly soit. Vous pouvez également utiliser {footer} et {title} pour indiquer où vous souhaitez que Weebly insère du contenu.

6

Cliquez sur "Enregistrer" pour valider les modifications apportées à votre site Web Weebly.

Messages récents

$config[zx-auto] not found$config[zx-overlay] not found