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
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.
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
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.
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
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
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
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.
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.
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.
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.
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.
- Wie Nachrichten in einem vertikalen Schieberegler auf Wordpress anzuzeigen
- Wie aktuelle Artikel in einer bestimmten Kategorie anzuzeigen
- Wie umbenennen Bilder auf einem Wordpress-Blog
- Wie man Konnektivitätsfehler auf WordPress behebt
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.
...
Ich kann das Foto des Cafés auf der Hauptseite nicht ändern. Könntest du helfen? Dankbar. 🙂
Hallo. Ich kann keine mobile Version erstellen. Nur auf dem Smartphone sehe ich die Computerversion.
Schöne Grüße ...
Bitte informieren Sie Thierry,
Welche gängigen Publishing-Widgets eignen sich für dieses Thema?
Guten Tag,
Grundsätzlich alle WordPress-Plugins und Widgets.
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
Hallo,
Hast du in den Optionen nachgesehen? Haben Sie versucht, die Bilder in einem der Artikel zu bearbeiten?
Bonjour.
- Können wir ein niedrigeres Empfangsbild haben?
- Können wir auf dieser Homepage ein Logo einfügen?
danke
Hallo
1. Ja, aber Sie brauchen CSS in diesem Fall.
2. Ich habe es nie wirklich versucht, sorry.
Guten Tag,
Ich möchte 2 Schaltflächen mit Links über dem Bild in die Kopfzeile einfügen. Wie kann ich ?
Guten Tag,
Sie müssen einige Vorstellungen von CSS haben.
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!
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.
Hallo Sie können optional einen CSS-Code hinzufügen, die es in customize versteckt.
Hallo, ich möchte das Header-Foto der einzelnen Seiten meiner Schritte auf der Artikelseite so entfernen, ohne die CSS durchzugehen? DANKE 🙂
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
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
Hallo,
Bitte senden Sie diesen Kommentar in Artikel zu sozialen Netzwerken zusammen.
Guten Abend, der Prozess scheint mir ziemlich einfach. Vielleicht können wir Ihnen mit Screenshots mehr helfen?
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 ?
Hallo Markus,
Können Sie anders formulieren?
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
Guten Tag,
Um die Homepage zu ändern, müssen Sie ein wenig CSS kennen
Ich stimme 😉 zu
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
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.
DANKE !!!!!
Ist das die Übersetzung des Dokuments durch wpmudev veröffentlicht?
Guten Abend, ja, das ist es.
Wie dand Fußzeile drehen mit Word Angeboten mit zwanzig siebzehn .. Danke.
Es dauert Eintritts- und CSS verwenden.
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: ??
Für ein Blog mit professionellem Aussehen ist es ideal, sich für ein kostenpflichtiges WordPress-Thema zu entscheiden.
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
Hallo Bernhard,
Bitte überprüfen Sie Ihre Einstellungen oder versuchen Sie, ein anderes Thema zu aktivieren, um festzustellen, ob sich das Problem wiederholt.