WebMasterService N3rds@Work

4. Globale Upfront Theme-Einstellungen

Wikis > UpFront Wiki > 4. Globale Upfront Theme-Einstellungen

Mit den globalen Design-Einstellungen von Upfront können Sie über eine einzige Benutzeroberfläche Änderungen an Ihrem Design vornehmen. Mit diesen Tools können Sie die Typografie und die Designfarben Ihrer Website anpassen und globale CSS-Stile hinzufügen / bearbeiten.

upfront_global_settings_overview

4.1 Globaler Hintergrund

Link to chapter 1

Mit der Einstellung “Globaler Upfront-Hintergrund” können Sie einen einheitlichen Hintergrund für alle Seiten Ihrer Website erstellen.

upfront_global_background_settings

Die drei Arten von globalem Hintergrund, die Upfront zulässt, sind Volltonfarben, Bilder und Videos. In diesem Bereich, auf den Sie durch Klicken auf „Global Theme BG“ im Upfront-Editor-Bereich zugreifen, können Sie den globalen Hintergrundtyp auswählen und anpassen sowie eine globale Breite für alle Bereiche mit enthaltener Breite festlegen, die Sie in verwenden Thema.

4.2 Regionen

Link to chapter 2

Globale Regionen werden auf jeder Seite Ihrer Site angezeigt, und jedes Upfront-Starter-Thema enthält eine Handvoll globaler Regionen. Sie können diese Regionen bearbeiten und löschen, indem Sie im Upfront-Editor auf den Link Globale Regionen bearbeiten klicken.

edit_delete_upfront_global_regions

Globale Regionen sind praktisch, um konsistente Kopfzeilen, Menübereiche, Fußzeilen und Seitenleisten zu erstellen.

4.3 Globales CSS

Link to chapter 3

Upfront bietet Ihnen mehrere Optionen zum Anpassen des CSS eines Themas. Einzelne Elemente und Bereiche können während der Bearbeitung mit CSS angepasst werden. Möglicherweise müssen Sie jedoch globale Stile anwenden. Mit der globalen CSS-Option in Upfront können Sie dies einfach und schnell tun.

Klicken Sie auf den Link “Globales CSS”, um zu beginnen.

upfront_global_css

4.4 Schriften

Link to chapter 4

Upfront wurde in Google Fonts integriert, um die Erstellung schöner Typografien so einfach wie möglich zu gestalten. Sie können Ihren Designs beliebig viele Google-Schriftarten hinzufügen. Denken Sie daran, dass Schriftarten ressourcenintensiv sein können. Berücksichtigen Sie daher nur die Schriftarten und Schriftvarianten, die Sie benötigen. Wir empfehlen nicht mehr als sieben Schriftarten, um einen reibungslosen Betrieb Ihrer Website zu gewährleisten. Ihre Laufleistung kann je nach Art der verwendeten Serverumgebung und der Ressourcenintensität Ihrer Site außerhalb von Upfront variieren.

upfront_font_manager

Suchen Sie die hinzuzufügende Schriftart im Menü auf der linken Seite und klicken Sie auf “Hinzufügen”, um sie in Ihr aktuelles Design aufzunehmen.

4.5 Themenfarben

Link to chapter 5

Upfront bietet Ihnen auch ein praktisches Tool zum Verwalten der in Ihrem Thema verwendeten Farben. Wenn Sie auf die Registerkarte Themenfarben klicken, wird eine Liste der aktuell verwendeten Themenfarben angezeigt.

upfront_global_theme_colors

Wie Sie im obigen Screenshot sehen können, können die Upfront-Farbcodes genau wie die HEX-Werte in Ihrem Theme-CSS verwendet werden.

Wiki-Kategorie:

Durch die weitere Nutzung der Website stimmst Du der Verwendung von Cookies zu. Mehr Information

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um Dir das bestmögliche Surferlebnis zu bieten. Wenn Du diese Website weiterhin nutzt, ohne Deine Cookie-Einstellungen zu ändern, oder unten auf "Akzeptieren" klickst, stimmst Du dem zu.

Schließen