Advertisement
  1. Web Design
  2. WordPress

So erstellt man eine einfache einseitige Website: Aus einem Parallax WordPress-Thema

by
Read Time:12 minsLanguages:

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

Eine einfache einseitige Website ist eine hervorragende Möglichkeit, die Präsenz Ihres Unternehmens online zu etablieren. Sie können wichtige Informationen über Ihr Unternehmen auf prägnante Weise austauschen, sodass Ihre Besucher alles auf einen Blick sehen können.

Einer der Gründe, warum Websites mit einer Seite so attraktiv sind, liegt darin, dass sie Parallaxeneffekte in großem Umfang nutzen können, um visuelle Attraktivität zu erzielen (und wenn dies richtig gemacht wird), ohne Ihre Website zu verlangsamen. Es gibt weitere wichtige Vorteile, die Sie bei der Erstellung einer einseitigen Website in Betracht ziehen sollten:

Warum erstellt man eine einseitige Website? (mit Parallax-Effekt)

Diese Art von Website ist eine gute Wahl für jeden Geschäftsinhaber, der nicht viel Zeit für die Pflege seiner Website hat, oder für jedes neue Geschäft, das gerade erst anfängt. Vielbeschäftigte Freiberufler oder Designagenturen können auch davon profitieren, ihr Unternehmen auf einer einseitigen Website zu präsentieren.

Schließlich sind Websites mit einer Seite perfekt für App-Entwickler oder Unternehmen, die eine Produkteinführung necken möchten. Da Websites mit einer Seite normalerweise von mehreren Handlungsaufforderungen begleitet werden, können Sie auf diese Weise Ihre E-Mail-Liste erstellen, bevor Sie für den offiziellen Start bereit sind.

Wie so oft bei WordPress gibt es keinen Mangel an einseitigen Themen mit wunderschönen Parallaxeeffekten. Von Mehrzweckthemen bis hin zu Unternehmens- und Portfoliothemen finden Sie ein einseitiges Thema, das zu Ihrer Branche und der Art Ihres Unternehmens passt. Hier finden Sie weitere Top-WP-Themen:

  • WordPress-Themen
    15+ beste einseitige WordPress-Themen mit Parallax-Designs
    Brenda Barron

So verwenden Sie ein einseitiges Parallax-Thema, um Ihre Website zu erstellen

In diesem Artikel zeigen wir Ihnen, wie Sie mit einem dieser großartigen WordPress-Themen eine einfache einseitige Website mit Parallaxeeffekt erstellen.

Was Sie brauchen, um loszulegen

Lassen Sie uns die Schritte zum Erstellen einer einseitigen Website durchgehen. Bevor Sie Ihre Website erstellen, müssen Sie einige Dinge tun, um loszulegen. Neben dem Thema, das Sie verwenden, müssen Sie auch einen Domainnamen und einen Hosting-Plan erwerben. Es wird empfohlen, eine schöne Sammlung von Bildern zu finden, die zu Ihrer Website passen, um den Parallaxeeffekt voll auszunutzen. Jetzt fangen wir an:

1. Kaufen Sie Ihren Domainnamen

Vor allem benötigen Sie eine Domain für Ihre neue Website. Es ist Ihr Online-Zuhause und das Gesicht Ihres Unternehmens. Wenn Sie einen Firmennamen haben, ist es naheliegend, Ihren Firmennamen als Domainnamen zu verwenden. Wenn Sie jedoch ein Freiberufler sind, der unter seinem eigenen Namen geschäftlich tätig ist, sollte Ihr Domain-Name dies widerspiegeln.

2. Wählen Sie einen Qualitäts-Hosting-Plan

Nachdem Sie sich für den Domainnamen entschieden haben, müssen Sie als Nächstes Ihren Hosting-Plan erwerben. Bei den meisten Hosting-Unternehmen können Sie einen Domain-Namen gleichzeitig erwerben, wenn Sie sich für einen Hosting-Plan anmelden. Tatsächlich enthalten die meisten von ihnen einen kostenlosen Domainnamen für ein Jahr. Ein Shared Hosting-Plan ist ein guter Ausgangspunkt, und Sie können Ihren Plan später jederzeit aktualisieren, wenn Sie sich für einen Wechsel zu einer mehrseitigen Website entscheiden.

Verwaltetes WordPress-Hosting kann sehr sinnvoll sein. In diesem Fall kümmert sich der Host um Sicherheit, Updates und viele andere Dinge hinter den Kulissen, sodass Sie sich darauf konzentrieren können, großartige Inhalte zu produzieren und Ihr Publikum aufzubauen. Envato hat eine Partnerschaft mit SiteGround, die Ihnen bis zu 70% Rabatt auf verwaltetes WordPress-Hosting bietet.

Managed WordPress Hosting from SiteGroundManaged WordPress Hosting from SiteGroundManaged WordPress Hosting from SiteGround
Verwaltetes WordPress-Hosting von SiteGround

3. Holen Sie sich ein WordPress-Thema mit einer Top-Seite

Für WordPress sind sowohl kostenlose als auch Premium-Themen verfügbar. Es wird jedoch häufig empfohlen, ein Premium-Thema auszuwählen. Ein Premium-WordPress-Thema bietet spezielle Unterstützung durch den Theme-Entwickler, was bedeutet, dass es immer auf dem neuesten Stand gehalten wird und den Best Practices für die Entwicklung folgt.

Und falls Sie Hilfe bei der Einrichtung des Themas benötigen, wird sich ein Entwickler eines Premium-Themas mit größerer Wahrscheinlichkeit rechtzeitig bei Ihnen melden. Sie können zum Zeitpunkt des Kaufs auch zusätzliche Themenunterstützung erwerben.

Für dieses Tutorial verwende ich das leistungsstarke The Ark-Thema von ThemeForest. Es handelt sich um ein einseitiges Thema mit verschiedenen Demo-Layouts:

The Ark WordPress theme with multiple layout options ready to use quicklyThe Ark WordPress theme with multiple layout options ready to use quicklyThe Ark WordPress theme with multiple layout options ready to use quickly
The Ark WordPress-Thema mit mehreren Layoutoptionen, schnell einsatzbereit.

Darüber hinaus reagiert es vollständig, sodass Ihre Website auf allen Bildschirmgrößen perfekt angezeigt wird. Es enthält auch einen Seitenersteller, mit dem Sie ein völlig einzigartiges einseitiges Website-Layout von Grund auf neu erstellen oder Ihrer Website aus einer Laune heraus ganz einfach zusätzliche Abschnitte hinzufügen können.

The Ark WordPress themeThe Ark WordPress themeThe Ark WordPress theme
Mit dem Ark WordPress-Thema können Sie schnell eine einseitige Website erstellen.

Sie können die einseitigen Themen durchsuchen, um das gewünschte zu finden. Wenn Sie ein Thema gefunden haben, das Ihren Anforderungen entspricht, kaufen Sie es und laden Sie die Themendateien auf Ihren Computer herunter.

The Ark one page WordPress theme comes with several demosThe Ark one page WordPress theme comes with several demosThe Ark one page WordPress theme comes with several demos
Das Ark WordPress-Thema enthält mehrere Demos.

4. Stellen Sie Ihre Inhalte und Bilder zusammen

Das Letzte auf unserer Liste sind der Inhalt und die Bilder. Es stimmt zwar, dass Websites mit einer Seite in Bezug auf die Anzahl der Inhalte, die Sie anzeigen können, begrenzt sind. Es ist jedoch hilfreich, wenn Sie Ihre Inhalte bereits vorab geschrieben haben, anstatt sie vor Ort zu erstellen.

Sie sollten sich auch etwas Zeit nehmen, um alle Bilder zu sammeln, die Sie verwenden möchten. Dies umfasst Hintergrundbilder für die Parallaxenabschnitte, bei denen es sich um Fotos Ihres Arbeitsbereichs, Ihrer Mitarbeiter, Ihres Unternehmens oder sogar Ihres Produkts handeln kann. Vergessen Sie nicht, Fotos früherer Kunden für den Testimonial-Bereich oder Fotos von Teammitgliedern beizufügen, wenn Sie Ihrer Marke eine persönlichere Note verleihen möchten.

Einstieg

Sobald Sie den Hosting-Plan zusammen mit der Domain und dem Thema gekauft haben, können Sie mit Ihrer Website beginnen. Der erste Schritt ist die Installation von WordPress, dann Ihres Themas sowie aller benötigten Plugins.

1. WordPress installieren

Ihr Hosting-Unternehmen sendet Ihnen eine Begrüßungs-E-Mail mit allen erforderlichen Informationen zu Ihrem Hosting-Plan. Öffnen Sie die E-Mail und notieren Sie sich den Benutzernamen und das Passwort für Ihr cPanel. Klicken Sie auf den Link, über den Sie sofort zur cPanel-Anmeldeseite gelangen. Geben Sie den angegebenen Benutzernamen und das Passwort ein und Sie können WordPress installieren.

  1. Suchen Sie im cPanel nach Website-Installationsprogrammen oder Fantastico-Installationsprogrammen oder Softaculous-Installationsprogrammen. Klicken Sie auf das WordPress-Symbol und dann auf die Schaltfläche Installieren. Sie werden aufgefordert, einen Benutzernamen und ein Passwort anzugeben und die Domain auszuwählen, in der WordPress installiert werden soll.
  2. Wählen Sie einen Benutzernamen und ein sicheres Passwort, das sowohl Groß- als auch Kleinbuchstaben sowie Zahlen und ein spezielles Symbol enthält. Notieren Sie den Benutzernamen und das Passwort an einem sicheren Ort.
  3. Klicken Sie erneut auf die Schaltfläche Installieren, um den Installationsvorgang abzuschließen.

Nach Abschluss der Installation von WordPress wird ein Benachrichtigungsbildschirm mit einem Link zu Ihrem WordPress-Dashboard angezeigt. Klicken Sie auf den Link und geben Sie den Benutzernamen und das Passwort ein, die Sie während des Installationsvorgangs ausgewählt haben.

2. Installieren Sie Ihr WordPress-Thema

Nachdem Sie auf Ihrer WordPress-Website angemeldet sind, klicken Sie auf Darstellung > Themen > Neu hinzufügen. Wählen Sie auf dem Bildschirm, der geladen wird, die Option Thema hochladen.

Installing your WordPress themeInstalling your WordPress themeInstalling your WordPress theme
Installieren Sie Ihr WordPress-Thema schnell.

Klicken Sie auf die Schaltfläche, um den komprimierten Ordner mit Ihren Designdateien auszuwählen, und klicken Sie dann auf Hochladen. Sobald das Thema installiert ist, klicken Sie auf Aktivieren.

3. Installieren und aktivieren Sie die erforderlichen Plugins

Nachdem das WordPress-Theme aktiviert wurde, werden Sie darauf hingewiesen, dass zusätzliche Plugins installiert werden müssen. Um sie zu installieren, klicken Sie auf Plugins installieren, wählen Sie alle Plugins aus und klicken Sie im Dropdown-Menü auf Installieren.

WordPress Plugins to InstallWordPress Plugins to InstallWordPress Plugins to Install
WordPress Plugins zu installieren.

Navigieren Sie danach zu Plugins > Installierte Plugins und wählen Sie alle Plugins aus, die Sie gerade installiert haben. Wählen Sie diesmal Aktivieren aus dem Dropdown-Menü.

Activate your WordPress PluginsActivate your WordPress PluginsActivate your WordPress Plugins
Aktivieren Sie Ihre WordPress-Plugins.

So richten Sie Ihre einseitige WordPress-Site ein

Nachdem Ihr WordPress-Thema aktiviert und die zusätzlichen Plugins installiert wurden, ist es an der Zeit, das Thema an Ihre Marke anzupassen und Ihre Inhalte hinzuzufügen. Eine der einfachsten Möglichkeiten, Ihre einseitige Website einzurichten, besteht darin, mit einem vorgefertigten Layout zu beginnen.

Glücklicherweise enthalten die meisten Premium-WordPress-Themes mehrere Layouts, die bereits konfiguriert sind. Sie müssen also nur die Informationen durch Ihre eigenen ersetzen. Für dieses Tutorial habe ich die Hauptdemo ausgewählt, da sie eine große Auswahl an vorgefertigten Seitenlayouts enthält, einschließlich attraktiver Ein-Seiten-Layouts.

Sobald die von Ihnen ausgewählte Demo installiert ist, können Sie das Thema anpassen und die Informationen ersetzen.

Klicken Sie zunächst auf Einstellungen > Lesen > Titelseite Zeigt eine statische Seite an. Zeigt eine statische Seite an und wählen Sie eines der Seitenlayouts als Startseite aus. Wählen Sie dann das gewünschte Layout für Ihre Beitragsseite und klicken Sie auf Einstellungen speichern.

Um den Inhalt zu ersetzen, navigieren Sie zu Seiten > Alle Seiten, wählen Sie Ihre Homepage aus und klicken Sie auf Bearbeiten.

Um die in der Kopfzeile verwendeten Bilder anzupassen, klicken Sie auf das Symbol Bearbeiten für den Abschnitt, den Sie anpassen möchten, und wählen Sie dann Box-Modell aus. Scrollen Sie zum Abschnitt Bild oder Parallaxe und ersetzen Sie das Bild durch Ihr eigenes. Denken Sie daran, Bilder zu verwenden, die nicht zu ablenkend sind, damit Ihre Kopie hervorsticht und die Botschaft über Ihr Unternehmen vermittelt.

Add your companys messagingAdd your companys messagingAdd your companys messaging
Fügen Sie die Nachrichten Ihres Unternehmens zu WordPress hinzu.

Halten Sie die Überschriften und den Haupttext kurz und auf den Punkt, da Sie nicht möchten, dass der Text auf dem Bild zu schwer lesbar wird. Sie können auch die Farben anpassen und Ränder und Auffüllungen in diesem Bereich anpassen sowie die Schriftarten anpassen.

Um den Demo-Inhalt zu bearbeiten, klicken Sie auf den Abschnitt, der Text enthält, und geben Sie Ihre eigene Kopie in den visuellen Editor ein. Wiederholen Sie diesen Vorgang einfach für jeden Abschnitt, der bearbeitet werden muss. Klicken Sie beim Bearbeiten von Abschnitten auf die Registerkarte element.style und geben Sie eine ID mit Kleinbuchstaben in das Feld ID ein. Auf diese Weise können Sie in Kürze Ihr Navigationsmenü einrichten.

Adding ID attributes to your WordPress themeAdding ID attributes to your WordPress themeAdding ID attributes to your WordPress theme
Hinzufügen von ID-Attributen zu Ihrem WordPress-Thema.
Alternativ können Sie das Layout weiter anpassen oder von Grund auf neu erstellen, indem Sie zu Ark > Sitemap gehen.

Das Ark-Untermenü enthält auch Optionen zum Anpassen von Kopf- und Fußzeilen, Seitenleisten und mehr.

Nachdem Sie den Inhalt durch Ihren eigenen ersetzt haben, richten Sie das Navigationsmenü ein. Gehen Sie zu Darstellung > Menüs und wählen Sie Einseitige Navigation aus der Dropdown-Liste. Aktivieren Sie das Kontrollkästchen neben der Hauptnavigation unter Anzeigeort und klicken Sie auf Speichern.

Adding a menu to your one page WordPress theme setupAdding a menu to your one page WordPress theme setupAdding a menu to your one page WordPress theme setup
Hinzufügen eines Menüs zu Ihrem einseitigen WordPress-Thema-Setup.

Klicken Sie auf Benutzerdefinierte URL und geben Sie die ID aller Abschnitte, die Sie während der Inhaltsbearbeitung benannt haben, in das URL-Feld ein. Klicken Sie auf Update Menu und Ihre Navigation ist fertig.

Der letzte Schritt besteht darin, das WordPress-Design an Ihr Branding anzupassen. Klicken Sie in Ihrem Dashboard auf Ark > Designoptionen. Auf dieser Seite können Sie ändern, welche Überschriften Sie auf Ihrer Website verwenden möchten, Ihre Farben anpassen, benutzerdefinierte Schriftarten hinzufügen oder Google Fonts auswählen.

Work with the WordPress theme Options panelWork with the WordPress theme Options panelWork with the WordPress theme Options panel
Arbeiten Sie mit dem Optionsfenster des WordPress-Themas.

Denken Sie daran, dass sich die von Ihnen ausgewählten Farben ergänzen sollten. Achten Sie jedoch darauf, dass sich Ihre Akzentfarbe vom Rest der Seite abhebt. Dadurch wird Ihr Aufruf zu Aktionsschaltflächen in den Mittelpunkt gerückt.

So fügen Sie Ihrer einseitigen Website zusätzliche Abschnitte hinzu

Wenn Sie Ihrer einseitigen Website weitere Abschnitte hinzufügen müssen, können Sie dies einfach tun, indem Sie zu Ihrer Seite gehen, nach unten scrollen und auf das Symbol klicken, um einen Abschnitt, eine Zeile oder ein anderes Element hinzuzufügen.

Add sections to your one page website in your WordPress themeAdd sections to your one page website in your WordPress themeAdd sections to your one page website in your WordPress theme
Fügen Sie Ihrer einseitigen Website in Ihrem WordPress-Thema schnell Abschnitte hinzu.

Sie können auch ein völlig neues Layout erstellen, indem Sie auf Seiten > Neu hinzufügen > Neuen Builder verwenden klicken und Abschnitte als Elemente hinzufügen, wie sie angezeigt werden sollen. Ein neues Layout kann auch erstellt werden, indem Sie auf Ark > Sitemap > Standard-Seitenlayout-Schaltfläche klicken und unten auf das Pluszeichen + klicken. Geben Sie Ihrer Vorlage einfach einen Namen, klicken Sie auf Speichern und fügen Sie dann die gewünschten Abschnitte und Elemente hinzu.

Adding a new page layout to your WordPress theme setupAdding a new page layout to your WordPress theme setupAdding a new page layout to your WordPress theme setup
Hinzufügen eines neuen Seitenlayouts zu Ihrem WordPress-Thema-Setup.

Damit ist Ihre einseitige Website eingerichtet. Nachdem Sie nun gelernt haben, wie Sie aus einem WordPress-Thema eine Website mit einer Seite erstellen, ist es jetzt an der Zeit, den Traffic darauf zu lenken.

Was tun, nachdem Ihre Website online ist?

Nur weil Ihre Website live ist, bedeutet dies nicht, dass die Leute sofort wissen, dass sie Ihr Unternehmen online finden können. Der erste Schritt besteht darin, Ihre Social-Media-Profile zu aktualisieren und im Profilbereich einen Link zu Ihrer Website hinzuzufügen.

Eine andere einfache Möglichkeit, Ihre Website zu bewerben, besteht darin, den Link auf Ihre Visitenkarten und andere Sicherheiten, die Sie möglicherweise haben, wie z. B. Ihren Briefkopf, Broschüren oder Flyer, aufzunehmen. Sie können Ihre neue Website auch in Ihre E-Mail-Signatur aufnehmen, da E-Mails heute noch weit verbreitet sind.

Am besten fügen Sie jedoch ein Blog hinzu und veröffentlichen regelmäßig Inhalte. Auf diese Weise erhalten Sie nicht nur Ihre eigenen Inhalte, die Sie in sozialen Medien teilen können, sondern können auch den Verkehr auf Ihre Website lenken, auf der die Nutzer mehr über Ihre Aktivitäten erfahren können.

Beginnen Sie (schnell) mit einem großartigen WordPress-Thema für eine Seite

Eine Unternehmenswebsite muss nicht immer mehrere Seiten enthalten, um Informationen zu Ihren Produkten oder Dienstleistungen zu vermitteln. Manchmal ist eine einseitige Website mehr als genug, um das Interesse Ihrer Zielgruppe zu wecken und sie zu ermutigen, sich mit Ihnen in Verbindung zu setzen. Nutzen Sie die Möglichkeit, Ihre Informationen auf einer einzigen Seite zu präsentieren, und verwenden Sie eines unserer Premium-WordPress-Themen, um eine großartige einseitige Website für Ihr Unternehmen zu erstellen.

Erfahren Sie, wie Sie WordPress verwenden

Sind Sie neu in der Verwendung von WordPress? Erfahren Sie in unserem vollständigen Handbuch, wie Sie WordPress verwenden. Diese Anleitung führt Sie durch den gesamten Prozess, von den Grundlagen zum Erstellen von Posts und Seiten bis hin zur Installation und Anpassung Ihres ersten WordPress-Themas und zum Einrichten von Plugins für Sicherheit und Leistung.

  • WordPress
    Ein Leitfaden für Anfänger zur Verwendung von WordPress
    Adi Purdila
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.