WebMasterService N3rds@Work

UpFront Wiki

Wikis > UpFront Wiki

Willkommen bei Upfront!

Dieser Leitfaden führt Sie in Upfront als Themenrahmen ein. Hier erfahren Sie, wie Sie den Upfront Core, die Upfront-Starter-Themes und das Upfront Builder-Plugin installieren.

Um tiefer in die Magie von Upfront einzutauchen, möchten wir Sie bitten, sich uns anzuschließen Upfront course auf der WPMU DEV Academy!

1.1 Upfront-Grundlagen

Link to chapter 1

Upfront ist ein revolutionäres Themen-Framework, mit dem sich schöne, anspruchsvolle Websites intuitiv erstellen lassen und Spaß machen! Unser Upfront-Team hat das einfache Ziehen und Ablegen für Anfänger mit einem erweiterten Funktionsumfang kombiniert, der sowohl für professionelle Designer als auch für Entwickler perfekt ist.

Upfront-Komponenten

Upfront besteht aus drei Hauptkomponenten:

  • Upfront core — Dies ist der Rahmen selbst. Der Upfront-Core muss installiert sein, um eines unserer Upfront-Starter-Themes oder das Upfront Builder-Plugin verwenden zu können.
  • Upfront starter themes — Dies ist unsere wachsende Bibliothek vorgefertigter Upfront-Themen. In Kapitel 2 wird erläutert, wie Sie ein Upfront-Starter-Thema installieren.
  • Upfront Builder Plugin — Mit dem Builder-Plugin können Sie Ihre eigenen Upfront-Designs von Grund auf neu erstellen oder ein vorhandenes Design ändern, das Sie auf mehreren Websites verwenden möchten. Das Builder-Plugin hat ein eigenes Dokument, „Using Upfront Builder“, in dem Sie mehr über die Funktionsweise des Plugins neben Upfront erfahren können. In Kapitel 3 dieses Dokuments wird die Installation des Upfront Builder-Plugins erläutert.

Upfront Struktur

uf-layers-800x581

Das obige Diagramm zeigt die Struktur eines Upfront-Themas am Beispiel der Homepage des Panino-Themas. Die Struktur besteht aus drei Ebenen: Global Theme BG, Regions und Elements. Der Global Theme BG-Layer ist auf der Panino-Homepage nicht zu sehen. Wenn jedoch für eine der Regionen eine Volltonfarbe mit einer Deckkraft von 0% festgelegt wird, wird Global Theme BG angezeigt.

Das folgende Diagramm ist eine Verknüpfung und beschreibt, wo auf die oben genannten Ebenen zugegriffen und diese bearbeitet werden können.

updated_areas-access-800x392

Hinter den Kulissen von Upfront

Upfront funktioniert etwas anders, je nachdem, mit welcher Methode Sie Ihr Design ändern.

  • Wenn Sie Ihr Thema mit dem Upfront-Editor ändern, auf den Sie durch Klicken auf den Upfront-Link in Ihrer WordPress-Administrationsleiste zugreifen, werden alle Änderungen in Ihrer WordPress-Datenbank gespeichert.
  • Wenn Sie ein Starter-Design ändern oder ein neues Design von Grund auf in Upfront Builder erstellen, werden PHP-Dateien und eine Ordnerstruktur erstellt, die die durchschnittlichen WordPress-Designs widerspiegelt. Diese Methode wird für Benutzer benötigt, die die von ihnen erstellten Upfront-Starter-Designs verteilen möchten.

1.2 Auswählen und Installieren eines Upfront Starter-Themas

Link to chapter 2

Wir haben einige erstaunliche Starter-Themes erstellt, um Ihnen den Einstieg in Upfront zu erleichtern. Jedes wurde für eine bestimmte Nische entworfen, und die Schönheit unserer Starterthemen liegt in ihrer Flexibilität. Wenn es kein Starter-Thema gibt, das Ihren speziellen Anforderungen entspricht, können Sie ganz einfach ein Thema mit Elementen finden, die Ihnen gefallen, und es an Ihre Anforderungen anpassen.

Eine allgemeine Übersicht über die Installation von Plugins und Themes finden Sie in unserer Installing WPMU DEV Plugins and Themes doc.

Um ein Starter-Theme zu installieren, haben Sie drei Möglichkeiten:

  1. Installieren Sie ein Starter-Design über das WPMU DEV-Dashboard. Dadurch wird automatisch Upfront Core heruntergeladen und beide in Ihrem Ordner / wp-content / themes installiert.
  2. Laden Sie Upfront Core und das Starter-Thema Ihrer Wahl von den Projektseiten hier auf WPMU DEV herunter (Links folgen jedem Vorschaubild unten) und laden Sie es über Themen> Neu hinzufügen> In Ihren WordPress-Administrationsbereich hoch.
  3. Laden Sie es wie oben beschrieben herunter, entpacken Sie die Dateien und laden Sie die Ordner mit den Startthemen per FTP in Ihr Verzeichnis wp-content / themes / hoch.

Fixer

Fixer ist ein kühnes, unterhaltsames Thema, das Kunden zum Kauf Ihrer Dienste verleitet.

Fixer Upfront theme preview

Download Fixer

Play with the Fixer Demo

Gillie

Gillie ist ein Thema für YouTube-Nutzer, die eine Webseite zur Bewerbung ihres Kanals mit einem Hauch Avantgarde haben möchten.

Gillie Upfront theme preview

Download Gillie

Play with the Gillie Demo

Issue

Issue ist ein Traum für Blogger. Mit einer Titelseite, bei der Ihre Leser nicht widerstehen können, Sie anzuklicken .

Issue Upfront theme preview

Download Issue

Play with the Issue demo

Luke & Sara

Luke & Sara wurde für Fotografen entwickelt und ist ein ideales Thema, um Fotos zum Platzen zu bringen.

Luke and Sara Upfront theme preview

Download Luke & Sara

Play with the Luke & Sara demo

Panino

Panino wurde für Restaurants gebaut und hat bekanntermaßen mehrere WPMU DEV-Teammitglieder hungrig gemacht, während sie daran arbeiteten. Panino kombiniert eine reichhaltige Verwendung von Farben mit wunderschönen Bildern und trendiger Typografie.

Panino Upfront theme preview

Download Panino

Play with Panino demo

Parrot

Parrot soll Ihnen beim Verkauf Ihrer App helfen. Parrot ist unkompliziert und minimalistisch und hilft dabei, eine App auf saubere und effiziente Weise zu präsentieren, um die Aufmerksamkeit auf sich zu ziehen.

Parrot Upfront theme preview

Download Parrot

Play with Parrot demo

Scribe

Schriftsteller und Typografie-Liebhaber werden sich über den eleganten und raffinierten Ton von Scribe freuen.

scribe700x448-1

Download Scribe

Play with Scribe demo

Spirit

Spirit ist ein beruhigendes, erhebendes Thema, das sich perfekt für Yoga und Tanzstudios eignet. So können Sie Ihre Räumlichkeiten und Unterrichtsstunden wunderschön präsentieren.

Spirit Upfront theme preview

Download Spirit

Play with Spirit demo

1.3 Installieren des Upfront Builder-Plugins

Link to chapter 3

Wie der Name schon sagt, die Upfront Builder wird nicht zusammen mit Ihren Upfront-Themen oder dem Upfront-Kern in wp-content / themes / installiert. Es ist in / wp-content / plugins / installiert.

Wie bei unseren anderen Produkten können Sie die Installation über unser Dashboard-Plugin auf Ihrer Site oder durch Herunterladen von der Upfront Builder-Produktseite und Hochladen über FTP oder über Plugins> Neu hinzufügen> Hochladen durchführen.

Aktivieren Sie das Plugin über die Seite WPMU DEV Dashboard Plugins oder über die Registerkarte Installed Plugins in Ihrem WordPress-Administrator.

Wenn die Installation erfolgreich war, wird im Admin-Menü Ihres WordPress-Administrationsbereichs eine erweiterte Registerkarte „Upfront“ angezeigt.

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