• ▷ OceanWP - Konfigurations-Tutorial und Benutzerhandbuch

Aber, Warum wird dieses Thema so hoch bewertet?

• Tausende verschiedener Designs können aus demselben Thema erstellt werden.
• Es ist kompatibel mit Elementor, einer der beliebtesten Builder-Seiten.
• Keine Wartungsprobleme
• Es gratis…. y sí, ¡supone un importante Wert hinzugefügt!

OceanWP Es ist sehr anpassbar, aber wenn Sie mit WordPress beginnen, kann diese Art von Thema möglicherweise verwirrend sein. Es bietet so viele Optionen, dass neue Benutzer Probleme haben, es zu verstehen! OceanWP ist ein bisschen das Gegenteil von Hestia-Thema von denen wir schon gesprochen haben.

Dieser Beitrag wurde zu diesem Zweck geschrieben, um Ihnen zu helfen, die meisten seiner vielen Optionen zu konfigurieren, ohne etwas zu verpassen.

<>

1 - Voraussetzungen

Vor der Installation eines Themas OceanWP oder eine andere, es ist notwendig, dass die Website bereits einige Inhalte und Grundkonfigurationen hat Erleichtern Sie die Einrichtung des Themas. In der Tat, wenn Ihre Website vollständig leer ist, werden Sie Probleme bekommen Überprüfen Sie die Ausführung von Anpassungsaktionen.

Auf diese Weise sollten Sie regelmäßig die ersten grundlegenden WordPress-Einstellungen vorgenommen haben.

Sobald Sie fertig sind, sollten Sie bereits einige Seiten verteilt haben, die zum Erstellen der Architektur Ihrer Site verwendet werden. sowie das Hauptmenü.

Auch wenn Ihre Seiten noch keinen "echten" Inhalt haben, Sie ermöglichen Ihnen die Navigation, aber grundsätzlich Passen Sie den Header der Site mit den vom Thema angebotenen Optionen an. und gleichzeitig zwei oder drei Artikel veröffentlichen und einige Kategorien erstellen. Dies hilft Ihnen beim Anpassen la parte del Blog de su sitio.

Jetzt, wo Sie etwas Material haben, können Sie bestimmen und Passen Sie das Design Ihrer Website ganz einfach an.

Alles was Sie tun müssen, ist auf die Registerkarte zu gehen Aussehen> Themen> Hinzufügen um das zu finden, zu installieren und zu aktivieren OceanWP-Thema.

Sobald das Thema installiert ist, Sie werden feststellen, dass eine Nachricht angezeigt wurde "In diesem Thema werden die folgenden Plugins empfohlen […." " Es ist nicht ungewöhnlich, dass diese Art von Nachricht angezeigt wird und es ist immer wichtig, darauf zu achten, auf die Gefahr, wichtige Funktionen zu verpassen.

Sie müssen auf klicken "Starten Sie die Installation der Erweiterungen" das meiste machen von die Vorteile von OceanWP. Diese Sache empfiehlt Elementor-, Ocean Extra- und WPForm-Erweiterungen. Installieren und aktivieren Sie sie.

Als Folge dieser Aktionen werden Sie das sehen Ein neuer Tab wurde angezeigt in der linken Seitenleiste. Dies ist das Panel-Thema, eine Art Dashboard für die Verwaltung der OceanWP.

Wir werden hier nicht aufhören, da es tatsächlich mehrere Verknüpfungen gibt, die zu den Funktionen führen, die ursprünglich in der Version vorhanden waren WordPress-Customizerunter der Registerkarte Aussehen> Anpassen.

Hier sind die vielen Möglichkeiten OceanWP verfügbar in der Customizer:

Es gibt mindestens 14 Registerkarten:

Die erste Registerkarte ist eine Art "Anzeige", um zur Pro-Version zu wechseln.

Folgende 4 Registerkarten sind grundlegende Registerkarten angeboten von WordPress:

• Wimper Site-Identität um den Namen und das Thema der Site zu verwalten (ursprünglich vorhanden unter Einstellungen> Allgemein)
• Wimper Speisekarte Menübereiche verwalten (dies ist eine Verknüpfung zu Aussehen> Menü)
• Wimper Widgets zum Verwalten der Widget-Bereiche (die gleichzeitig über die Registerkarte verwaltet werden)Aussehen> Widget)
• Wimper Homepage-Einstellungen Das ist nichts anderes als er direkter Zugang zu einer Option in der Registerkarte Einstellungen> Lesen.

Die anderen 9 Registerkarten werden von bereitgestellt OceanWP alles einstellen Standard-Designeinstellungen. Und hier können Sie Ihre gesamte Website anpassen.

Um es richtig zu machen, empfehlen wir Überprüfen Sie alle diese Registerkarten und seine unzähligen Unterregisterkarten. Einer nach demanderen. Nichts ist besser als Haben Sie ein Thema in Ihren Händen und tun Sie es nach Ihren Wünschen. Trotz allem werden wir versuchen, Ihnen dieses Lernen zu erleichtern.

Wir haben die am häufigsten gestellten Fragen nach Themen klassifiziert. Wir hoffen, dass Sie die Antworten auf Ihre Fragen im Rest dieses Artikels finden ...

2 - Stellen Sie das allgemeine Erscheinungsbild der Website fest

Bevor Sie mit der Konfiguration beginnen OceanWP Im Detail konzentrieren wir uns auf die zu bestimmenden allgemeinen Stile.

2.1 Bestimmen Sie globale Farben

Es ist wichtig, dass Sie ein Grafikdiagramm haben, dem Sie folgen müssen, oderGerüche im Zusammenhang mit Ihrer visuellen Identität. Dies ist sehr wichtig, um die visuelle Identität herzustellen.

Gehen Sie zunächst zur Registerkarte Darstellung> Anpassen> Allgemeine Optionen> Allgemeiner Stil zum Bestimmen Sie die dominante Farbe Ihrer Website. Dies wird hier und da "per Berührung" verwendet. So, wird standardmäßig die vorherrschende Farbe sein. Dann können Sie auf einige Elemente reagieren, um sie zu ändern.

Gleichzeitig wählen Sie hier:

• Die allgemeine Farbe Ihrer Links.
• Die Farbe Ihrer Links auf der Überführung.
• Die Hintergrundfarbe.

2.2 Bestimmen Sie das Layout der Site

Wir werden ein Standardlayout definieren. Das wird dein sein bevorzugtes Design, die Tatsache, dass Es gilt für Ihre gesamte Website. Später werden wir sehen, wie die Ausnahmen ermittelt werden. Der Zweck dieser Konfiguration besteht darin, Zeit zu sparen. Daher ist es ratsam, das Design auszuwählen, das am häufigsten verwendet wird und das Ihnen am besten gefällt.

In der Registerkarte Darstellung> Personalisieren> Allgemeine Optionen> Allgemeine Einstellungen Sie können bestimmen der gesamte Designstil:

• Groß: Vollbild
• Box: Der Körper der Site wird schmaler
• Getrennt: Jeder Abschnitt wird durch einen Rand getrennt. Dies ist sehr gut, wenn Sie eine Hintergrundfarbe oder ein Hintergrundbild hinzufügen möchten (in diesem Fall wird das Hintergrundbild über die Registerkarte hinzugefügt Darstellung> Anpassen> Allgemeine Optionen> Allgemeiner Stil).

Der Designstil Ihrer Seiten:

• Rechte Sidebar.
• Linke Seitenleiste.
• Rechte und linke Seitenleiste.
• Keine Seitenleiste.

Es handelt sich dabei um Gliederung Ihrer Seiten, Ihr Blog wird davon nicht beeinflusst (Datei, Kategorie, Artikel) das behält Ihre Seitenleiste.

Standardmäßig fügt OceanWP die Seitenleiste zu den Seiten Ihrer Site hinzuNur wenige Benutzer möchten es wirklich behalten.

Die anderen Optionen auf der Registerkarte Allgemeine Einstellungen:

Immer auf dem Konto Darstellung> Personalisieren> Allgemeine Optionen> Allgemeine Einstellungen Sie können das Design der Suchergebnisseiten konfigurieren und gleichzeitig die aktivieren opengraph de Facebook.

A pesar de todo, me viene a la mente una pregunta: ¿no duplica esta opción la que ofrece Yoast SEO?

2.3 - Anzeigen, Ausblenden oder Anpassen des Seitentitels

Standardmäßig, wenn Sie aktivieren OceanWP, verás un Banner debajo del encabezado que muestra el título de sus páginas. Conseguirás la opción de mantener este banner o Deaktivieren Sie es auf allen Ihren Seiten.

Gehen Sie dazu zur Registerkarte Darstellung> Anpassen> Allgemeine Optionen> Allgemeine Optionen> Allgemeine Optionen> Allgemeine Optionen Seitentitel.

Hier ist eine Option verwirrend: "Sichtweite". Wir würden eher denken, dass es so ist Mit dieser Option können Sie auf das Banner reagieren mit dem Titel. Aber nicht. Sie müssen zur Option gehen "Stil" und wählen Sie den Zustand "versteckt" im Dropdown-Menü, wenn Sie dieses Banner mit dem Titel Ihrer Seiten vollständig deaktivieren möchten.

Unabhängig davon, wenn Sie auswählen "Hintergrundbild" Sie können ein Hintergrundbild Ihrer Titel hinzufügen ... Obwohl es Geschmackssache ist.

Bitte beachten Sie Folgendes:

• Um die Farbe Ihrer Titel zu beeinflussen, befindet sie sich immer auf der Registerkarte Darstellung> Anpassen> Allgemeine Optionen> Allgemeine Optionen> Allgemeine Optionen> Allgemeine Optionen Seitentitel.
• Um die Schriftart der Titel zu ändern, müssen Sie zur Registerkarte gehen Apariencia > Personalizar > Tipografía > Tipografía > Tipografia > Titulación 1 (h1)

2.4 - Bestimmen Sie die Quellen im Allgemeinen

Obwohl Sie auf alle Arten von Quellen reagieren können, denken Sie daran, die allgemeine Quelle Ihrer Site zu bestimmen. Mit anderen Worten, die Quelle des Hauptteils der Seite, um dies zu tun, gehen Sie zur Registerkarte Darstellung> Anpassen> Typografie> Seitenkörper.

Eine weitere Option ist gleichzeitig in verfügbar Aussehen> Personalisieren> Typografie> Typografie> Typografie>Allgemein. Wenn Sie in Frankreich leben, reicht die Teilmenge "Latein" aus.

2.5 - Konfigurieren Sie die anderen allgemeinen Einstellungen:

Schon seit OceanWP Es ist sehr anpassbar, Sie finden eine Option für jedes der Designelemente. Hier sind die meistgesuchten:

• Wo kann man die Backup-Schaltfläche ändern? Wimper Darstellung> Personalisieren> Allgemeine Optionen> Nach oben scrollen
• Wo kann man den Stil der Standardschaltflächen bestimmen? Tabulator Darstellung> Personalisieren> Allgemeine Optionen> Schaltflächenthema
  
• ¿Dónde personalizar la página de Fehler 404? pestaña Darstellung> Personalisieren> Allgemeine Optionen> 404-Fehlerseite
  
• Wo soll die Paginierung ermittelt werden? Tabulator Darstellung> Anpassen> Allgemeine Optionen> Paginierung
  

3 - Wie kann ich den Header einer Site mit OceanWP anpassen?

Das Header - - gleichzeitig Header genannt - ist ein Teil der Website, die tiene su Relevanz en términos de diseño. Wir möchten es gerne nach unseren Wünschen anpassen können: wie man das Menü organisiert, wenn man eine obere Leiste hinzufügt, welche Schriftarten und Farben verwendet werden sollen, wo das Logo platziert werden soll usw.

La mayoría de las opciones de personalización de Überschriften sind in der Sektion Darstellung> Anpassen> Kopfzeile

Ist in dem Registerkarte "Allgemein" (Darstellung> Anpassen> Kopfzeile> Allgemein) finden Sie hier Ihre Option für den Header-Stil. Dies ist ohne Zweifel die wichtigste Option. Sie können einen von 8 Stilen auswählen bereitgestellt von OceanWP, nämlich:

• Minimal: Dies ist das Standardmenü von OceanWP.
• Transparent: Das Menü hat keine Hintergrundfarbe.
• Bestes Menü: Das Hauptmenü befindet sich in einer oberen Leiste.
• Vollbild: Die Navigation ist ausgeblendet. Wenn Sie auf "Sandwich" klicken, deckt das Menü den gesamten Bildschirm ab.
• Zentriert: Das Logo oder der Titel Ihrer Website, wenn Sie kein Logo verwenden, wird zentriert.
• Mittel, Medium: Das Logo wird über die Navigationselemente übertragen.
• Vertikal: Das Menü wird standardmäßig links platziert, aber mit den Optionen können Sie es rechts platzieren.
• Benutzerdefiniert: Es ist ein benutzerdefinierter Header, den Sie aus Ihrer Bibliothek importieren können.

Denken Sie daran, dass je nach Ihrer Wahl, Neue Optionen werden direkt darunter angezeigt. Fühlen Sie sich frei zu scrollen, um zum zu gelangen alle Optionen von jedem Menüstil.

Sie können finden gemeinsame Optionen für jedes Menü, wie Hintergrundfarben, Linkfarben, Ränder usw. Gleichzeitig aber auch spezifische Optionen für jeden Optionstyp als Beispiel zusätzlichen Inhalt hinzufügen über die Verknüpfungen von OceanWP Sie existieren beispielsweise für den minimalen und transparenten Stil.

OceanWP ermöglicht es Ihnen, ein Medium in die Kopfzeile einzufügen. Alles, was Sie tun müssen, ist, zur Registerkarte Darstellung zu wechseln > Anpassen> Header> Medienheader. Unabhängig von Ihrer Unterstützung betragen die empfohlenen Abmessungen 2000 * 1200 px:

• Sie können ein Video einfügen. Wenn Du willst, kannst Du Füge die Option hinzu, einen Link zu YouTube hinzuzufügen.
• Alternativ können Sie gleichzeitig ein Bild einfügen.

Sehr interessante Möglichkeiten Mit dieser Option können Sie dem Träger einen undurchsichtigen Farbfilter hinzufügen. Dank eines Dropdown-Menüs können Sie die Position auswählen. Im Allgemeinen wird die zentrierte Position gesucht, aber es kann eine gute Option sein, eine andere Position zu wählen.

Wichtiger Hinweis: Wenn Sie Ihre Medien hinzufügen, werden Sie feststellen, dass das Menü zu eng ist, um Ihr Bild oder Video zu unterscheiden. Wenn dies Ihr Fall ist, sollten Sie Spielen Sie mit den inneren Rändern des Menüs. Dazu müssen Sie die Registerkarte ändern und zur vorherigen zurückkehren Darstellung> Anpassen> Kopfzeile> Allgemein. Hier finden Sie die Option dazu Polsterung unten und oben hinzufügen (innerer Rand) um die Box mit dem Material zu vergrößern.

3.3 - Fügen Sie ein Logo in die Kopfzeile ein oder ändern Sie die Farbe und Schriftart des Titels in der Kopfzeile

OceanWP nenne "Logo" Der Ort, an dem Sie Ihr Firmenlogo hinzufügen können. Wenn Sie kein Logo importieren, wird der Name Ihrer Site, regelmäßig das gleiche wie Ihre Marke oder Firma, wird an dieser Stelle angezeigt.

Daher ist es notwendig Darstellung> Anpassen> Kopfzeile> Logo wer wird diese Eigenschaften finden.

Wenn du entscheidest Behalten Sie den Titel bei, anstatt ein Logo zu importierenHier können Sie das ändern Titelfarbe und das Farbe von dem selben. Trotz allem, wenn Sie wollen Ändern Sie die Schriftart dieses Titelsmuss gehen zu Aussehen> Personalisieren> Typografie> Logo

Endlich, wenn Sie haben identifizierte den Typ des Headers Wenn dies am besten zu Ihrem Projekt passt, können Sie den Stil Ihres Hauptmenüs verfeinern.

Es ist in Darstellung> Anpassen> Kopfzeile> Menü dass Sie mit sehr schönen Effekten spielen können: Fügen Sie eine Animation und eine Farbe hinzu, wenn Sie mit der Maus über die Links in Ihrem Menü fahren.

Etwas weiter unten in den Optionen können Sie auf viele Einstellungen zugreifen, um die Farben der aktiven Links, der schwebenden Links, der Hintergrundfarben und sogar der Unterelemente auszuwählen, wenn Ihr Menü aus diesen besteht.

Selbst mit all diesen Optionen finden Sie nicht, wo Sie Schriftarten verwalten können. Dazu müssen Sie zur Registerkarte gehen Darstellung> Personalisieren> Typografie> Hauptmenü Y […] Hauptmenü: Dropdown-Liste

3.5 - Fügen Sie Social-Media-Symbole in die Kopfzeile ein

Mit einer Option können Sie Symbole aus vielen sozialen Netzwerken hinzufügen. Du solltest zu ... gehen Darstellung> Anpassen> Kopfzeile> Soziales Menü und klicken Sie auf "Soziales Menü aktivieren". Sie müssen lediglich die Links zu Ihren sozialen Netzwerken hinzufügen, damit sie im Menü angezeigt werden. Sie können aus 4 verschiedenen Stilen wählen.

Warnung: Wenn Sie die verwenden Minimaler Stil oder der Transparenter Stil Suchen Sie für Ihren Header-Typ nicht weiter. Social-Media-Symbole werden nicht in Ihrem Menü angezeigt.

In den Kopfzeilenanpassungen können Sie auf der letzten Registerkarte den Stil Ihres mobilen Menüs bestimmen (Darstellung> Personalisieren> Header> Menü für mobile Geräte).

Auf dieser Registerkarte können Sie mit der ersten Option den «Haltepunkt» bestimmen, dh die Größe des Bildschirms, von dem aus das Menü Ihrer Site in Form eines «Hamburgers» angezeigt werden soll.

Wenn Sie nach unten scrollen, sehen Sie eine Reihe anderer Optionen wie Linkfarbe, Cursorfarbe, Symbolstil usw.

3.7 - Passen Sie die «obere Leiste» an

Die obere Leiste Es ist ein Bereich, der oben auf dem Bildschirm über dem Hauptmenü und dem Logo platziert wird. OceanWP hat hier einen neuen Menübereich bereitgestellt, aber nicht nur das.

Zunächst können Sie auf der Registerkarte ein neues Menü erstellen Darstellung> Menü> Erstellen. Sie müssen die gewünschten Elemente hinzufügen, z. B. die Kontaktseite.

Stellen Sie dann sicher, dass diese obere Leiste sichtbar ist. Gehen Sie dazu zuDarstellung> Personalisieren> Obere Leiste> Allgemein und prüfe "Aktivieren Sie die obere Leiste" (oder deaktivieren Sie es, wenn Sie nicht möchten, dass es angezeigt wird). Sie werden die Gelegenheit nutzen, um den Stil der Leiste und die verschiedenen Farben zu bestimmen.

In der Registerkarte Darstellung> Anpassen> Obere Leiste > Inhalt Sie können Text hinzufügen, der kein Menüelement ist. Ein einfacher Text zum Hinzufügen einer Telefonnummer, einer E-Mail-Adresse oder sogar eines Werbetextes als Beispiel.

Kurz gesagt, in der Registerkarte Darstellung> Anpassen> Obere Leiste > Sozialen Medien Sie können Social-Media-Symbole einfügen. Sie müssen Links zu ihren Netzwerken hinzufügen, um sie anzuzeigen.

Sei vorsichtig damit Diese Symbole sind nicht redundant Mit denen, die im Hauptmenü eingefügt sind, müssen Sie sicherlich eine Auswahl treffen.

Für die Textschrift in dieser oberen Leiste sollten Sie zu gehen Darstellung> Anpassen> Typografie> Obere Leiste um es zu ändern.

 

4 - Passen Sie den Blog-Teil mit OceanWP an

Wenn Sie erwägen, einen "Blog" -Teil auf Ihrer WordPress-Site beizubehalten, oder wenn Sie einfach nur ein Blog selbst starten möchten, werden Sie begeistert sein Sie können diesen Teil der Website anpassen. Wenn Sie zur Registerkarte gehen Aussehen> Anpassen> Blog Sie sehen nur zwei Unterregisterkarten:

4.1 - Blog-Beiträge

Hier definieren Sie die Design Ihrer Blog-Seite und das Dateien von Sie Blog (wie die Kategorieseite als Beispiel).

Generell, Wir haben normalerweise nicht die Möglichkeit, das Design dieser Seite zu wählen. Dies sind dynamische Seiten, auf denen jeder neu veröffentlichte Artikel platziert wird.

In dieser Registerkarte "Blog-Einträge" du kannst wählen:

• Bereitstellung: Seitenleistenposition oder volle Breite (keine Seitenleiste)
• El tipo de etiquetado HTML de los títulos: H2 standardmäßig
• Das Blog-Stil: großes Bild, Raster oder Miniaturbild

Gleichzeitig erhalten Sie den Luxus, wählen zu können die Position jedes Elements dass Sie ziehen und ablegen und ein- und ausschalten können.

Das gleiche kann mit gemacht werden "Tore", diese Informationen, die in jedem Blog-Artikel enthalten sind (Autor, Veröffentlichungsdatum, Kategorie und Anzahl der Kommentare).

4.2 - Einzelartikel

Hier definieren Sie das Seitenlayout Ihrer Artikel (derjenige, der die verwendet Singular Archiv.php von OceanWP).

In dieser Registerkarte exklusiver Artikel Sie werden viele Optionen finden, mit denen Sie ein ultra-benutzerdefiniertes Design erstellen können:

• Das Layout: Seitenleiste rechts, links, beidseitig oder ohne Seitenleiste ...
• Die Kennzeichnung der Titel.
• Die Wahl des anzuzeigenden Titels: «Blog» oder «Artikeltitel».
• Die Option, das Bild des Artikels unten in der Kopfzeile anzuzeigen.
• Die Titelposition und der Breadcrumb-Pfad: rechts, mittig oder links.
• Die Position: Hier geht es um die Position des Titelhintergrundbildes.
• Die Position der anzuzeigenden Elemente: Klicken Sie auf das Augensymbol, um sie zu aktivieren / deaktivieren
• Die Meta-Box (Artikelinformationen).
• zusammenhängende Posts

4.3 - Löschen oder Anpassen der Breadcrumb-Route

Es ist nicht in den Blog-Optionen, wo Sie können Handle auf dem Breadcrumb TrailNein, du wirst es in finden Aussehen> Personalisieren> Personalisieren Allgemeine Optionen> Seitentitel.

Wenn Sie mit der Maus scrollen, wird ein Kontrollkästchen angezeigt oder deaktiviert, um den Breadcrumb-Pfad zu aktivieren oder zu deaktivieren.

Gleichzeitig können Sie die Position, die Farbe der Links und die Farbe auswählen, wenn Sie mit der Maus darüber fahren.

5 - Passen Sie die Fußzeile mit OceanWP an

Das Fusszeile ist er Fusszeile Ihrer WordPress-Site. Es erscheint auf jeder Seite und jedem Artikel auf Ihrer Website. Das ist Der ideale Ort, um Credits / Urheberrechte und Widgets hinzuzufügen um Menschen zu helfen, Sie zu kontaktieren oder zu finden.

Das Thematische Fußzeile von OceanWP es ist in zwei Teile unterteilt:

• er Fußzeile von Das Teil Widget: um die berühmten zu zeigen Widgets
• Das Teil niedriger von Fusszeile: zum Credits anzeigen aber gleichzeitig die Fußzeilenmenü.

5.1 - Fußzeilen-Widgets

Wenn Sie nicht in Betracht ziehen, Widgets zur Fußzeile Ihrer Website hinzuzufügen, ist es eine gute Idee, diese Platzierung zu deaktivieren. Gehen Sie dazu zu Aussehen> Personalisieren> Personalisieren Fußzeilen-Widgets und deaktivieren Sie die Option "Fußzeilen-Widgets aktivieren".

Wenn Sie außerdem Widgets am unteren Rand der Seite anzeigen möchten, lassen Sie das Häkchen in diesem Feld und konfigurieren Sie die wenigen verfügbaren Optionen:

• Sichtbarkeit: auf allen Geräten oder nur auf PC-Versionen
• Widget-Bereich fixieren
• Fügen Sie einen Parallaxeeffekt hinzu
• Bestimmen Sie die Anzahl der Spalten: 1, 2, 3 oder 4
• Innenrand hinzufügen (Polsterung)
• Bestimmen Sie den Hintergrund, den Text und die Farben der Links

Um die Schriftart (den Typ) der Titel Ihrer Widgets zu ändern, befinden Sie sich auf der Registerkarte Aussehen> Personalisieren> Typografie> Typografie> Typografie> Titel des Fußzeilen-Widgets dass Sie diese Aktion ausführen können.

Auf der Registerkarte können Sie festlegen, welche Widgets am unteren Rand der Seite angezeigt werden sollen Aussehen> Widgets. Ziehen Sie die Widgets an die entsprechenden Stellen. Lesen Sie diesen Artikel über Widgets, um mehr zu erfahren.

5.2 - Fußzeilen-Credits

Standard, die Credits, die in der Fußzeile des OceanWP erscheinen sind «Urheberrechte © 2018 – OceanWP Theme by Nick».

Natürlich möchten Sie diesen Text ändern.

Zu diesem Zweck werden Ihre Änderungen auf der Registerkarte in einem speziellen Feld begrüßt Aussehen> Personalisieren> Personalisieren Fußzeile. Sie können nicht nur Ihr eigenes Urheberrecht eingeben, sondern gleichzeitig einen von OceanWP bereitgestellten Shortcode, der hier aufgeführt ist.

Als Beispiel die Einführung[oceanwp_date] Das Jahr wird in Echtzeit angezeigt: 2018, 2019, 2020… und Sie müssen Ihr Jahr nicht jedes neue Jahr ändern.

Um die Schriftart (Tippfehler) der Fußzeilen-Credits zu ändern, befinden Sie sich auf der Registerkarte Aussehen> Personalisieren> Typografie> Typografie> Typografie> Fußzeile Copyright dass Sie diese Aktion ausführen können.

OceanWP hat einen Standort bereitgestellt für ein Menü am Ende der Seite. Das Menü muss auf der Registerkarte erstellt werden Aussehen> Menü Wie immer. Dieses Menü benötigt nur der Position zugeordnet werden "Fusszeile".

Um die Farben zu ändern, befinden Sie sich gleichzeitig auf der Registerkarte Aussehen> Personalisieren> Personalisieren Fußzeile.

Um den Schrifttyp und die Schriftgröße zu ändern, befinden Sie sich auf der Registerkarte Aussehen> Personalisieren> Typografie> Typografie> Typografie> Fußzeilenmenü

Bitte beachten Sie, dass es keine Möglichkeit gibt, Social-Media-Symbole in die Fußzeile einzufügen. Die einzigen Stellen, an denen Sie sie anzeigen können, sind das Hauptmenü und die obere Leiste (wie zuvor in diesem Artikel gezeigt).

Bis zu diesem Teil des Artikels haben wir das Layout der gesamten Site festgelegt. Dies bedeutet, dass alle ausgewählten Einstellungen unsere Standardeinstellungen sind.

Unabhängig davon müssen Sie aus einigen Gründen möglicherweise nur auf wenigen Seiten eindeutige Einstellungen festlegen.

Diese Funktionalität ist dank der realisierbar Aktivierung der Ocean EXTRA-Erweiterung, verfügbar nach der Installation des OceanWP-Themas (siehe Kapitel 1 - Voraussetzungen)

Dieses Plugin Fügen Sie unten im WordPress-Editor ein Feld hinzu. das wird leicht variieren je nach Wenn Sie eine Seite oder einen Artikel bearbeiten (Tablette Nr. 9 wird auf seinen Seiten nicht vorhanden sein):

In diesem Feld können Sie die Standardeinstellungen überschreiben, um eine einzelne Regel für den Artikel oder die Seite anzugeben, die Sie bearbeiten.

Dafür bietet Ihnen EXTRA 8 bis 9 Token an:

1. Schulleiter: Hier können Sie das Design dieser bestimmten Seite oder dieses Artikels ändern. Die Standardeinstellung ist die bereits in Kapitel 2.2 dieses Artikels angegebene.
2. Funktionscodes: Felder sind verfügbar, um Shortcodes an bestimmten Stellen auf Ihrer Site hinzuzufügen. Zur Erinnerung, hier ist die Liste der Verknüpfungen.
3. Header: Sie können das Header-Design ändern, z. B. die obere Leiste nur für diese Seite entfernen.
4. Logo: Dank dieses Felds können Sie auf jeder Seite Ihrer Website ein anderes Logo anzeigen.
5. Speisekarte: Hier können Sie alles in den Menüeinstellungen neu definieren, z. B. Farben, Schriftarten, Größen usw.
6. Qualifikation: Sie können den Seitentitel anzeigen oder deaktivieren. Oder noch besser, Sie können den Text anpassen, eine Beschriftung hinzufügen und vieles mehr.
7. Brotkrumenroute: Ändern Sie einfach den Breadcrumb-Pfad nur für diese Seite oder diesen Artikel.
8. Fusszeile: Sie können Widget-Bereiche oder sogar das Urheberrecht anzeigen oder deaktivieren.
9. Artikel: Diese Registerkarte ist nur vorhanden, wenn Sie Ihre Artikel bearbeiten. Sie können für jeden Artikel einen bestimmten Inhalt hinzufügen, z. B. ein Zitat.

Wichtig: Die von Ocean Extra angebotenen Optionen sind so konzipiert um die Standardlayoutregeln neu zu schreiben, bereits im Voraus konfiguriert ... Es wäre kontraproduktiv Konfigurieren Sie keine Standardeinstellungen und das zusätzliche Feld auf jeder Seite oder jedem Artikel konfigurieren zu müssen ... Wenn Ihr grundlegendes Design ausreicht, erhalten Sie fast nichts, was Sie in dieses Feld eingeben können.

7 - Erweiterungen für OceanWP

OceanWP empfiehlt die Verwendung von Elementor, Ocean Extra (das wir gerade gesehen haben) und WPForm. Trotz allem können Sie andere Erweiterungen verwenden.

Außer, abgesondert, ausgenommen Ocean Extra, was für dieses Thema unersetzlich ist, Elementor könnte ersetzt werden von Ihrem Lieblingsbauer und sogar von Gutenberg Da beide unterstützt werden, können Sie für Formulare versuchen OceanWP mit Caldera Forms oder Gravity Form. Es sollte keine Konfrontationen geben.

OceanWP Gleichzeitig bietet es ein Premium-Erweiterungspaket mit vielen Plugins zur Förderung nativer Funktionen. Der Preis für dieses Premium-Paket beträgt 39 € / Jahr:

• Portfolio ist eine Erweiterung, mit der Sie Ihrer Site ein Portfolio hinzufügen können. Sie können es mit einem Shortcode auf jeder Seite anzeigen. Gleichzeitig enthält das Portfolio eine Filterleiste.
• Woo Popup ist eine WooCommerce-Erweiterung, mit der Sie eine personalisierte Nachricht anzeigen können, wenn Sie auf die Schaltfläche "In den Warenkorb" klicken.
• Das Plugin Klebrige Fußzeile Mit dieser Option können Sie Ihre Fußzeile anpassen. Sie können ein Menü in der Fußzeile oder Textleiste hinzufügen, seine Farbe anpassen, es korrigieren usw.
• Ozeanhaken ist eine Erweiterung, mit der Sie Shortcodes verwenden und Ihrem Thema Code hinzufügen können, um die verschiedenen Elemente des Themas zu steuern, ohne ein untergeordnetes Thema erstellen zu müssen.
• Elementor Widgets ist eine Erweiterung zur Förderung von Elementor durch Hinzufügen neuer Elemente zum Seitenersteller.
• Seitenverkleidung ist ein Plugin, mit dem Sie Ihrer Website eine hochgradig anpassbare Seitenleiste hinzufügen können.
• Das Plugin Sticky Header schlägt vor, einen festen Header (sticky = sticky) hinzuzufügen und dessen Anzeige und Verhalten zu bestimmen.
• Mit dem Fusszeilekönnen Sie oben in Ihrer Fußzeile einen Abschnitt hinzufügen. Es steht Ihnen frei, einen Link oder eine Schaltfläche zum Aufrufen von Aktionen hinzuzufügen.

Die kostenlose Version von OceanWP ist schon sehr funktionsreich, Sie finden viele kostenlose Erweiterungen im offiziellen Repository. Sie können sie auch durchsuchen => alle kostenlosen OceanWP-Erweiterungen entdecken.

8 - OceanWP optimieren

Es ist wahr, dass man sich bei all diesen Optionen fragen könnte, ob OceanWP Es wird Ihre WordPress-Sites verlangsamen. Je mehr Optionen es gibt, desto mehr Code wird natürlich in den Themendateien enthalten sein.

Genau, Sie können auf einige Optimierungen reagieren, indem Sie auf die Registerkarte gehen Themenbereich> Skripte und Stil. Sie können die Skripte und Stile deaktivieren, die Sie nicht benötigen. Dies verbessert die Ladegeschwindigkeit Ihrer Website. Sie müssen lediglich die nicht verwendeten Optionen deaktivieren.

[Zurück zur Zusammenfassung]

9 - Import / Export-Funktionen

Zusammen mit allen Optionen, die OceanWP bietet, können Sie gleichzeitig viel Zeit beim Importieren oder Exportieren von Konfigurationen oder Demos sparen. Mit OceanWP können Sie dies gleichzeitig tun.

9.1 - Importieren Sie eine OceanWP-Demo

Obwohl es nicht immer gut ist, ein vollständiges Design zu importieren, können Sie es wählen. Wenn Sie dies tun müssen, müssen Sie ein Plugin hinzufügen: Ocean Demo Import.

Dank dessen können Sie ein vordefiniertes Layout mit nur einem installieren klicken!

Nach der Installation Ocean Demo Importwird eine neue Unterregisterkarte unter verfügbar sein «Themenpanel»Dies ist die Registerkarte "Demos installieren". Hier sind 13 Designs, die Sie kostenlos importieren und live in der Vorschau anzeigen können.

Indem ich es tue klicken In einer Demo wird ein Popup-Fenster geöffnet, in dem Sie aufgefordert werden, neue Erweiterungen hinzuzufügen, damit der Import des Modells mit der ursprünglichen Demo übereinstimmt.

Wenn die Schaltfläche angezeigt wird Jetzt installieren) bedeutet, dass das Modul frei ist. Wenn die Schaltfläche angezeigt wird "Holen Sie sich dieses Modul"bedeutet das Es ist eine Premium-Erweiterung. Aber das ist nicht das Problem.

Bei Bedarf ist Vorsicht geboten Installieren Sie eine Demo auf einer Site, die bereits Inhalte enthält und der nächste Importschritt wird entscheidend sein.

Wenn Sie die 3 Importoptionen auf einer Site aktivieren, die bereits über eigenen Inhalt verfügt, können durch den Import Ihre alten Anpassungseinstellungen, Menüs, Seiten, Architekturen usw. entfernt werden.

In jedem Fall wird dringend empfohlen, diese Demos auf Testwebsites oder "neuen" Websites zu installieren.

Fühlen Sie sich frei, ein WordPress in einer lokalen Umgebung zu installieren, um Ihre Importtests durchzuführen. Es ist vorsichtiger.

9.2 - Themeneinstellungen importieren oder exportieren

Eine andere Möglichkeit: Wenn Sie OceanWP normal verwenden, können Sie die Grundeinstellungen im Customizing schnell vornehmen, indem Sie die Einstellungen aus Werk A importieren, um sie in Werk B einzufügen.

Gehen Sie dann zur Registerkarte Import Export befindet sich unten Thematisches Panel.

Über die rechte Einfügung (blaues Kästchen) können Sie die Einstellungen im JSON-Format exportieren. Wenn Sie eine neue Site einrichten, wird die Importfunktion (rosa Kästchen) verwendet, mit der Sie die zuvor exportierte JSON-Datei drucken können.

10 - OceanWP VideoTutorial auf YouTube

Ein Video, das besser als 1000 Wörter spricht. Ich schlage vor, dass Sie im Video das kostenlose OceanWP-Thema (ca. 25 Minuten) entdecken, was mir gefällt, was mir nicht gefällt und wie ich es am besten nutzen kann.

Fazit

Diejenigen unter Ihnen, die nach einem guten kostenlosen WordPress-Design suchen, werden das Angebot von OceanWP zu schätzen wissen.

Das Thema platziert die meisten Layout- und Stiloptionen im WordPress-Theme-Customizer, sodass Sie in Echtzeit sehen können, wie die Änderungen aussehen.

Anfänger werden es zu schätzen wissen, wie sehr dies hilft, Änderungen vorzunehmen.

Zusätzliche Einstellungen werden im visuellen Editor von WordPress angezeigt kann verwendet werden, um eindeutig zu personalisieren jede der Seiten Ihrer Website. Dies eröffnet eine unbegrenzte Anzahl von Möglichkeiten zum Erstellen Ihrer Website.

Los creadores de páginas al mismo tiempo son compatibles, dado que puede deshabilitar items de la página como el encabezado, el pie de página y las Riegel laterales con sólo hacer clic en un botón. Cabe señalar, a pesar de todo, que OceanWP tiene mejor incorporación con Elementor que otros creadores de páginas.

Ich denke, Entwickler sollten den OceanWP-Installationsprozess für Anfänger verbessern und möglicherweise die Ocean Extra-Funktionalität direkt in das Thema selbst einfügen. Unabhängig davon ist die Implementierung der kostenlosen Themendemos von OceanWP ein größeres Problem.

Das thematische Demosystem ist ohne Zweifel eine der besten Funktionen von OceanWP, da Benutzer auf einen Katalog hochwertiger Designs zugreifen können.

Daher ist es enttäuschend, dass für jede kostenlose Theme-Demo eine Premium-Plugin-Erweiterung erforderlich ist, um ordnungsgemäß zu funktionieren.

In dieser Hinsicht ist die Vollversion von OceanWP eine bessere Darstellung dessen, was OceanWP kann.

Jede Premium-Plugin-Erweiterung kostet $9.99 pro Jahr. Trotz allem ist die persönliche Lizenz, die für 34,99 € erhältlich ist, der beste Kauf.

Durch den Kauf des Core Extensions Bundle erhalten Sie ein Jahr lang Support und Updates, Zugriff auf alle Premium-Plugin-Erweiterungen und Zugriff auf alle Demos von professionellen Themen.

Ja Sie möchten weitere Informationen über OceanWP, Ich empfehle es dir Installieren Sie die kostenlose Version um selbst zu sehen, wie es funktioniert.

Weitere Informationen zum Thema, zu verfügbaren Themendemos und zu verfügbaren Plugin-Erweiterungen erhalten Sie unter Offizielle Website von OceanWP.

Schauen Sie sich gleichzeitig den umfangreichen Dokumentationsbereich an. Enthält Video-Tutorials und schriftliche Tutorials der wichtigsten OceanWP-Funktionen und erklärt, wie jede Plugin-Erweiterung funktioniert.