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

Stilisierte Abschnitte sind wirklich leistungsstarke Werkzeuge, die Ihnen helfen, den Inhalt Ihrer Website hervorzuheben und gleichzeitig die Dinge mit Ihrer eigenen künstlerischen Marke in Einklang zu bringen. Sie öffnen viele Türen für mehr Bild-, Farb- und Layoutoptionen, um Ihre Website ansprechend zu halten.

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

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

Ein Schlüssel zu einem großartigen Website-Design besteht darin, das Auge Ihres Website-Besuchers auf der Seite zu bewegen. Änderungen in Farbe, Textur und Bewegung können dabei helfen, die alle durch benutzerdefinierte Abschnittsstile erreicht werden können. Es gibt so viele Aspekte, über die Sie nachdenken müssen, und Sie fragen sich vielleicht: Können Sie ein Band-Website-Design erstellen, das Ihre Inhalte hervorhebt, ohne zu überladen zu sein?

Jawohl! Der Schlüssel besteht darin, ein solides Farbschema zu erstellen und einige großartige strukturelle 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 gestylten Abschnitten zu erstellen!

Organisieren Sie Ihre Inhalte

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

Sie können beispielsweise gestylte Abschnitte verwenden, um auf Ihre Mailinglisten-Anmeldefunktion aufmerksam zu machen, oder einen Abschnitt in drei Spalten aufteilen, um drei Bild- und Textfunktionen für einige nette Calls-to-Action auf der Startseite hinzuzufügen. Dies ist im Beispiel unten zu sehen.

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

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 oben links im Abschnitt auf die Schaltfläche „Spalten bearbeiten“ klicken. Sie können zwischen 1, 2 und 3 Spalten wählen, mit einigen asymmetrischen Optionen für die linke oder rechte Seitenleiste.

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 können Sie Ihren Abschnittshintergrund sowie Text-, Link- und Schaltflächenfarben anpassen. Hier legen Sie den Ton für die Abschnitte auf Ihrer Website fest – Sie können kontrastreiche Farben zwischen den Abschnitten einstellen oder sich für subtilere Farbunterschiede entscheiden – was immer zu Ihrer Ästhetik passt.

Wie bei den anderen Designoptionen für Ihre Band-Website-Vorlagen würden Sie Ihre Abschnittsstile auf der Registerkarte "Thema bearbeiten" des Kontrollfelds anpassen.

Scrollen Sie in den Theme-Editor-Optionen auf der linken Seite einfach nach unten zu Ihren 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 Thema 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 und Bildlaufeffekt und Abschnittsauffüllung.

Sie können dem Abschnitt auch einen optionalen Titel hinzufügen und die Ausrichtung dieses Titels nach Ihrem Geschmack anpassen. Dieser Titel kann auch als Untermenüpunkt hinzugefügt werden, wenn Sie den Schalter „Im Menü anzeigen“ auf „Ein“ schalten. 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ü.

Um den Abschnittsabstand zu ändern, klicken Sie auf „Abschnittsabstand“ und wählen Sie zwischen keiner, klein, mittel, groß oder extra groß. Das Auffüllen bietet mehr Abstände am oberen und unteren Rand des Inhalts in einem Abschnitt und kann Leerräume für ein poliertes Aussehen schaffen.



Klicken Sie auf „Speichern“, um alle diese Änderungen zu speichern. Ich werde weiter unten auf die Optionen für das Hintergrundbild eingehen, da hier so viel Potenzial steckt!

Hintergrundbild hinzufügen

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 auf Ihrer Website ein Hintergrundbild festlegen, sodass es vollständig bildbasiert ohne einfarbige Farbblöcke ist. Dies ist ein wirklich mächtiger Schritt, wenn Sie eine sehr visuell orientierte 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 Site, die ich mit verschiedenen Himmels- und Wolkenbildern erstellt habe: Requiem für Himmel

Um einem Abschnitt ein Hintergrundbild hinzuzufügen, klicken Sie erneut auf „Abschnitt bearbeiten“ und dann auf „Hintergrundbild“. Klicken Sie von hier aus 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 „Anwenden“. 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 bei einem niedrigen Prozentsatz (unter 20 %) belassen. Aber wenn das Bild dem Inhalt hier nicht im Weg steht, können Sie es ein wenig aufpeppen. In meinem Beispiel hier habe ich die Transparenz auf 70% gesetzt. 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 erzeugt einen ordentlichen dreidimensionalen Effekt, da das Hintergrundbild mit einer etwas anderen Geschwindigkeit als die Seite selbst scrollt. Der Effekt Fester Bildlauf fixiert das Bild im Hintergrund und der Rest des Inhalts scrollt darüber. Mit diesen können Sie nach Bedarf herumspielen. Klicken Sie erneut auf „Speichern“, um diese Änderungen zu übernehmen.

Viel Spaß beim Spielen mit benutzerdefinierten Abschnittsstilen!

Wie Sie an diesen Beispielen erkennen können, macht die Arbeit mit den Gestaltungs- und Layoutoptionen, die die Abschnitte bieten, so viel Spaß. Sie machen es einfach, eine schöne Musik-Website zu gestalten. Viele unserer Website-Vorlagen enthalten einige vorgefertigte gestylte Abschnitte, die Ihnen den Einstieg erleichtern, und alle sind auch für Mobilgeräte geeignet. Ich hoffe, dieser Beitrag gibt Ihnen das Vertrauen, 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!