Springe zum Hauptinhalt

Wie das Thema Twenty Siebzehn anpassen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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 bietet Twenty Seventeen ein modernes, professionelles Erscheinungsbild, das auf lesbaren Schriftarten und einer starken Verwendung auffälliger Grafiken basiert, die durch die Verwendung großzügiger Räume 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

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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.

Download | 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.

Download | Demo | Web-Hosting

3. Octabook

Octabook ist ein sehr einfach zu verwendendes WordPress-Plugin und Instant Booking Appointment Tool für fast alle Arten von Diensten und Dienstleistern, die Online-Buchungen über eine Website anbieten möchten.Octabook

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

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.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

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

Fazit

Hier ! Das war's für dieses Tutorial. Wir hoffen, dass es Ihnen beim Aufbau eines privaten Online-Shops hilft. 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.

...   

Dieser Artikel enthält Kommentare 35

  1. Guten Tag,
    Als neuer Benutzer von WordPress möchte ich die Bilder dieses Themas ändern.
    Ich habe das Header-Bild sehr gut gemacht, aber für die anderen kann ich die Funktionalität nicht finden.
    Gibt es ein bestimmtes Plug-In?
    Ich danke Ihnen im Voraus für Ihre Antwort

  2. Hallo und vielen Dank für dieses Tutorial, das auch rund um dieses Thema wp tun kann.
    Dieselbe Anfrage wie bei Boobi. Ich möchte, dass die für den Parallaxeeffekt hervorgehobenen Fotos nicht auf statischen Seiten angezeigt werden, z. B. auf der Kontaktseite.
    Sollten wir auf das Thema eingreifen oder ist es bereits geplant?
    Thanks!

  3. Dieselbe Frage, wie kann vermieden werden, dass die Fotos des Parallaxeneffekts auch auf der Kontaktseite des Beispiels für die statische Seite angezeigt werden?
    Merci.

  4. Hallo, ich möchte das Header-Foto der einzelnen Seiten meiner Schritte auf der Artikelseite so entfernen, ohne die CSS durchzugehen? DANKE 🙂

  5. Hallo und danke für dein Tutorial sehr gut erklärt.

    Ich würde gerne noch weiter gehen. Lassen Sie mich erklären.
    Ich habe bei Th2017 ein untergeordnetes Thema erstellt. Ich habe eine neue Seite mit "TITEL" und "TEXT" sowie einem vorgestellten Bild erstellt.
    Diese Seite aus dem Menü verbunden, die normalerweise angezeigt, wenn im Menü klicken. Dann zu dem Thema Optionen Seite.
    Außerdem habe ich auf der Homepage das Bild dann den Text "TEXT" im horizontalen Schiebebanner.
    Bis dahin keine Sorgen.
    Ich erstelle in meinem untergeordneten Thema eine Seitenvorlage von page.php bis page_modele.php. Ich ändere diese Datei mit "Template Name: Page Modele" und füge das Echo "COUCOU" hinzu.
    Ich erstelle die Seite "TITEL2" mit der Seitenvorlage "Modellseite" mit Bild, verknüpfe sie dann mit dem Menü und füge sie den Themenoptionen hinzu.
    Diese Seite wird normalerweise mit "COUCOU" angezeigt, wenn Sie auf das Menü klicken.
    ABER AUF DER HOME-SEITE habe ich das Bild ABER PLUS DEN "CUCKOO" -TEXT.

    Können Sie mir helfen, damit COUCOU auf der Homepage erscheint?
    Hinweis: COUCOU ist eine Variable, die von einem Plugin stammt.

    Vielen Dank für Ihre Hilfe
    Bien cordiale

  6. Guten Tag,

    Mein Wunsch ist für das Menü von Social-Networking-Links.
    Während der ersten Anpassung des Themas 2017 ohne Facebook-Konto habe ich die FB-Funktionalität aus dem Menü entfernt und nur den E-Mail-Link belassen. Ich habe jetzt die Facebook-Seite des Unternehmens erstellt, kann diesen Link jedoch nicht reaktivieren. Ich habe das Menü für Links zu sozialen Medien entfernt und dachte, dass es möglicherweise auf die ursprüngliche Version zurückgesetzt wird. Aber nichts zu tun, ich sehe nicht, wie man es schafft.
    Kannst du mir helfen?
    Danke

  7. Vielen Dank für die Übersetzung des Tutorials. Ich bin in Schritt 4 blockiert, ohne es mir selbst zu erklären. Ich habe kein Menü mit Optionen, daher ist es unmöglich, die verschiedenen Ebenen der statischen Seite zu organisieren. Eine Idee ?

  8. Guten Tag,

    In dieser neuen WordPress-Vorlage nimmt der Text nicht die gesamte Seite ein. Wie kann man das ändern?
    In jedem Fall geben Sie auf der Startseite "eine Seite" ein
    Danke
    Maud

  9. Guten Tag,

    Ich verwende das Thema "Twenty Seventeen" für meine Pro-Site.
    Ich würde die gleiche Version mit Französisch Text tun.
    Kann das "Polylang" Plugin geeignet sein?
    Oder gibt es passendere Plugins für dieses Thema?

    Danke

    1. Das Thema hat also seine Kanäle und Ihr Blog hat die Szenen. Wenn Sie das Thema übersetzen möchten. Ich lade Sie ein, PoEdit zu verwenden. Andernfalls reicht PolyLang aus, um Ihr Blog zu übersetzen.

  10. Das neue Thema erscheint TwentySeventeen wirklich stilvoll, innovativ und attraktiv.
    Aber für die Hintergrundfarbe ist es nur weiß oder grau ??? Ich habe versucht, in der Datei style.css zu ändern, aber es hat keine Auswirkung: ??

  11. Hallo

    Ich habe XNUMX in meinem WordPress-Blog installiert
    1 Ich habe am Ende des Artikels kein Kommentarfenster mehr
    2 wie Internetnutzer den Blog abonnieren
    cdlt

    1. Hallo Bernhard,

      Bitte überprüfen Sie Ihre Einstellungen oder versuchen Sie, ein anderes Thema zu aktivieren, um festzustellen, ob sich das Problem wiederholt.

  12. […] So passen Sie das Thema Twenty Seventeen an. Wir können wir Dir heute helfen? Klicken Sie auf einen der folgenden Links, um mehr zu erfahren ... Wie ich Ihnen bereits in einem früheren Tutorial gesagt habe, bietet WordPress 4.7 ein neues Standardthema. Dieses für Unternehmenswebsites entwickelte Thema stellt eine bemerkenswerte Abweichung von den Standardthemen in der Vergangenheit dar, die 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 Thema unterscheidet sich von seinen Vorgängern. […]

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
26 Aktien
Aktie22
tweet1
Registrieren3