Wie ich dir in a vorheriges TutorialWordPress bietet ein neues Standardthema. Dieses Thema, das für Unternehmenswebsites entwickelt wurde, stellt eine bemerkenswerte Abweichung von den Standard-WordPress-Themen dar, die in der Vergangenheit für das Bloggen entwickelt wurden, und spiegelt den wichtigsten Übergang von WordPress von einer Blogging-Plattform zu einer vielseitigen Plattform wider.

Wenn Sie Twenty Seventeen ausprobieren möchten, werden Sie schnell etwas verstehen: Dieses Standard-WordPress-Design unterscheidet sich von seinen Vorgängern. Die vorherigen Standardthemen haben eine Mindestkonfiguration festgelegt, die nur zu einem funktionierenden Blog führte. Nun, das ist bei Twenty Seventeen nicht der Fall.

Natürlich können Sie es als Blog-Thema verwenden, aber ich erinnere Sie daran, dass dies nicht das ist, wofür es speziell entwickelt wurde. Es wurde entwickelt, um Unternehmenswebsites mithilfe einer Homepage mit Abschnitten zu erstellen, die Sie anhand der Demo leicht unterscheiden können.

entdecken Sie auch Wie ein Plugin in Wordpress zu installieren

Das Ergebnis dieser Fokusverschiebung ist, dass das Einrichten von Twenty Seventeen etwas länger dauert als die vorherigen Standard-WordPress-Themes.

In diesem Tutorial werden wir Twenty Seventeen erkunden, sehen, was es zu bieten hat, und ich werde Sie durch die Einrichtung dieses WordPress-Themas führen, damit Sie auf einfache Weise eine Homepage für Ihre Website erstellen können. Unternehmen.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Twenty Seventeen Overview

Präsentation siebenundzwanzig

Die Verwendung von a Landing Page - Landing Page - Als Homepage für Unternehmenswebsites zu dienen, ist in Mode gekommen. Mit Twenty Seventeen ist es einfach, eine Zielseite für eine Unternehmenswebsite zu erstellen.

Sehen Sie sich die offizielle Demo des WordPress-Themas an, um sich ein Bild von seinen Möglichkeiten zu machen zwanzig Seventeen. Auf Anhieb werden Sie den Video-Header bemerken. Scrollen Sie ein wenig nach unten und das Seitenschnittdesign wird angezeigt. Jeder Abschnitt ist durch ein auffälliges Parallaxen-Hintergrundbild getrennt, das die gesamte Breite und Höhe des Fensters einnimmt.

Die Navigation ist einfach mit einer klebrigen oberen Navigationsleiste und einer einzigen Schriftart. " Freier Franklin Welches wird im gesamten Thema verwendet.

Wir empfehlen Ihnen, sich zu beraten Wie eine benutzerdefinierte Navigationsmenü auf Wordpress hinzufügen

Bei richtiger Einrichtung zeigt Twenty Seventeen a professionelles Aussehen modern, aufgebaut auf einer lesbaren Schriftauswahl und einer starken Verwendung auffälliger visueller Elemente, die durch die Verwendung von großzügigen Leerzeichen ausgeglichen werden.

Wie erstelle ich eine Homepage mit Twenty Seventeen?

In die gleiche Richtung gehen wie Matt Mullenweg, wenn er davon sprach die Bedeutung des CustomizersEs ist also nicht verwunderlich, dass die meisten Aufgaben auf " zwanzig Seventeen Sind im Customizer.

Anpassung von Wordpress 47

Neben den Standardfunktionen wie Menü und Konfiguration können Sie mit den Customizer-Widgets ein Header-Bild oder -Video definieren, verschiedene Farbschemata verwenden und den Inhalt von Abschnitten Ihrer Seite beeinflussen.

entdecken Sie auch So passen Sie das CSS Ihrer WordPress-Website an

In WordPress 4.7 wird außerdem eine neue Funktion namens "Verknüpfung für sichtbare Bearbeitung" eingeführt: Sie werden wie im vorherigen Bild als blaue Symbole angezeigt. Durch Klicken auf eine dieser Verknüpfungen wird das Feld geöffnet, in dem Sie den Abschnitt im Customizer ändern können. 

Dies macht es ziemlich einfach, die Funktionen von Twenty Seventeen wie das Header-Bild, den Slogan und den Titel sowie den Inhalt, der in jedem Abschnitt einer Seite angezeigt wird, zu ändern. Sie müssen nur den Inhalt finden, den Sie bearbeiten möchten, dann auf die Verknüpfung "Sichtbare Bearbeitung" klicken und den betreffenden Inhalt anpassen.

Gehen Sie weiter und entdecken Sie So fügen Sie einem WordPress-Blog unendliches Scrollen hinzu

WordPress kommt auch mit einer neuen Customizer-Funktion namens " Zusätzliche CSS “. Wir haben bereits zuvor über diese Funktion gesprochen. Dies ist eine spezielle Funktion für WordPress und nicht für " zwanzig Seventeen ".

Um Ihnen zu zeigen, wie Sie sich einrichten zwanzig Seventeen Ich werde das Thema so installieren, als würde ich es für meine persönliche Website verwenden.

Erster Schritt: Erstellen Sie für jeden Abschnitt eine Seite

Erstellen Sie für jeden Abschnitt eine Seite

Als erstes müssen Sie ein paar Seiten erstellen:

  • Erstellen Sie eine Seite, die Ihre statische Homepage ist.
  • Erstellen Sie eine Seite, auf der Blogbeiträge angezeigt werden.

So versetzen Sie Ihre WordPress-Website in den Wartungsmodus ? Klicken Sie auf diesen Link

Erstellen Sie bis zu vier zusätzliche Seiten, um den Inhalt zu enthalten, der in den Abschnitten der Startseite angezeigt wird. Erstellen Sie drei zusätzliche neue Seiten, wenn Sie Ihr Blog oder einen der Abschnitte der Startseite verwenden möchten.

Konsultieren Wie man Spalten auf WordPress ohne Plugins macht

In meinem Beispiel habe ich eine Startseite, eine Blog-Seite, eine Info-Seite, eine Serviceseite und die Kontaktseite erstellt.

Schritt 2: Fügen Sie der Startseite ein Bild hinzu

Um den Parallaxeeffekt auf die Bilder zu erzielen, müssen Sie für jede Seite ein großes Titelbild hinzufügen, das Teil der Abschnitte der ersten Seite ist. Sie möchten der im vorherigen Schritt erstellten Startseite wahrscheinlich kein empfohlenes Bild hinzufügen, aber Sie können allen anderen Seiten ein ausgewähltes Bild hinzufügen.

Ausgewähltes Bild WordPress

Die Demo von « zwanzig Seventeen Verwendet Bilder, deren Abmessungen 2000 Pixel breit und 1200 Pixel hoch sind. Bilder, die sich diesen Größen annähern, werden empfohlen. Sie verstehen, dass Sie keine kleinen Bilder verwenden sollten.

Entdecken Sie die 5 WordPress Page Builder Plugins - Seitenersteller

Sie finden viele freie Bilder in " StockSnap Und die meisten haben gute Abmessungen.

Schritt 3: Homepage und Blog-Seite zuweisen

Statische WordPress-Homepage

Nun ist es Zeit mit dem Customizing zu beginnen. Starten Sie den Customizer und gehen Sie zu "  Aussehen> Anpassen Auf dem Armaturenbrett.

Wählen Sie die Option aus statische Homepage Nehmen Sie die folgenden Anpassungen vor:

  • Legen Sie fest, was auf der Startseite angezeigt wird, und aktivieren Sie das Optionsfeld für eine statische Seite.
  • Wählen Sie im Menü der Startseite die Startseite der Website aus.
  • Wählen Sie im Menü Artikelseite die Seite aus, auf der die Artikel angezeigt werden.

Vergessen Sie nicht, Ihre Änderungen zu speichern.

Schritt 4: Ordnen Sie die anderen Seiten den Abschnitten der Homepage zu

XNUMX Themenbereiche

Sie können jetzt die verschiedenen Seiten, die Sie zuvor erstellt haben, den Abschnitten im " Theme-Optionen “. Verwenden Sie die Dropdown-Menüs, um die einzelnen Seiten den einzelnen Abschnitten entsprechend der ihnen zugewiesenen Relevanz zuzuweisen.

Schritt 5: Erstellen Sie Ihr Hauptnavigationsmenü

Sie können Ihr Navigationsmenü direkt über die Customizer-Oberfläche oder über Ihr Dashboard erstellen. In beiden Fällen hat sich die Erstellung der Menüs in WordPress nicht geändert.

Schritt 6: Fügen Sie einen Videokopf hinzu

Siebenundzwanzig Kopfzeilenvideo

Als nächstes ersetzen wir das Header-Bild durch ein Video. Gehen Sie zum entsprechenden Abschnitt im Customizer, indem Sie auf die entsprechende Verknüpfung "Sichtbare Bearbeitung" klicken oder suchen. Medienheader ".

Laden Sie das gewünschte Video herunter oder wählen Sie es aus. Alternativ können Sie auch die URL eines YouTube-Videos angeben, die bei Bedarf in der Kopfzeile angezeigt werden soll.

Stellen Sie auch hier sicher, dass Sie aus Qualitätsgründen ein Video mit großen Abmessungen auswählen.

Siebenundzwanzig Demonstration

Zu diesem Zeitpunkt sollte alles normal funktionieren. Wir werden Ihnen später weitere Tutorials zur Anpassung dieses neuen WordPress-Themas anbieten.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. WordPress Restaurant Tischreservierung

Restaurant Table Booking Manager ist ein Plugin, mit dem Sie die Reservierung der Tische Ihres Restaurants online verwalten können.

Wordpress Restaurant Tischreservierung

Es gibt Ihnen die Möglichkeit, mit Ihren treuen Kunden einen Tisch direkt in Ihrem WordPress-Blog zu buchen. Es bietet Verfügbarkeitsmanagement-Tools, mit denen Sie Fehler vermeiden können.

Sie können auch den automatisch generierten Kalender verwenden, um die verschiedenen Buchungen besser zu verfolgen.

Herunterladen | Demo | Web-Hosting

2. ShareBang

ShareBang ist ein revolutionäres Social-Sharing-Plugin für WordPress. Es bietet eine vollständige und elegante Erfahrung, die Ihnen hilft, den Datenverkehr zu steigern und den Umsatz und die Sichtbarkeit Ihrer Produkte, Seiten und Blogs zu verbessern.

Sharebang ultimative Social Share Buttons für WordPress 1

Es unterstützt + 42 von führenden sozialen Netzwerken, einschließlich mobiler Apps wie WhatsApp, Facebook, Telegramm, Skype, Line, Viber und mehr. Es verfügt über mehr als 21-Positionen für Social-Sharing-Schaltflächen, ein vollständig anpassbares Layout, automatische und regelmäßige Updates, Integration mit Mailchimp, Mailster und mehr ...

Alle oben genannten Funktionen und vieles mehr sind äußerst einfach zu verwenden, um mehr Abonnenten zu gewinnen und mehr Verkehr zu generieren. Schließen Sie sich einfach der nächsten Generation von Plugins für Social Share-Schaltflächen an.

Herunterladen | Demo | Web-Hosting

3. Octabook

Octabook ist ein sehr einfach zu bedienendes WordPress-Plugin und sofortiges Terminbuchungstool für fast alle Arten von Dienstleistungen und Dienstleistern, die sie anbieten möchten Online-Buchung von einer Webseite.Oktabuch

Es bietet verschiedene Funktionen, darunter: Unterstützung für mehrere Lokalisierungen, Servicekonfiguration, dynamische Preisgestaltung, Benachrichtigungen, Unterstützung für anpassbare Felder für Formulare, Anpassung des Erscheinungsbilds, Google Kalender-Unterstützung, das intuitive Dashboard, Datenexport im CSV-Format und vieles mehr.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Zusammenfassung

So ! Das war es für dieses Tutorial. Wir hoffen, dass es Ihnen helfen wird Erstellen Sie einen Online-Shop Privatgelände. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

...