Wie man CSS-Vorlagen in Weebly einfügt

Das Erstellen einer Website kann entmutigend sein, wenn Sie gerade erst mit Ihrem eigenen Geschäft beginnen. Wenn Sie nicht wissen, wie Sie selbst eines bauen sollen, müssen Sie entweder einen Designer einstellen oder einen Service mit vorgefertigten Layouts suchen. Weebly ist nur einer dieser Dienste; Es bietet ein kostenloses Konto und Hosting sowie Dutzende verschiedener Layouts. Es verwendet eine Click-and-Drag-Schnittstelle zum Hinzufügen von Inhalten zu jeder Seite. Wenn Sie über CSS-Know-how verfügen oder den Quellcode Ihrer Website anzeigen möchten, bietet Weebly einen erweiterten Editor für CSS und HTML an.

1

Melden Sie sich bei Ihrem Weebly-Konto an und klicken Sie neben der Website, die Sie ändern möchten, auf "Bearbeiten". Wenn Sie eine neue Website erstellen möchten, klicken Sie stattdessen auf die Schaltfläche "Site hinzufügen".

2

Klicken Sie im Weebly-Editor auf die Registerkarte "Design", der Seite, auf der Sie Ihre Weebly-Seite ändern und anpassen können.

3

Klicken Sie in der oberen rechten Ecke des Seitenvorschaubereichs unter den verfügbaren Designs auf "HTML / CSS bearbeiten". Dadurch werden CSS und HTML für Ihre aktuelle Weebly-Website so wie sie ist geöffnet. Bekommen Sie ein Gefühl dafür; In der Seitenleiste sehen Sie "main-style.css" sowie eine HTML-Seite für jede Seite Ihrer Website.

4

Wählen Sie "main-style.css", um das Stylesheet im Editor von Weebly anzuzeigen. Sie können ein vollständig benutzerdefiniertes Stylesheet eingeben oder das Stylesheet so bearbeiten, wie es von Weebly entworfen wurde.

5

Ändern Sie alle erforderlichen Elemente auf Ihren HTML-Seiten. Wenn Sie ein vollständig benutzerdefiniertes CSS-Layout verwenden, müssen Sie den passenden HTML-Code für dieses Layout auf der Indexseite und allen anderen Seiten eingeben, die Sie Ihrer Website hinzugefügt haben. Wenn Sie dennoch möchten, können Sie den Weebly-Editor für Inhalte verwenden, z. B. "{content}", um die gewünschten Weebly-Inhalte anzuzeigen. Sie können auch {footer} und {title} verwenden, um zu kennzeichnen, wo Weebly Inhalte einfügen soll.

6

Klicken Sie auf "Speichern", um die Änderungen auf Ihrer Weebly-Website zu übernehmen.

kürzliche Posts

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