So verwenden Sie gestaltete Abschnitte, um das Design Ihrer Band-Website anzupassen

Gestylte Abschnitte sind wirklich leistungsstarke Tools, mit denen Sie den Inhalt Ihrer Website hervorheben können, während die Dinge mit Ihrer eigenen künstlerischen Marke zusammenhängen. Sie öffnen viele Türen, um mehr Bilder, Farben und Layoutoptionen hinzuzufügen, damit Ihre Website ansprechend bleibt.

Während Abschnitte auf einseitigen Websites besonders hilfreich sein können, können sie sicherlich auf jede Seite Ihrer Website angewendet werden, auf der Sie die Aufmerksamkeit und Differenzierung auf die von Ihnen hinzugefügten Funktionen lenken möchten.

Es gibt viele Aspekte, die berücksichtigt werden müssen, um sicherzustellen, dass das Design Ihrer Band-Website gründlich und professionell ist, wie eine effektive Biografie, eine großartige Musikseite und ein EPK. Sobald Sie Ihre Musik-Website erstellt haben und Ihre Hauptinhalte vorhanden sind, können Sie ein wenig tiefer graben und einige Abschnitte anpassen, um eine Website zu erstellen, die Ihrem Stil entspricht.

Ein Schlüssel zu großartigem Website-Design besteht darin, das Auge Ihres Website-Besuchers über die Seite zu bewegen. Änderungen in Farbe, Textur und Bewegung können dabei helfen, was alles durch benutzerdefinierte Schnittstile erreicht werden kann. Hier gibt es so viele Aspekte zu bedenken, und Sie fragen sich vielleicht: Können Sie ein Band-Website-Design erstellen, das Ihre Inhalte hervorhebt, ohne zu überladen zu sein?

Ja! Der Schlüssel liegt darin, sich ein einfarbiges Schema auszudenken und einige großartige strukturierte Bilder zu finden, die Sie auf Ihrer gesamten Website verwenden können. Hier ist eine exemplarische Vorgehensweise für die Schritte, die Sie befolgen müssen, um eine schöne Website mit gestalteten Abschnitten zu erstellen!

Organisieren Sie Ihre Inhalte

Ein Abschnitt ist im Wesentlichen ein Bereich auf einer Seite, dem Sie Funktionen hinzufügen können. Es ist schön, Abschnitte zu verwenden, um Dinge nach Kategorien aufzuteilen oder um eine bestimmte Funktion auf einer Seite hervorzuheben.

Sie können beispielsweise gestaltete Abschnitte verwenden, um die Aufmerksamkeit auf Ihre Mailinglisten-Registrierungsfunktion zu lenken, oder einen Abschnitt in drei Spalten aufteilen, um drei Bild- und Textfunktionen für einige nette Handlungsaufforderungen auf der Startseite hinzuzufügen. Dies ist im Beispiel unten zu sehen.

Es ist ganz einfach, einen Abschnitt zu jeder Seite in Ihrem Steuerungsfeld hinzuzufügen. Bewegen Sie unter „Inhalt bearbeiten“ Ihre Maus über das Seitenlayout – Sie werden sehen, dass eine blaue „+Abschnitt hinzufügen“-Schaltfläche über oder unter einem vorhandenen Abschnitt erscheint.

Klicken Sie auf diese Schaltfläche, um einen neuen Abschnitt hinzuzufügen!

Sie können hier auch die Spalten für jeden einzelnen Abschnitt anpassen, indem Sie auf die Schaltfläche „Spalten bearbeiten“ oben links im Abschnitt klicken. Sie können zwischen 1, 2 und 3 Spalten wählen, mit einigen asymmetrischen Optionen für linke oder rechte Seitenleisten.

Passen Sie Ihre Abschnittsstile an

Für etwas mehr künstlerisches Flair können Sie auf der Registerkarte Thema bearbeiten bis zu drei verschiedene Abschnittsstile einrichten. In Ihren Abschnittsstilen passen Sie Ihren Abschnittshintergrund sowie Text-, Link- und Schaltflächenfarben an. Hier geben Sie wirklich den Ton für die Abschnitte auf Ihrer Website an – Sie können kontrastreiche Farben zwischen den Abschnitten festlegen oder sich für subtilere Farbunterschiede entscheiden – was auch immer zu Ihrer Ästhetik passt.

Wie bei den übrigen Designoptionen Ihrer Band-Website-Vorlage würden Sie Ihre Abschnittsstile unter der Registerkarte „Design bearbeiten“ des Steuerungsfelds anpassen.

Scrollen Sie in den Design-Editor-Optionen auf der linken Seite einfach nach unten zu den Optionen „Abschnittsstil 1“, „Abschnittsstil 2“ und „Abschnittsstil 3“, wählen Sie Ihre Farbeinstellungen aus, und wenn Sie alles richtig eingestellt haben, klicken Sie auf „ save', um Ihre Änderungen zu übernehmen.

Legen Sie Ihre Abschnittseigenschaften fest

Nachdem Sie Ihre Abschnittsstile auf der Registerkarte „Design bearbeiten“ festgelegt haben, können Sie zur Registerkarte „Inhalt bearbeiten“ zurückkehren und verschiedene Eigenschaften auf die Abschnitte auf Ihrer Website anwenden. Bewegen Sie den Mauszeiger über einen Abschnitt und klicken Sie in der oberen linken Ecke dieses Abschnitts auf „Abschnitt bearbeiten“. Die Eigenschaften, die Sie anpassen können, sind Abschnittsfarben (aus den von Ihnen festgelegten Abschnittsstilen), Hintergrundbild & Bildlaufeffekt und Abschnittsfüllung.

Sie können dem Abschnitt auch einen optionalen Titel hinzufügen und die Begründung dieses Titels nach Ihrem Geschmack anpassen. Dieser Titel kann auch als Untermenüpunkt hinzugefügt werden, wenn Sie den Schalter „Im Menü anzeigen“ aktivieren. Dies wird verwendet, wenn Sie auf einer bestimmten Seite ziemlich viele Inhalte haben und einen einfacheren Weg bieten möchten, auf all diese Inhalte zuzugreifen.

Um die Abschnittsfarben zu ändern, klicken Sie auf „Abschnittsfarben“ und wählen Sie dann einen Abschnittsstil aus dem Dropdown-Menü aus.

Um die Abschnittsfüllung zu ändern, klicken Sie auf „Abschnittsfüllung“ und wählen Sie aus „Keine“, „Klein“, „Mittel“, „Groß“ oder „Extra groß“. Padding sorgt für mehr Abstand am oberen und unteren Rand des Inhalts in einem Abschnitt und kann Leerraum für ein elegantes Aussehen schaffen.



Klicken Sie auf „Speichern“, um alle diese Änderungen zu speichern. Ich werde die Optionen für Hintergrundbilder weiter unten näher erläutern, da hier so viel Potenzial steckt!

Fügen Sie ein Hintergrundbild hinzu

Die Möglichkeiten mit Abschnittshintergrundfunktionen sind endlos mit der zusätzlichen Textur, Tiefe und dem persönlichen Stil, die diese bieten. Theoretisch könnten Sie für jeden Abschnitt Ihrer Website ein Hintergrundbild festlegen, sodass es vollständig bildbasiert ist und keine festen Farbblöcke enthält. Dies ist ein wirklich starker Schritt, wenn Sie eine sehr visuell ausgerichtete Website erstellen möchten.

Dabei ist es wichtig, den Zusammenhalt im Auge zu behalten. Sie sollten sicherstellen, dass alle diese Bilder in einer ähnlichen Farbpalette liegen und nicht viele Details enthalten. Hier ist ein Beispiel für eine Website, die ich mit verschiedenen Bildern von Himmel und Wolken erstellt habe: requiem for sky

Um einem Abschnitt ein Hintergrundbild hinzuzufügen, klicken Sie erneut auf „Abschnitt bearbeiten“ und dann auf „Hintergrundbild“. Klicken Sie hier auf „Bild hinzufügen“ und laden Sie entweder ein neues Bild hoch oder wählen Sie ein Bild aus Ihrer Bildauswahl aus. Klicken Sie auf „Übernehmen“. Sie können das Bild dann nach Bedarf zuschneiden und vergrößern und auf Speichern klicken.

Von hier aus können Sie die Bildtransparenz einstellen. Abhängig vom Inhalt des Abschnitts möchten Sie die Bildtransparenz möglicherweise auf einem niedrigen Prozentsatz (unter 20 %) belassen. Aber wenn das Bild dem Inhalt hier nicht im Wege steht, können Sie es ziemlich aufpeppen. In meinem Beispiel hier habe ich die Transparenz auf 70 % eingestellt. Sie können auch einen anderen Abschnittsstil auswählen, um einen farbigen Hintergrund mit dem ausgewählten Bild zu kombinieren.

Stellen Sie als Nächstes Ihren Scroll-Effekt ein. Sie können dies weglassen, aber wir haben ein paar Optionen, die sehr schön sind. Der Parallax-Scroll-Effekt ergibt einen ordentlichen dreidimensionalen Effekt, da das Hintergrundbild mit einer etwas anderen Geschwindigkeit als die Seite selbst scrollt. Der Fixed-Scroll-Effekt fixiert das Bild im Hintergrund, und der Rest des Inhalts scrollt darüber. Sie können mit diesen nach Bedarf herumspielen. Klicken Sie erneut auf „Speichern“, um diese Änderungen zu übernehmen.

Viel Spaß beim Spielen mit benutzerdefinierten Abschnittsstilen!

Wie Sie diesen Beispielen entnehmen können, macht die Arbeit mit den Gestaltungs- und Layoutoptionen, die Abschnitte bieten, so viel Spaß. Sie machen es einfach, eine schöne Musik-Website zu gestalten. Viele unserer Website-Vorlagen enthalten einige vorgefertigte, gestaltete Abschnitte, um Ihnen den Einstieg zu erleichtern, und alle sind auch für Mobilgeräte geeignet. Ich hoffe, dieser Beitrag gibt Ihnen das Selbstvertrauen, all diese Möglichkeiten auszuprobieren!

Entwerfen Sie in wenigen Minuten eine professionelle, für Mobilgeräte geeignete Website, die einfach zu aktualisieren und zu warten ist. Erstellen Sie noch heute Ihre Band-Website mit Bandzoogle!