In diesem Leitfaden gehen wir darauf ein, was die WordPress-Homepage ist und warum du es vielleicht \u00e4ndern m\u00f6chtest. Dann zeigen wir dir ein paar M\u00f6glichkeiten, wie du deine Homepage bearbeiten und anpassen kannst.<\/p>\n
Lass uns anfangen!<\/p>\n
Was die WordPress Homepage ist (und warum du deine vielleicht \u00e4ndern m\u00f6chtest)<\/h2>\n
Deine Homepage ist wie die Fu\u00dfmatte deiner Webseite. Es ist die erste Seite, die Besucher sehen, wenn sie deine URL eingeben<\/a>, also willst du, dass es einen soliden ersten Eindruck hinterl\u00e4sst.<\/p>\n Die Homepage sollte den Besuchern eine klare Vorstellung davon vermitteln, worum es bei deiner Webseite geht und was sie ihnen bieten kann. Slack’s Homepage<\/a> leistet eine hervorragende Arbeit, um das Produkt zu pr\u00e4sentieren und die Aufmerksamkeit der Leute zu erregen:<\/p>\n Bei vielen WordPress Themes<\/a> zeigt deine Homepage standardm\u00e4\u00dfig deine neuesten Blog-Eintr\u00e4ge an.<\/p>\n Es gibt allerdings eine \u00c4nderung, vielleicht m\u00f6chtest du, dass dort etwas anderes angezeigt wird. Das gilt vor allem, wenn du keinen Blog<\/a> hast oder wenn es nicht der Schwerpunkt deiner Webseite ist.<\/p>\n Vielleicht m\u00f6chtest du sogar deine Homepage im Laufe der Jahre ver\u00e4ndern. Wenn du dich zum Beispiel f\u00fcr einen Feiertagsverkauf oder eine Veranstaltung<\/a> entscheidest, k\u00f6nntest du die Seite aktualisieren, um f\u00fcr diese Aktion zu werben. Mit anderen Worten, es gibt keinen Mangel an Gr\u00fcnden, deine WordPress Homepage zu \u00e4ndern.<\/p>\n\n Wenn du deine Blog-Eintr\u00e4ge<\/a> nicht auf der Startseite deiner Webseite anzeigen lassen m\u00f6chtest, kannst du stattdessen eine ’statische‘ Homepage einstellen. Eine statische Seite zeigt Inhalte an, die sich nicht h\u00e4ufig \u00e4ndern. Auf deiner WordPress-Seite kannst du sowohl eine Startseite als auch eine separate Blog-Seite haben.<\/p>\n Um deine Homepage zu erstellen, logge dich zun\u00e4chst in dein Admin Dashboard ein. Klicke auf Seiten > Neu<\/strong> hinzuf\u00fcgen:<\/p>\n Gib deiner WordPress-Homepage einen Namen und klicke auf die Schaltfl\u00e4che Ver\u00f6ffentlichen<\/strong>. Dann wiederhole diese Schritte ein zweites Mal, um deine Blogseite zu erstellen.<\/p>\n Jetzt, wo du deine Seiten fertig hast, kannst du WordPress sagen, wof\u00fcr du sie verwenden willst.<\/p>\n Navigiere zur Seite Einstellungen > Lesen<\/strong> und w\u00e4hle unter den Optionen f\u00fcr die Anzeige deiner Homepage<\/strong> eine statische Seite<\/strong> aus. Als n\u00e4chstes w\u00e4hlst du in den Dropdown-Men\u00fcs<\/a> deine Homepage und die Seite mit den Beitr\u00e4gen aus:<\/p>\n W\u00e4hrend du diese Schritte ausf\u00fchrst, solltest du deine Webseite vielleicht in den Wartungsmodus<\/a> versetzen. Wenn du dies tust, wird den Besuchern eine von dir eingestellte Nachricht angezeigt und nicht eine nicht funktionierende Webseite oder eine allgemeine Fehlerseite. Wenn du bereits etwas Traffic auf deine Webseite<\/a> bekommst, solltest du dies in Betracht ziehen, bevor du deine Homepage anpasst.<\/p>\n Du kannst das WP Maintenance Mode Plugin<\/a> benutzen, um dieses Feature einzurichten:<\/p>\n Mit diesem Plugin kannst du den Besuchern deiner Webseite eine benutzerdefinierte Nachricht zukommen lassen und du kannst eine benutzerdefinierte Nachricht erstellen, die die Besucher wissen l\u00e4sst, dass deine Webseite bald wieder in Aktion treten wird.<\/p>\n Jetzt, wo du deine Homepage eingerichtet hast, ist es an der Zeit, sie zu gestalten und ein paar Inhalte hinzuzuf\u00fcgen.<\/p>\n Lass uns einen Blick auf drei verschiedene Tools werfen, die du f\u00fcr diese Arbeit benutzen kannst.<\/p>\n Viele WordPress Themes bieten dir ein grundlegendes Homepage-Design, sowie einige M\u00f6glichkeiten, es zu bearbeiten. Du kannst auf diese Optionen \u00fcber den Theme Customizer<\/a> zugreifen.<\/p>\n Ausgehend von deinem Adminbereich<\/a> klickst du auf Darstellung > Anpassen<\/strong>, um das Tool zu starten. W\u00e4hrend du deine Homepage bearbeitest, bietet dir der Customizer eine Live-Vorschau, damit du sehen kannst, wie sich deine \u00c4nderungen auf das Aussehen deiner Webseite auswirken.<\/p>\n Diese \u00c4nderungen werden jedoch erst wirksam, wenn du auf die Schaltfl\u00e4che Ver\u00f6ffentlichen<\/strong> klickst, also experimentiere ruhig ein wenig.<\/p>\n Abh\u00e4ngig von deinem Theme hast du m\u00f6glicherweise verschiedene Optionen f\u00fcr die \u00c4nderungen, die du vornehmen kannst. Du kannst \u00fcber die Men\u00fcreiter navigieren oder auf einen beliebigen Bereich mit einem blauen Bleistift-Symbol klicken, um es zu bearbeiten:<\/p>\n Wenn dein Theme mehrere Templates f\u00fcr deine Seiten enth\u00e4lt, solltest du vielleicht damit anfangen, diese zu erforschen.<\/p>\n Einige Themes geben dir zum Beispiel Optionen, wo du deine Sidebar platzieren kannst, oder du kannst dieses Element<\/a> f\u00fcr eine Seite mit voller Breite ganz entfernen:<\/p>\n Wenn es Abschnitte auf der Homepage gibt, die du lieber nicht benutzen m\u00f6chtest, kannst du sie mit dem Theme-Customizer entfernen.<\/p>\n Du kannst dies tun, indem du zu dem Element im Men\u00fc navigierst und auf das Augensymbol neben dem Namen des Abschnitts klickst:<\/p>\n Du kannst alle Bereiche, die du entfernt hast, immer wieder zur\u00fcckbringen, indem du noch einmal auf das gleiche Symbol klickst. Du kannst auch die Gegenst\u00e4nde in der Spalte herumziehen, wenn du ihre Reihenfolge \u00e4ndern m\u00f6chtest.<\/p>\n Auch wenn du einige \u00c4nderungen mit dem Theme-Anpasser vorgenommen hast, m\u00f6chtest du vielleicht weitere \u00c4nderungen mit dem Block-Editor vornehmen<\/a>. Letzterer bietet dir mehr M\u00f6glichkeiten, das Design und Layout deiner Homepage zu ver\u00e4ndern.<\/p>\n Um zu beginnen, navigiere vom Admin-Dashboard aus zu deiner Homepage, indem du auf Seiten<\/strong> klickst und dann die Seite ausw\u00e4hlst, die du als Startseite festgelegt hast. Mit dem Block Editor kannst du viele verschiedene Arten von Inhalten zu deiner Homepage hinzuf\u00fcgen. Vielleicht m\u00f6chtest du mit einem Text beginnen, in dem du deine Webseite vorstellst und was du machst.<\/p>\n Um anzufangen, kannst du auf die Seite klicken und einfach anfangen zu tippen. Der entsprechende Absatzblock wird automatisch f\u00fcr dich erstellt.<\/p>\n Du kannst den Block auch selbst ausw\u00e4hlen, indem du auf das Plus-Symbol klickst, entweder in der linken oberen Ecke des Bildschirms oder wenn es im Editor-Fenster erscheint. Dann kannst du den Absatzblock ausw\u00e4hlen oder nach ihm suchen:<\/p>\n Sobald du deinen Text an Ort und Stelle hast, kannst du ihn \u00fcber das Men\u00fc „Blockeinstellungen“ weiter anpassen. Unter Texteinstellungen<\/strong> kannst du die Gr\u00f6\u00dfe deines Textes<\/a> \u00e4ndern, indem du eine voreingestellte oder benutzerdefinierte Gr\u00f6\u00dfe ausw\u00e4hlst. Du kannst sogar eine Drop-Cap f\u00fcr ein paar zus\u00e4tzliche Style-Punkte einbauen.<\/p>\n Um ein bisschen Farbe in deinen Absatz zu bringen, solltest du dir die Farbeinstellungen<\/strong> ansehen. Auch hier kannst du aus einem Satz vordefinierter Farben w\u00e4hlen oder eine benutzerdefinierte Markenfarbe<\/a> verwenden:<\/p>\n Du wirst wahrscheinlich auch einige Bilder auf deiner Homepage<\/a> einbinden wollen.<\/p>\n Du kannst dies tun, indem du auf das Plus-Symbol klickst und den Bildblock<\/strong> ausw\u00e4hlst:<\/p>\n Du kannst den resultierenden Block verwenden, um ein Bild hochzuladen, eines aus deiner Medienbibliothek<\/a> ausw\u00e4hlen oder \u00fcber eine URL hinzuf\u00fcgen. Du kannst dann die Symbolleiste direkt \u00fcber dem Block verwenden, um die Ausrichtung des Bildes anzupassen oder es auf der Seite auf und ab zu bewegen.<\/p>\n Wenn du eine Bildunterschrift hinzuf\u00fcgen m\u00f6chtest, ist unter dem Bild Platz daf\u00fcr.<\/p>\n An dieser Stelle kannst du so lange Bl\u00f6cke hinzuf\u00fcgen, bis du mit deiner Seite zufrieden bist. Um auf weitere Bl\u00f6cke zuzugreifen, kannst du auf das Plus-Symbol klicken und das resultierende Men\u00fc entweder durchsuchen oder aufrufen.<\/p>\n Du kannst auch auf „Alle durchsuchen<\/strong>“ klicken, um alle Bl\u00f6cke zu sehen, auf die du Zugriff hast.<\/p>\n Wenn du zum Beispiel eine Mischung aus Medien und Text einbauen m\u00f6chtest, kannst du das mit einzelnen Absatz- und Bildbl\u00f6cken machen. Vielleicht m\u00f6chtest du stattdessen aber auch einen Medien- und Textblock verwenden:<\/p>\n Dieser Block erm\u00f6glicht es dir, sowohl Medien- als auch schriftliche Inhalte im selben Block in verschiedenen Konfigurationen anzuzeigen:<\/p>\n Um einen Block zu entfernen, klicke einfach auf die drei vertikalen Punkte in der Symbolleiste \u00fcber ihm und w\u00e4hle Block entfernen<\/strong>. Mit diesen Tools kannst du so ziemlich jede Homepage gestalten, die du dir vorstellen kannst.<\/p>\n Wenn du lieber mit dem Classic Editor<\/a> arbeitest, kannst du immer noch eine atemberaubende Homepage erstellen. Noch einmal, du startest vom WordPress Admin Dashboard aus.<\/p>\n Klicke auf Pages<\/strong> und w\u00e4hle dann die Seite aus, die du als Startseite deiner Webseite festgelegt hast.<\/p>\n Um Text hinzuzuf\u00fcgen, beginne einfach mit der Eingabe. Der Text wird standardm\u00e4\u00dfig ein Absatz sein, aber du kannst das Dropdown-Men\u00fc benutzen, um einen Titel oder eine \u00dcberschrift zu erstellen:<\/p>\n In diesem Dropdown-Men\u00fc kannst du den Text eines Absatzes in verschiedene \u00dcberschriften \u00e4ndern.<\/p>\n Mit der Symbolleiste neben diesem Dropdown-Bereich kannst du weitere \u00c4nderungen an deinem Text vornehmen. Du kannst es fett oder kursiv schreiben, die Ausrichtung \u00e4ndern und Listen mit Aufz\u00e4hlungszeichen oder Nummern erstellen. Wenn du deiner Seite ein Blockzitat hinzuf\u00fcgen m\u00f6chtest, kannst du das auch hier tun.<\/p>\n Diese Symbolleiste ist auch der Ort, an dem du Links zu deiner Kopie hinzuf\u00fcgen kannst. Schlie\u00dflich gibt es noch einen Button, mit dem du einen ‚Weiterlesen‘-Tag hinzuf\u00fcgen kannst. Dies k\u00f6nnte eine hilfreiche Funktion sein, wenn du Artikel auf deiner Webseite einbauen willst, aber nicht die vollst\u00e4ndigen Texte auf deiner Homepage anzeigen lassen m\u00f6chtest.<\/p>\n Der letzte Button in der Reihe \u00f6ffnet eine weitere Gruppe von Tools. Diese geben dir weitere Optionen zur Gestaltung deines Textes, wie zum Beispiel Farben hinzuf\u00fcgen oder die Gr\u00f6\u00dfe \u00e4ndern:<\/p>\n Du kannst auch Bilder und andere Medien zu deiner Seite mit dem Classic Editor hinzuf\u00fcgen. Klicke dazu auf die Schaltfl\u00e4che Medien hinzuf\u00fcgen<\/strong>, um ein neues Fenster zu \u00f6ffnen. Du kannst auf die Schaltfl\u00e4che Dateien ausw\u00e4hlen<\/strong> klicken, um neue Dateien zu deiner Medienbibliothek hinzuzuf\u00fcgen:<\/p>\n Du kannst Dateien von deinem Ger\u00e4t hochladen, um sie zu deiner Medienbibliothek hinzuzuf\u00fcgen<\/a>.<\/p>\n Von diesem Fenster aus kannst du auch auf zuvor hochgeladene Dateien zugreifen, indem du auf die Registerkarte Medienbibliothek<\/strong> klickst. W\u00e4hle die Datei aus, die du hinzuf\u00fcgen m\u00f6chtest, und klicke auf die Schaltfl\u00e4che In Seite einf\u00fcgen<\/strong>:<\/p>\n Das Bild wird nun auf deiner Seite erscheinen. Du kannst auf die Optionen f\u00fcr die Datei zugreifen, indem du es anklickst. Bei diesem Bild kannst du die Ausrichtung \u00e4ndern, es bearbeiten oder entfernen:<\/p>\n Du kannst die Ausrichtung deines Bildes \u00e4ndern, sobald du es eingef\u00fcgt hast.<\/p>\n Um zu sehen, wie es mit deiner Homepage vorangeht, kannst du auf die Schaltfl\u00e4che Vorschau<\/strong> klicken. Wenn du mit dem Aussehen deiner Seite zufrieden bist, klicke auf die Schaltfl\u00e4che „Ver\u00f6ffentlichen<\/strong>„, um deine \u00c4nderungen zu speichern und auf deiner Webseite sichtbar zu machen.<\/p>\n Wenn dir die Arbeit mit dem Blockeditor Spa\u00df macht, solltest du dir Twenty Twenty-One Theme<\/a> ansehen, das neue Standard-Theme in WordPress 5.6:<\/p>\n Twenty Twenty-One Theme ist so konzipiert, dass es flexibel ist<\/a> und auf einer Vielzahl verschiedener Webseitentypen gut funktioniert. Es enth\u00e4lt einfache Schriftarten und ein ged\u00e4mpftes, pastellfarbenes Farbschema. Es macht auch vollen Gebrauch von ‚Mustern<\/a>‚, das sind vordefinierte Blocklayouts, die du weiter bearbeiten kannst, um sie deinen Bed\u00fcrfnissen anzupassen.<\/p>\n Diese speziellen Layouts, kombiniert mit der Einfachheit von Twenty Twenty-One, machen dieses Theme zu einer idealen Wahl, wenn du eine stark angepasste Homepage haben m\u00f6chtest, ohne einen Page Builder von Drittanbietern<\/a> verwenden zu m\u00fcssen.<\/p>\n W\u00e4hrend du an deiner Homepage arbeitest, solltest du vielleicht auch etwas auf dein Navigationsmen\u00fc<\/a> achten. W\u00e4hrend dieses Men\u00fc wahrscheinlich auf den meisten Seiten deiner Webseite erscheint, kann es besonders f\u00fcr Erstbesucher, die zum ersten Mal auf deiner Homepage landen, von Nutzen sein.<\/p>\n Ausgehend vom Admin Dashboard, klicke auf Erscheinungsbild > Men\u00fcs<\/strong>.<\/p>\n Wenn du noch keine Men\u00fcs hast, wirst du aufgefordert, eines zu erstellen, oder du kannst auf die Schaltfl\u00e4che Men\u00fc erstellen<\/strong> klicken. Dein Men\u00fc wird einen Namen brauchen, um es von anderen Men\u00fcs zu unterscheiden, die du erstellen kannst:<\/p>\n Der n\u00e4chste Schritt ist das Hinzuf\u00fcgen von Seiten zum Men\u00fc. Du kannst sie einzeln hinzuf\u00fcgen oder die K\u00e4stchen Seiten automatisch hinzuf\u00fcgen<\/strong> aktivieren, um alle Seiten der obersten Ebene automatisch hinzuzuf\u00fcgen.<\/p>\n Wenn du die Seiten lieber selbst ausw\u00e4hlen m\u00f6chtest, w\u00e4hle den Reiter Alle anzeigen<\/strong> in der linken Spalte. Aktiviere die K\u00e4stchen der Seiten, die du hinzuf\u00fcgen m\u00f6chtest, und klicke auf die Schaltfl\u00e4che Zum Men\u00fc hinzuf\u00fcgen<\/strong>:<\/p>\n Du kannst Top-Level-Seiten automatisch hinzuf\u00fcgen oder manuell ausw\u00e4hlen, welche Seiten hinzugef\u00fcgt werden sollen.<\/p>\n Jetzt, wo du deine Seiten zum Men\u00fc hinzugef\u00fcgt hast, kannst du die Reihenfolge bestimmen, in der sie erscheinen sollen. Du kannst dies tun, indem du die Men\u00fcpunkte einfach per Drag & Drop an ihren Platz ziehst.<\/p>\n Wenn du einige Eintr\u00e4ge unter andere schachteln m\u00f6chtest, um ein Men\u00fc im Dropdown-Stil zu erstellen<\/a>, kannst du das auch hier tun. Auf diese Weise kannst du weitere Links zu deiner Navigation hinzuf\u00fcgen, ohne dass es \u00fcberladen oder \u00fcberw\u00e4ltigend aussieht.<\/p>\n Alles, was du tun musst, ist die Child-Seite unter und leicht rechts neben die Eltern-Seite zu ziehen:<\/p>\n Schlie\u00dflich hast du, abh\u00e4ngig von deinem Theme<\/a>, einige Optionen daf\u00fcr, wo dein Men\u00fc auf deiner Seite erscheint.<\/p>\n Beliebte Optionen sind die Fu\u00dfzeile am oberen Rand der Seite und Sidebars (links oder rechts). Wenn dir die Standardmen\u00fcoptionen nicht ausreichen, findest du hier eine Liste der besten Plugins zur Erweiterung deiner Men\u00fcfunktionen<\/a>.<\/p>\n\n Eine gut gestaltete Homepage kann den Besuchern eine genaue Vorstellung davon vermitteln, worum es auf deiner Webseite geht. Wenn sie richtig eingerichtet ist, kann sie ein m\u00e4chtiges Tool f\u00fcr E-Commerce-Websites<\/a>, pers\u00f6nliche Blogs und alles dazwischen sein.<\/p>\n![\"slack](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/slack-homepage.png\")
Wie man eine statische Homepage erstellt<\/h2>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-new-page-1.png\")
![\"In](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/setting-static-home-page.png\")
![\"wp](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-maintenance-mode-plugin.png\")
Wie du deine WordPress Homepage \u00e4ndern kannst (3 Methoden)<\/h2>\n
1. Den Theme Customizer zum Bearbeiten deiner Homepage benutzen<\/h3>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/editable-element.png\")
![\"Dein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/customizer-sidebar-options.png\")
![\"Um](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/removing-a-section-from-the-homepage.png\")
2. Bearbeite deine WordPress Homepage mit dem Block Editor<\/h3>\n
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-a-paragraph-block.png\")
![\"Passe](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/text-and-color-options.png\")
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-an-image-to-homepage.png\")
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/blank-media-and-text-block.png\"){kind=spacer}
![\"Es](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/media-and-text-block.png\")
3. \u00c4ndere deine WordPress Homepage mit dem Classic Editor<\/h3>\n
![\"Text](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/classic-editor-text-style-dropdown-1.png\")
![\"Schaltfl\u00e4che](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/additional-tools-in-classic-editor-1.png\")
![\"Mediathek\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-with-classic-editor.png\")
![\"F\u00fcge](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-from-media-library.png\")
![\"Bildoptionen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/image-options-in-classic-editor-1.png\")
Optional: Teste das Twenty Twenty-One Theme<\/h3>\n
![\"twenty](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/twenty-twentyone-theme.png\")
Wie du ein Men\u00fc f\u00fcr deine Homepage erstellst<\/h2>\n
![\"Gib](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-new-menu.png\")
![\"Seiten](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-pages-to-a-menu.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-dropdown-menu.png\")
Zusammenfassung<\/h2>\n