Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man eine WordPress-Homepage bearbeitet (einfach und effektiv)

Ihre Homepage ist das erste, was die meisten Besucher sehen, wenn sie auf Ihrer Website landen, daher sollten Sie einen guten ersten Eindruck hinterlassen.

Die Standard WordPress Homepage reflektiert jedoch möglicherweise nicht Ihre Marke oder die Botschaft, die Sie vermitteln möchten.

Standardmäßig zeigt WordPress Ihre neuesten Blogbeiträge an, was nicht unbedingt den Bedürfnissen aller entspricht. Dieses Layout eignet sich gut für Blogs, kann aber einschränkend wirken, wenn Sie einen ausgefeilteren, individuelleren Look für Ihre Website wünschen.

Auf der anderen Seite kann eine Homepage, die Ihre Produkte, Dienste oder wichtigen Informationen hervorhebt, einen großen Unterschied machen.

Glücklicherweise bietet WordPress einfache Möglichkeiten, Ihre Homepage zu bearbeiten, selbst wenn Sie technisch nicht versiert sind. In diesem Artikel führen wir Sie durch den Prozess der individuellen Anpassung Ihrer Homepage, um sie sowohl effektiv als auch optisch ansprechend zu gestalten.

How to Edit a WordPress Homepage (Easily & Effectively)

Was ist die WordPress-Homepage?

Ihre Homepage ist die “Hauptseite” Ihrer WordPress-Website. Es ist die erste Seite, die angezeigt wird, wenn ein Benutzer Ihren Domainnamen besucht.

Wenn Sie z. B. www. wpbeginner.com in Ihren Browser eingeben, landen Sie auf der Homepage unserer Website, auf der Sie die neuesten Beiträge unseres Blogs sehen können:

The WPBeginner homepage

Warum die WordPress-Homepage bearbeiten?

Wenn Sie sich für einen Blog entschieden haben, macht es durchaus Sinn, Ihre Blogbeiträge auf der Startseite zu zeigen.

Was aber, wenn Sie WordPress verwenden, um eine Website für ein kleines Unternehmen zu erstellen oder sogar einen Online-Shop zu betreiben? In diesen Fällen ziehen Sie es vielleicht vor, Ihre Produkte oder Sonderangebote auf Ihrer Homepage hervorzuheben.

Hier ist ein Beispiel für die Homepage einer Unternehmenswebsite von OptinMonster, dem besten WordPress Plugin auf dem Markt. Die Website hat einen tollen Blog, aber das ist nicht der Schwerpunkt der Homepage. Stattdessen haben sie eine wirklich klare Aufforderung zum Handeln.

OptinMonster

Vielleicht haben Sie bereits versucht, eine individuelle Seite als Homepage in WordPress einzurichten, aber Sie haben Schwierigkeiten, sie richtig aussehen zu lassen.

Wenn das der Fall ist, dann sind Sie hier richtig.

Wir führen Sie durch die Einrichtung einer Homepage und deren individuelle Anpassung an Ihre Bedürfnisse. So können Sie einen großartigen ersten Eindruck hinterlassen und Ihre Besucher dazu ermutigen, die für die Aufgabe Ihrer Website wichtigsten Aktionen durchzuführen.

Das kann bedeuten, dass er ein digitales Produkt von Ihnen kauft, sich für eine Mitgliedschaft auf Ihrer Website anmeldet oder für Ihre Spendenkampagne spendet.

Wir werden einige verschiedene Methoden vorstellen, mit denen Sie Ihre individuelle WordPress-Homepage erstellen können.

Sie können diese Links verwenden, um direkt zu den verschiedenen Teilen des Tutorials zu springen:

Fangen wir an.

Bearbeiten Ihrer Homepage mit dem Theme Customizer (nur bei klassischen Themes)

Einige der besten WordPress Themes erstellen ein Homepage-Design für Sie und bieten Optionen, damit Sie es leicht bearbeiten können. Bitte beachten Sie jedoch zunächst, dass der Theme Customizer in erster Linie für klassische Themes konzipiert ist.

Klassische Themes sind die älteren Typen von WordPress Themes. Sie basieren oft auf vorgefertigten Abschnitten und Einstellungen, die es Ihnen ermöglichen, Teile Ihrer Website wie den Header, den Footer und die Seitenleiste anzupassen. Allerdings bieten sie nicht so viel Flexibilität, um das Gesamtlayout zu ändern.

Um auf diese Optionen zuzugreifen, gehen Sie einfach auf Design ” Anpassen in der Seitenleiste des Administrators. Dadurch wird der WordPress Theme Customizer geöffnet, wo Sie eine Live-Vorschau Ihres Themes sehen können, während Sie Änderungen vornehmen.

Using WordPress's Theme Customizer

Der Theme Customizer bietet unterschiedliche Optionen für verschiedene Themes. Ihre Vorschau und die verfügbaren Optionen können je nach verwendetem Theme unterschiedlich aussehen. In diesem Beispiel verwenden wir das kostenlose Theme Hestia.

Um einen beliebigen Teil der Homepage zu bearbeiten, klicken Sie einfach auf das blaue Stiftsymbol daneben. Hier bearbeiten wir das Bild, den Text und die Schaltfläche oben auf der Homepage.

Editing the Top Section of the Homepage in Hestia

Hinweis: Sobald Sie Bearbeitungen vornehmen, werden diese in der Vorschau Ihrer Website angezeigt. Die Änderungen werden jedoch erst dann auf Ihrer Website aktiv, wenn Sie sie veröffentlichen.

Wenn Sie einen Bereich von der Startseite entfernen möchten, klicken Sie einfach auf das blaue Augensymbol in der oberen linken Ecke dieses Bereichs.

Remove a Section of the Default Hestia Homepage

Sie können auch Abschnitte entfernen und über den Tab “Frontpage Sections” wieder hinzufügen.

Wenn Sie mit Ihrer Homepage zufrieden sind, müssen Sie auf die Schaltfläche “Veröffentlichen” klicken, um sie zu aktivieren.

Click the Publish Button to Make Your Homepage Live

WordPress wird die Änderungen dann übernehmen.

Falls Sie neugierig sind, hier sehen Sie, wie unsere neue Homepage live auf der Website aussieht:

The Finished Homepage Live on the Website

Der schnellste Weg, Ihre Homepage einzurichten, ist die Verwendung der integrierten Optionen Ihres Themes. Manche Themes haben jedoch nicht viele Optionen, oder Sie sind mit dem Aussehen Ihrer Homepage nicht zufrieden.

Aber keine Sorge. Es gibt viele andere Möglichkeiten, Ihre Homepage zu bearbeiten und ihr das gewünschte Aussehen zu geben.

Bearbeiten Ihrer Homepage mit dem Block-Editor

Der WordPress-Block-Editor ist eine einfache Möglichkeit, eine benutzerdefinierte Homepage zu erstellen, obwohl er durch das Design Ihres Themes eingeschränkt ist.

Um den Block-Editor zu verwenden, gehen Sie einfach auf den Bildschirm Seiten ” Alle Seiten und bearbeiten Sie die zuvor erstellte Seite “Home”.

Editing the 'Home' Page With the Block Editor

Jetzt können Sie mit dem Erstellen des Inhalts für Ihre Seite beginnen.

In diesem Teil des Tutorials werden wir einige einfache Blöcke verwenden, um eine einfache Homepage zu erstellen.

Zunächst fügen wir der Seite eine Willkommensnachricht hinzu. Klicken Sie dazu einfach auf die Seite und beginnen Sie zu tippen. WordPress wird automatisch einen Absatzblock für Sie erstellen.

Adding Text in the Block Editor

Wenn Sie den Text größer machen wollen, können Sie das ganz einfach in den Blockeinstellungen auf der rechten Seite tun. Klicken Sie einfach auf eine der voreingestellten Größen, oder klicken Sie auf das Symbol “Benutzerdefinierte Größe festlegen” und geben Sie eine beliebige Größe ein.

Sie können auch die Farbe Ihres Textes ändern, indem Sie die Optionen “Farbe” für den Text oder den Hintergrund verwenden.

Changing the Text Size in the Block Editor

Als nächstes fügen wir der Seite ein Bild hinzu. Klicken Sie dazu auf das (+)-Symbol und wählen Sie dann den Block Bild aus.

Sie finden es im Bereich Medien oder können es über die Suchleiste finden.

Adding an Image Block to Your Homepage

Sie können ein Bild aus Ihrer Mediathek auswählen oder ein neues Bild hochladen.

Als Nächstes haben wir einen weiteren Absatzblock mit dem Text ‘Schauen Sie sich unsere neuesten Beiträge hier an’ hinzugefügt.

Dann haben wir einen “Latest Posts”-Block hinzugefügt, in dem wir den Beitragsauszug und die Bilder sowie die Titel der Beiträge anzeigen. Mehr über den Latest Posts-Block erfahren Sie in unserem Tutorial über die Anzeige der letzten Beiträge in WordPress.

Adding a List of Your Latest Posts to the Homepage

Sie können Ihrer Homepage so viele Blöcke hinzufügen, wie Sie möchten. Sie können auch eine Vorlage mit voller Breite oder ohne Seitenleisten für Ihre Seite verwenden, wenn Ihr Thema über eine solche Vorlage verfügt.

Wenn Sie zum Beispiel das Astra-Thema verwenden, können Sie das Layout der Seite über den Bereich Astra-Einstellungen anpassen. Andere Themen bieten möglicherweise einen Abschnitt im Bereich Dokumenteinstellungen.

Removing the Sidebar From the Homepage

Wenn Sie mit Ihrer Homepage zufrieden sind, sollten Sie auf die Schaltfläche “Aktualisieren” oder “Veröffentlichen” oben rechts im Bildschirm klicken, um Ihre Änderungen zu aktivieren.

So sieht unsere fertige Homepage aus:

Homepage Created With the Block Editor Live on the Site

Was ist, wenn Sie mit Ihrer Homepage noch weiter gehen wollen? Eine Möglichkeit ist, einige dieser besten Block-Plugins für WordPress auszuprobieren, um neue Funktionen hinzuzufügen, wie z. B. ein Kontaktformular, Erfahrungsberichte, Bewertungen und mehr.

Eine weitere gute Möglichkeit ist die Verwendung eines leistungsfähigeren Theme-Builders oder Page-Builders für WordPress, um etwas zu erstellen, das wunderschön und professionell aussieht.

Bearbeiten Ihrer Homepage mit einem Theme Builder Plugin

Der einfachste Weg, Ihre Homepage zu bearbeiten, ist die Verwendung von SeedProd. Es ist das beste WordPress-Theme-Builder-Plugin und kann schöne Website-Layouts und benutzerdefinierte Vorlagen erstellen, ohne Code zu schreiben.

Sie können mit SeedProd ein vollständig benutzerdefiniertes WordPress-Theme erstellen, einschließlich einer benutzerdefinierten Homepage-Vorlage.

Wenn Sie es aber noch einfacher haben möchten, bietet SeedProd einen KI-gesteuerten Website-Builder, der eine komplette Website für Sie erstellen kann. Sie können die KI ihre Magie wirken lassen, von der Erstellung des Website-Layouts, der Bilder und Inhalte bis hin zu deren Bearbeitung.

Clicking on the Create Site with AI button in SeedProd

Weitere Informationen finden Sie in unserem Leitfaden zum Erstellen einer Website mit KI.

Zunächst müssen Sie das SeedProd Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress Plugins.

Hinweis: Es gibt eine kostenlose Version von SeedProd, aber Sie benötigen die Pro-Version, um auf den Theme-Builder zuzugreifen und die Homepage-Vorlage zu bearbeiten.

Bei der Aktivierung müssen Sie Ihren Lizenzschlüssel eingeben. Sie finden diese Informationen in Ihrem Konto auf der SeedProd Website.

SeedProd license key

Danach können Sie mit SeedProd auf einfache Weise ein WordPress-Theme erstellen, einschließlich einer komplett individuellen Homepage von Grund auf.

Erstellen eines benutzerdefinierten WordPress-Themes

Sie können ein neues Thema in SeedProd erstellen, indem Sie zur Seite SeedProd ” Theme Builder navigieren. Hier können Sie eines der vorgefertigten Themes von SeedProd als Ausgangspunkt verwenden. Dadurch wird Ihr bestehendes WordPress-Theme durch ein neues, individuelles Design ersetzt.

Sie können dies tun, indem Sie auf die Schaltfläche “Themes” klicken.

Create your custom theme

Es wird Ihnen eine Liste professionell gestalteter Themen angezeigt, die für verschiedene Arten von Websites konzipiert sind. Zum Beispiel gibt es Vorlagen mit den Namen “Modern Business”, “Marketing Agency” und “Mortgage Broker Theme”.

Schauen Sie sich die Optionen an und wählen Sie eine aus, die Ihren Bedürfnissen am besten entspricht, indem Sie auf das Häkchen-Symbol klicken. Für dieses Tutorial wählen wir das Thema “Digitale Strategie”.

Select a Theme That Matches Your Needs

Sobald Sie ein Thema ausgewählt haben, generiert SeedProd alle benötigten Themenvorlagen. Dazu gehören eine Vorlage für Ihre statische Homepage sowie eine für die Indexseite Ihres Blogs.

Bearbeiten der Homepage-Vorlage

SeedProd macht es einfach, jede dieser Templates mit einem Drag-and-drop Page-Builder zu bearbeiten.

Klicken Sie einfach auf den Link “Design bearbeiten”, der sich unter der Vorlage “Homepage” befindet. Dadurch wird die Vorlage im visuellen Editor von SeedProd geöffnet.

Click the 'Edit Design' Link Under the Homepage Template

Dieser einfache Drag-and-drop-Builder zeigt auf der rechten Seite eine Live-Vorschau Ihrer Seite und auf der linken Seite eine Werkzeugleiste. Sie können neue Blöcke hinzufügen, indem Sie sie auf die Seite ziehen, sie neu anordnen, indem Sie sie mit der Maus nach oben oder unten ziehen, und jeden Block anpassen, indem Sie darauf klicken.

Beachten Sie, dass die Vorlage bereits ein attraktives Layout bietet und viele relevante Inhalte auf der Seite hinzugefügt wurden. Jetzt müssen Sie sie nur noch so bearbeiten, dass sie dem Zweck Ihrer Website entspricht.

Wenn Sie mit der Maus über einen Block fahren, wird eine Symbolleiste angezeigt.

The SeedProd Visual Editor

Wenn Sie auf den Block klicken, können Sie seine Einstellungen im linken Fensterbereich anpassen.

Wenn Sie zum Beispiel auf die Überschrift klicken, können Sie den Text bearbeiten, die Ausrichtung ändern, die Schriftgröße anpassen und vieles mehr.

SeedProd Settings for the 'Headline' Block

Wenn Sie eine Einstellung ändern, können Sie dies sofort in der Vorschau rechts sehen.

Wir ändern den Text zum Beispiel in “Alles über WordPress”.

When You Edit a Block's Text, It Is Immediately Updated in the Preview

Sobald Sie dies getan haben, können Sie auf das Symbol “Blöcke” oben auf der Seite mit den Einstellungen klicken. Dadurch kehren Sie zur Anzeige “Blöcke” zurück.

Als Nächstes werden wir den Text des Buttons bearbeiten. Klicken Sie auf den Button “Was wir tun” und ändern Sie den Text so, dass er “Kurse ansehen” lautet.

Change the Button Text

Nun scrollen wir auf unserer Homepage nach unten, bis wir zur Liste der Aufzählungspunkte über die von Ihnen angebotenen Produkte und Dienstleistungen kommen.

Sie können diese auf dieselbe Weise bearbeiten, indem Sie auf einen Block klicken und den Text bearbeiten.

Edit List of Benefits

Ihre Homepage sollte nun in etwa so aussehen wie auf dem folgenden Screenshot.

Wenn Sie mehr Details hinzufügen möchten, können Sie eine weitere Reihe von Aufzählungspunkten hinzufügen, indem Sie auf das blaue “+”-Symbol am unteren Rand klicken.

Add a Row by Clicking the + Icon at the Bottom

Die SeedProd-Vorlage enthält möglicherweise mehr Abschnitte, als Sie verwenden können. Sie können nicht benötigte Blöcke oder Abschnitte einfach löschen, indem Sie auf das Papierkorbsymbol klicken.

Sie können zum Beispiel bei Mauszeigerkontakt auf den Abschnitt “Vertrauenswürdig von” auf der Homepage klicken. Sobald die Werkzeugleiste erscheint, können Sie auf das Symbol “Papierkorb” klicken, um diesen Abschnitt zu löschen.

Delete a Block or Section by Clicking the Trash Icon

Am unteren Ende der Homepage befindet sich ein Abschnitt mit häufig gestellten Fragen. Dieser wurde mit Hilfe eines “Akkordeon”-Blocks erstellt, mit dem Sie die Fragen und Antworten, die Sie auf Ihrer Homepage einfügen möchten, ganz einfach individuell anpassen können.

Wenn Sie auf den Block klicken, können Sie den Text für jede Frage und Antwort bearbeiten.

Editing the FAQ Section

Wenn Sie die Anpassung Ihrer Homepage abgeschlossen haben, klicken Sie auf den Button “Speichern” am oberen Rand der Ansicht. Anschließend können Sie zur Liste der Templates zurückkehren, indem Sie auf das “X”-Symbol klicken.

Wie Sie sehen, ist SeedProd mit seinen Templates, der Drag-and-drop-Oberfläche und den nützlichen Blöcken ideal für die Bearbeitung der Homepage Ihrer Website. Noch mehr Ideen finden Sie in unserem Leitfaden zum Erstellen einer Landing Page mit WordPress.

Bearbeiten der Blog-Index-Vorlage

Sie können Ihre Blog-Index-Vorlage auf ähnliche Weise bearbeiten. Wie das geht, erfahren Sie in unserer Anleitung zum Erstellen einer eigenen Seite für Blogbeiträge in WordPress.

Bei Methode 2 sollten Sie zum Abschnitt über die individuelle Anpassung Ihrer Blog-Seite nach unten scrollen. Hier erfahren Sie, wie Sie neue Blöcke per Drag-and-drop hinzufügen und wie Sie die Einstellungen für jeden Block auf der Seite ändern können.

SeedProd's Post Block Settings

Wir zeigen Ihnen, wie Sie den Beitragsblock bearbeiten können, um Ihre Beiträge in mehreren Spalten aufzulisten und das Bild für Ihre Beiträge anzuzeigen oder auszublenden.

Es gibt Einstellungen dafür, wie viele Beiträge angezeigt werden sollen und ob ein Textauszug angezeigt werden soll. Sie können den Index auch nach Inhaltstyp, Kategorie, Schlagwort oder Autor filtern und die Sortierreihenfolge ändern.

Aktivieren des SeedProd-Themas

Sobald Sie die Anpassung der Themenvorlagen abgeschlossen haben, müssen Sie das neue benutzerdefinierte Thema veröffentlichen. Schalten Sie einfach die Einstellung “SeedProd-Theme aktivieren” auf “JA”.

Enable the SeedProd Theme

Wenn Sie die Einstellungen für Ihre WordPress Homepage und Blog Seite noch nicht geändert haben, werden Sie eine Benachrichtigung erhalten. Wenn Sie auf den Button “OK” klicken, werden diese Einstellungen für Sie geändert.

Sie können nun Ihre Website besuchen, um Ihre neue Homepage zu sehen.

SeedProd Home Page Preview

Alternative: Der Thrive Theme Builder ist eine hervorragende Alternative zu SeedProd. Sie können ganz einfach individuelle Seiten per Drag-and-drop erstellen, vorgefertigte Themes für verschiedene Branchen und gebrauchsfertige Templates für Seiten. Außerdem sorgt er dafür, dass Ihre Website auf jedem Gerät gut aussieht. Weitere Details finden Sie in unserer Rezension zur Thrive Themes Suite.

Bearbeiten Ihrer Homepage mit einem Page Builder Plugin

Divi ist ein beliebtes WordPress-Plugin für den Seitenaufbau. Es wird mit einem WordPress-Theme und einem Seitenerstellungs-Plugin mit Dutzenden von wunderschönen Vorlagen geliefert.

Sie können den Divi Page Builder mit jedem Theme verwenden. In diesem Tutorial werden wir ihn mit dem Divi-Theme verwenden.

Zunächst müssen Sie das Divi-Theme von Elegant Themes herunterladen, installieren und aktivieren. Der Divi-Builder ist darin enthalten, Sie brauchen ihn also nicht separat zu installieren. Sie müssen Ihren Benutzernamen und API-Schlüssel unter Divi ” Themenoptionen ” Updates eingeben, um auf die Layout-Pakete zugreifen zu können.

Wenn Sie Hilfe bei der Installation des Themes benötigen, werfen Sie einen Blick auf unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress Themes.

Sobald Sie das Divi-Theme und den Page Builder eingerichtet haben, können Sie Ihre Homepage einrichten. Gehen Sie zunächst zum Menü “Seiten” in Ihrem WordPress-Dashboard und bearbeiten Sie dann die zuvor erstellte Homepage.

Bevor Sie mit der Bearbeitung Ihrer Homepage beginnen, sollten Sie zur Vorlage “Leere Seite” im Bereich “Vorlage” auf der rechten Seite wechseln. Auf diese Weise hat Ihre Homepage keine Seitenleiste, keinen Titel, kein Menü und auch keine anderen Standardelemente.

Selecting the Blank Page Template in the Divi Theme

Als Nächstes können Sie auf die Schaltfläche “Den Divi Builder verwenden” am oberen Rand des Bildschirms klicken.

Jetzt müssen Sie auf die Schaltfläche “Mit dem Divi Builder bearbeiten” in der Mitte des Bildschirms klicken.

Click the Use Divi Builder Button in the Center of the Screen

Sie sollten nun den Divi-Willkommensbildschirm sehen. Er enthält ein Video-Tutorial zur Verwendung von Divi, eine kurze Beschreibung der ersten Schritte und Schaltflächen, mit denen Sie entweder mit der Erstellung Ihrer Seite beginnen oder eine Tour durch die Funktionen von Divi machen können.

Wir klicken unten auf der Seite auf die Schaltfläche “Mit dem Bauen beginnen”.

Divi Welcome Screen

Danach sehen Sie eine Reihe von Optionen, mit denen Sie Ihre Seite erstellen können.

Wir empfehlen, ein vorgefertigtes Layout als Basis für Ihre Homepage zu verwenden. So können Sie Ihre Homepage wirklich schnell und einfach einrichten.

Choose the Browse Layouts Option in Divi

Divi verfügt über eine beeindruckende Palette von Layouts, aus denen Sie wählen können. Es gibt Hunderte von verschiedenen Layout-Paketen, und jedes dieser Pakete hat mehrere verschiedene Seiten-Layouts, einschließlich Homepages.

Sie können diese durchsuchen, indem Sie einen Begriff eingeben oder die Boxen ankreuzen, um nur Layouts anzuzeigen, die bestimmten Kategorien entsprechen.

Just a Few of the Layout Packs Available in Divi

Wir werden das Layout-Paket “Reiseblog” verwenden, um unsere Homepage zu erstellen.

Klicken Sie zunächst auf das Paket, das Sie verwenden möchten:

The Travel Blog Layout Pack in Divi

Als nächstes sehen Sie eine Beschreibung des Layout-Pakets und der verschiedenen verfügbaren Seiten-Layouts. Wahrscheinlich werden Sie die Seite “Home” oder “Landing” für Ihre Homepage verwenden wollen. Wir entscheiden uns für die Option “Home”.

Wenn Sie Ihr Layout ausgewählt haben, klicken Sie einfach auf den Button ‘Dieses Layout verwenden’ am unteren Rand der Seite.

Choose the Layout You Want to Use in Divi

Divi wird das Layout automatisch für Dich importieren. Sie sehen es dann live auf Ihrer Seite, genau so, wie es auf Ihrer Website erscheinen wird. Um einen Teil davon zu bearbeiten, klicken Sie einfach darauf.

Divi verwendet ein System aus Zeilen (unterteilt in Spalten) und Modulen, um Ihre Seite zu erstellen. Bei Textmodulen können Sie auf den Text klicken und alles, was Sie wollen, direkt auf dem Bildschirm eingeben.

Hier haben wir die Überschrift und den Text darunter geändert:

Editing the Header Text Using Divi

Bei anderen Modulen können Sie mit dem Mauszeiger darauf zeigen und auf das Symbol “Moduleinstellungen” klicken, um sie zu bearbeiten.

Hier bearbeiten wir einen der Nummernzähler:

Changing the Settings for a Module in the Divi Builder

Sie können Module und Zeilen auf dieselbe Weise löschen, indem Sie das Mülleimer-Symbol verwenden.

Sie werden wahrscheinlich Ihre eigenen Bilder auf Ihrer Homepage verwenden wollen. Sie können diese ändern, indem Sie die Moduleinstellungen bearbeiten.

Beachten Sie, dass das Bild oben als Hintergrund für ein Kopfzeilenmodul mit voller Breite eingestellt ist, so dass Sie es unter Inhalt ” Hintergrund für dieses Modul ändern müssen:

Editing the Background Image of the Fullwidth Header Module

Wenn Sie mit den Änderungen, die Sie an Ihrer Seite vorgenommen haben, zufrieden sind, ist es an der Zeit, die Einstellungen zu speichern.

Klicken Sie auf “Speichern” am unteren Rand der Ansicht.

Click the Save Button in Divi

Manchmal wird die untere Reihe der Buttons ausgeblendet.

Wenn Sie sie nicht sehen können, müssen Sie auf den lila Button “…” klicken, um sie zu öffnen.

Click the Icon With Three Dots to Show the Save Button

Daraufhin wird der Abschnitt erweitert, um den Zähler anzuzeigen.

So sieht unsere Seite live auf der Website aus:

The Finished Divi Homepage

Einrichten Ihrer Homepage in WordPress

Standardmäßig zeigt WordPress Ihre Blogbeiträge auf der Startseite an.

Das bedeutet, dass Sie nach dem Erstellen und Anpassen Ihrer Homepage Ihrer WordPress-Site mitteilen müssen, dass diese Seite angezeigt werden soll, wenn jemand Ihre Domain besucht.

Schauen wir uns an, wie man in WordPress eine separate Homepage und eine Blogseite einrichtet.

Profi-Tipp: Haben Sie bereits Besucher auf Ihrer Website? Dann sollten Sie Ihre Website in den Wartungsmodus versetzen, während Sie Ihre Homepage einrichten. Alternativ können Sie eine Staging Website einrichten, auf der Sie Ihre Homepage erstellen können, bevor Sie sie live veröffentlichen.

Gehen Sie zunächst auf Seiten ” Neu hinzufügen und nennen Sie Ihre neue Seite Blog.

Danach können Sie die leere Seite veröffentlichen.

Creating a Blog Page

Sobald Ihre Homepage und Ihre Blogseite fertig sind, müssen Sie WordPress mitteilen, dass es diese Seiten verwenden soll.

Gehen Sie dazu in Ihrem WordPress-Verwaltungsbereich auf Einstellungen ” Leseseite. Wählen Sie die Option “Eine statische Seite” unter dem Abschnitt “Ihre Homepage wird angezeigt”. Wählen Sie anschließend Ihre Homepage und Ihre Blog-Seiten aus.

Select Your Home Page and Blog Page

Vergessen Sie nicht, auf die Schaltfläche “Änderungen speichern” zu klicken, um Ihre Einstellungen zu speichern.

WordPress zeigt Ihre neuesten Beiträge automatisch auf der Blog-Seite an. Weitere Einzelheiten finden Sie in unserer Anleitung zum Erstellen einer separaten Blog-Seite in WordPress.

Video-Anleitung

Wenn Sie eine Video-Anleitung bevorzugen, können Sie sich diese unten ansehen:

Subscribe to WPBeginner

Das war’s! Sie haben eine ansprechende Homepage in WordPress erstellt und sie erfolgreich eingerichtet. In unserem ultimativen Leitfaden zur Bearbeitung einer WordPress-Website finden Sie Schritt-für-Schritt-Anleitungen zur Bearbeitung anderer Bereiche Ihrer Websites.

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie man eine WordPress-Homepage bearbeitet. Vielleicht möchten Sie auch einen Blick auf unseren Leitfaden zu den unverzichtbaren WordPress-Plugins und unsere Tipps zur Verbesserung von WordPress SEO werfen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

8 KommentareLeave a Reply

  1. INDRAMANI SHUKLA

    you are always helpful for beginners. newbies like me learns from you everything about wordpress. Most important thing is this that you are accurate and easy to understand.

    • WPBeginner Support

      Glad our articles are helpful :)

      Admin

  2. stephanie

    how do you create 2 homepages? One for desktop/tablet and the other for mobile only

  3. Ahmed

    this is a way of customizing our front page if we are running a business site. how can we customize our blog page or publish banners on the sides of blogs?

    • WPBeginner Support

      You would either use your theme options or Beaver Builder to modify a home page listing your posts

      Admin

  4. James Emmanuel

    Very insightful. Thanks for taking your time explaining the process. I just followed your steps and now have beautiful homepage. But what about if I want to add a sliding picture homepage. Any plugins for that?

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.