OceanWP: Das anpassbare WordPress-Theme Nr. 1

Oceanwp Wordpress Theme Blog-Bild
  • Beitrags-Autor:
  • Lesedauer:27 min Lesezeit
  • Beitrags-Kategorie:WordPress Themes

Das OceanWP-Design bietet viele sofort einsatzbereite Funktionen. Seine Eigenschaften können aber auch durch eine Vielzahl kostenloser oder kostenpflichtiger Erweiterungen verbessert werden. Es ist daher keine Überraschung, dass das OceanWP-Thema mit über 700.000 aktiven Installationen sehr beliebt geworden ist. Es hat auch eine Punktzahl von 4,9/5 auf der WordPress.org-Website für mehr als 5.000 Bewertungen erhalten.

Beispiele für Oceanwp-Demos
OceanWP Demos

Dank des OceanWP-Themes kann man zweifellos eine professionell aussehende Website erstellen. Dafür müssen Sie jedoch das kostenpflichtige Paket (von OceanWP Core Extension Bundle genannt) verwenden, um alle Modelle und alle Plugins zu haben. Es ist auch möglich, die Erweiterungen einzeln zu kaufen, aber das erscheint angesichts des geringen Preisunterschieds im Vergleich zum Gesamtpaket nicht sehr interessant.

Beispiele für Oceanwp-Demos
OceanWP Demos

Es gibt insgesamt 225 Vorlagen (davon 15 kostenlos) und 20 Erweiterungen (davon 7 kostenlos ).

OceanWP Cloudways
OceanWP Demos

Die meisten wurden für einen bestimmten Zweck entwickelt, z. B. für einen Online-Shop oder die Website eines kleinen Unternehmens. Davon abgesehen können alle Vorlagen für alle Arten von Websites verwendet werden: Mit OceanWP können Sie nicht nur Farben und Schriftarten ändern, sondern auch die Gesamtstruktur Ihrer Website.

Beispiele für OceanWp-Demos

Die Vorlagen (von OceanWP Demos genannt) sind in mehrere Kategorien unterteilt: Beauty, Blog, Photography, Tech, Bars, Health, Restaurants, Mediation, Coaching, Religion, Portfolio, Business, Ecommerce, Services, Fashion, Sports, Art & Design, Meditation…

Beispiele für Oceanwp-Demos
OceanWP Demos

Die WooCommerce-Integration ist ausgezeichnet, mit bekannten Modifikationen, die zu Ihrer WordPress-Website integriert sind, mit einem kontextuellen Fenster und einem flottierenden Barre für das Panier d’achat. Es gibt auch einen Schnellansichtsmodus, der es dem Kunden ermöglicht, ein Produkt zu sehen, ohne die aktuelle Seite verlassen zu müssen.

Beispiele für Oceanwp-Demos
OceanWP Demos

Was die Kompatibilität betrifft, funktioniert das OceanWP-Design perfekt mit den Menüs und Funktionen von WPML, dem Plugin, mit dem Sie Ihre WordPress-Site mehrsprachig (66 Sprachen) gestalten können.

WPML-Wordpress-mehrsprachiges-Plugin-Banner
WPML WordPress Plugin

Der Vorteil des Premium-Pakets gegenüber dem kostenlosen Paket besteht darin, dass es Ihnen Zugriff auf 12 Monate Support und Updates gibt, einschließlich neuer Vorlagen und neuer Erweiterungen, die im OceanWP-Katalog erscheinen.

Wenn Sie sich einige Beispiele für OceanWP-Vorlagen ansehen möchten, können Sie diese hier anzeigen, ohne sie installieren zu müssen.

In Bezug auf die verfügbaren Pläne gibt es drei Lizenzpläne. Diese geben Ihnen Zugang zu den gleichen Inhalten, der Unterschied liegt in der Anzahl der Websites, die erstellt werden können: eine einzelne Website für den Plan „ Persönlich “, 3 Websites für den Plan „ Geschäftlich “, 25 Sites für den Plan „ Agentur “. Jeder Plan kann jährlich oder lebenslang sein.

Installieren einer Vorlage und ihrer Erweiterungen

Das OceanWP-Design kann von WordPress.org oder direkt von der Seite „Designs“ im Abschnitt „WordPress-Erscheinungsbild“ heruntergeladen werden.

Sobald Sie OceanWP aktiviert haben, wird eine Meldung angezeigt, in der empfohlen wird, drei WordPress-Plugins zu installieren: Ocean Extra, Elementor und WP Forms. Tatsächlich ist Ocean Extra unerlässlich, da sonst wesentliche Themenfunktionen, wie zum Beispiel das OceanWP-Bedienfeld, nicht angezeigt werden, wenn Ocean Extra nicht aktiviert ist.

Sobald Ocean Extra aktiviert ist, wird das Design-Panel-Menü für OceanWP in Ihrem Admin-Menü angezeigt.

Oceanwp-Themenfeld
OceanWP Themenbereich

Als nächstes empfiehlt OceanWP dem Benutzer, den Installationsassistenten zu starten und dann die erforderlichen Erweiterungen für das ausgewählte Modell zu installieren.

Auf der nächsten Seite können Sie grundlegende Einstellungen für Ihre Website anpassen, z. B. Logo, Seitentitel und Slogan. Auf dieser Seite können Sie auch Standardfarben für Ihr Website-Design und Ihre Links auswählen.

Dank der Partnerschaft von OceanWP mit Cloudways ist es auch möglich, Demos mit einem Klick zu importieren.

Passen Sie OceanWP an

Auf der Hauptseite des Themes-Panels können Sie Abschnitte des OceanWP Theme Customizer aktivieren und deaktivieren.

Oceanwp-Themenfeld
OceanWP Themenbereich

Unten finden Sie Links zu wichtigen Customizer-Einstellungen, wie dem Hochladen Ihres Logos und dem Ändern Ihrer Kopf- oder Fußzeile.

Der Einrichtungsassistent kann auch von dieser Seite aus neu gestartet werden.

Neue Registerkarten und Optionen

Im Hauptmenü von WordPress sehen wir, dass vier Registerkarten erschienen sind: das Menü “Posts Slider“, das Menü “Elementor “wenn Sie diese Erweiterung noch nicht haben, das Menü”Aussehen ” (das in Optionen am häufigsten bereitgestellt wird) und schließlich das Menü “Themenpanel “.

Alle Designeinstellungen können in eine “.dat”-Datei exportiert werden, was nützlich ist, wenn Sie Ihre Einstellungen sichern möchten, was nützlich sein kann, bevor Sie ein anderes Design oder eine Erweiterung installieren.

Sie können bestimmte Teile Ihrer Website wie Kopfzeile, Fußzeile und Seitenleisten deaktivieren. Sie können auch den Kopfzeilenstil ändern.

Shortcodes können vor und nach wichtigen Teilen Ihrer Seiten hinzugefügt werden, und Sie können das verwendete Logo und Navigationsmenü ändern.

Titel können komplett geändert werden. Sie können Titel, Untertitel und Titelstil ändern. Sie können sie auch vollständig deaktivieren.

Auf der Seite „Skripte und Stile“ können Sie Dutzende von JavaScript- und CSS-Elementen aktivieren und deaktivieren. Das Deaktivieren von Elementen, die Sie nicht verwenden, trägt dazu bei, die Gesamtgröße Ihrer Seiten zu reduzieren, was wiederum die Ladezeiten Ihrer Seiten verkürzt.

Oceanwp-Themenfeld
OceanWP-Skripte und -Stile

Wichtige Klarstellung: Jede Änderung, die im Menü „Darstellung“ vorgenommen wird, kann in Echtzeit in der Vorschau angezeigt werden, was das Konfigurieren von Seiten viel angenehmer macht, als Menüs zu schließen, bevor das Ergebnis entdeckt wird.

OceanWP-Design anpassen
OceanWP-Design anpassen

Aber wo Sie wirklich erkennen, dass die Anpassungsmöglichkeiten dieses OceanWP-Themes fast endlos sind, ist, wenn Sie sehen, dass die Seiten zusätzlich unabhängig für Desktop-Computer, Tablets und Smartphones angepasst werden können! Es handelt sich nicht um eine einfache Beratung oder Überprüfung des Erscheinungsbilds der Website gemäß der Größe der Bildschirme. Die Möglichkeit, unabhängige Einstellungen auf verschiedenen Gerätetypen vorzunehmen, macht OceanWP sehr leistungsfähig und ermöglicht es Ihnen, von einer hervorragenden SEO in den Augen von Google zu profitieren.

OceanWP Theme Responsiv
OceanWP Theme Responsiv

In diesem Menü „ Darstellung “ enthält der Abschnitt „ Allgemeine Optionen “ 9 Untermenüs, und hier finden Sie die meisten grundlegenden Parameter, um das Erscheinungsbild Ihrer WordPress-Site anzupassen.

Allgemeine Optionen für das Thema oceanwp
OceanWP Allgemeine Optionen

Sie können leicht ändern:

  1. der Stil des Designs Ihrer Website (Kopfzeilenstil und -farben, Hintergrundfarbe oder -bild, Linkfarbe),
  2. den Layoutstil (Registerkarte „ Allgemeine Einstellungen “) mit spezifischen Optionen für die Suchseite,
  3. die Optionen in Bezug auf den Titel der Seiten (Sichtbarkeit, Tag, Stil, Innenrand, Text- und Hintergrundfarben) sowie den Breadcrumb-Pfad (Trennzeichen, Taxonomie usw.),
  4. Optionen nach oben scrollen (Stil, Position, Farben),
  5. Paginierungsoptionen (Ausrichtung, Schriftart, Rahmen, Farben),
  6. Formulareinstellungen (Rahmenstile, Farben, Schriftarten usw.),
  7. Schaltflächenstile (Rand, Rahmen, Farben …),
  8. Definieren Sie eine 404-Fehlerseitenvorlage oder deren Layout,
  9. die Icons (Wahl zwischen „Simple Line Icons“ und „Font Awesome Icons“),
  10. einige Einstellungen in Bezug auf SEO (Bilder),
  11. CSS-Einstellungen, um die Anzeigegeschwindigkeit Ihrer Seiten zu beschleunigen.

Der Abschnitt „ Typografie kann für jedes Element Ihrer Website, einschließlich Blog-Titel, unabhängig voneinander bearbeitet werden.

Der Abschnitt ” Kopfzeile ” ist ebenfalls vorhanden: Farben, Größe, Ränder und andere Optionen für Ihre Kopfzeile können einfach geändert werden. Große Bilder und Videobanner können hochgeladen werden, um in der Kopfzeile zu erscheinen.

Schließlich erlaubt Ihnen der Abschnitt ” Fußzeile Fußzeile ” neben anderen Optionen, Ihre eigene Copyright-Meldung zu definieren.

Von OceanWP angebotene Erweiterungen

oceanwp-plugins
OceanWP-Add-Ons

Die kostenlosen Erweiterungen sind: Stick Anything, Modal Window, Posts Slider, Demo Import, Custom Sidebar, Product Sharing, Social Sharing und das wichtigste, Ocean Extra. Alle diese Erweiterungen können von der Website wordpress.org oder direkt von Ihrem WordPress-Administrationsbereich heruntergeladen werden.

Premium-Erweiterungen sind: Vollbild, Cookie-Hinweis, Popup-Anmeldung, White Label, Portfolio, Woo Popup, Sticky Footer, Ocean Hooks, Elementor Widgets, Side Panel, Sticky Header und Footer Callout.

Kostenlose OceanWP-Plugins

  • Stick Anything ist ein einfaches Plugin, mit dem Sie ein bestimmtes CSS-Element auf Ihre Seite kleben können. Es kann für Logos, Formulare … verwendet werden.

  • Modales Fenster kann verwendet werden, um Inhalte zu einem modalen Fenster hinzuzufügen und die Schaltfläche anzuzeigen, wo immer Sie möchten.

  • Mit dem Posts Slider können Sie Ihre Blog-Posts als schöne Slides anzeigen. Sie haben die volle Kontrolle über die Größe der verwendeten Thumbnails, die Anzahl der Folien und deren Geschwindigkeit. Sie können die Folien auch auf Artikel aus einer einzelnen Kategorie beschränken oder im Gegenteil die Option “zufällig” wählen.

  • Demo-Import ermöglicht den Import von Benutzerdemos, Widgets und benutzerdefinierten Einstellungen mit einem Klick. Ziemlich praktisch, um Zeit zu sparen.

  • Sidebars können in unbegrenzter Anzahl erstellt und mit der Custom Sidebar- Erweiterung vollständig angepasst werden.

  • Das Product -Sharing -Plugin ermöglicht es WooCommerce-Benutzern, Social-Media-Sharing-Buttons unter Produkten anzuzeigen.

  • Wenn Sie unter Blogbeiträgen Schaltflächen zum Teilen hinzufügen möchten, sollten Sie die Social Sharing -Erweiterung verwenden. Das Plugin unterstützt mehrere Social-Media-Dienste, darunter unter anderem Twitter, Facebook, LinkedIn, Pinterest sowie Telegram und Vkontakte.

  • Und schließlich Ocean Extra , das wir bereits gesehen haben: Diese Erweiterung ist für das Themenpanel, Skripte und Stile und vieles mehr erforderlich.

OceanWP Premium-Plugins

  • Mit der Vollbilderweiterung können Sie eine Vollbild-Scrolling-Website erstellen. Sie können die Bildlaufgeschwindigkeit anpassen, eine seitliche Navigationsleiste hinzufügen und die Navigationsfarbe anpassen, damit Sie den gewünschten Inhalt anzeigen können. Sie müssen Elementor aktivieren, um diese Erweiterung zu verwenden.

  • Die Cookie-Hinweis -Erweiterung ermöglicht es Besuchern, die Warnung anzuzeigen, dass die Website Cookies verwendet, um die europäische Gesetzgebung zu Cookies und die DSGVO-Verordnung einzuhalten. Der Inhalt sowie die Schaltfläche sind vollständig anpassbar, und es stehen zwei Nachrichtenstile zur Auswahl.

  • Mit der Popup-Login -Erweiterung können Sie ein Formular zum Erstellen eines Kontos und zum Anmelden für Benutzer der Website sowie zum Zurücksetzen des Passworts erstellen. Sie können Hintergrundbild, Inhalt, Titel, Beschreibung und Stil Ihres Formulars konfigurieren.

  • Mit der White Label -Erweiterung können Sie die Marke OceanWP durch eine eigene Marke ersetzen, eine nützliche Option für freiberufliche Entwickler und Webagenturen. Es ist auch möglich, eine eigene Beschreibung, ein eigenes Bild sowie den Namen und die URL des Autors hinzuzufügen.

  • Besonders willkommen ist die Portfo l io Erweiterung für alle, die die Anzeige von Fotos auf ihrer Präsentationsseite extrem individualisieren möchten. Es ist auch möglich, die Ränder, die Polsterung, die Farben und die Typografie zu konfigurieren.

  • Die Woo Popup -Erweiterung zeigt Käufern eine Nachricht an, wenn sie zum Kauf eines Artikels klicken, und teilt ihnen mit, dass das Produkt ihrem Einkaufswagen hinzugefügt wurde. Sie können Ihre eigenen Texte sowie die Abmessungen, Auffüllung und Rahmen Ihrer Nachricht konfigurieren.

  • Mit der Sticky Footer -Erweiterung können Sie das Menü, den Text und die Farben Ihrer Fußzeile anzeigen und konfigurieren. Sie können auch festlegen, dass diese Fußzeile nicht nur auf Desktop-Computern und nicht auf Tablet- oder Smartphone-Bildschirmen angezeigt wird.

  • Mit der Ocean Hooks- Erweiterung können Sie dank einfacher Shortcodes und PHP-Codes personalisierte Inhalte in den verschiedenen Bereichen einer Website anzeigen, ohne ein untergeordnetes Thema verwenden zu müssen. So können Sie Ihre Inhalte danach differenzieren, ob Besucher mit Ihrer Seite verbunden sind oder nicht. Diese Codes können einer Seite, einem Blogbeitrag oder einer Taxonomie hinzugefügt werden.

  • Die Elementor Widgets -Erweiterung ermöglicht es, das Layout der Website zusätzlich zur bekannten Elementor-Erweiterung zu konfigurieren. Sie haben Zugriff auf eine beeindruckende Liste sehr nützlicher Widgets: Schaltflächen, WooCommerce, Passwortverwaltung, Google Maps, Animationen, Titel, Links, Formulare, Navigationsleisten, …

  • Die Seitenwanderweiterung fügt eine Seitenwand hinzu. Dieses Panel ist responsiv: Es wird nicht auf Tablets oder Smartphones angezeigt, je nach den von Ihnen definierten Einstellungen. Das Panel ist vollständig anpassbar: Es ist möglich, die Widgets zu definieren, die Teil davon sein werden, die Seite, auf der es angezeigt wird, seine Breite, die Farben, …

  • Die Sticky Header -Erweiterung wird verwendet, um die Kopfzeile oben auf der Seite festzuhalten, sodass Sie die Kopfzeilenhöhe und spezifische Konfigurationen für Tablets und Smartphones bestimmen können. Es ist immer noch möglich, ein Element zwischen dem oberen Rand der Seite und der festen Kopfzeile hinzuzufügen.

  • Die letzte Erweiterung des OceanWP-Katalogs, Footer Callout , wird verwendet, um eine bestimmte Leiste über der Fußzeile anzuzeigen, die entsprechend den gewünschten Seiten aktiviert oder deaktiviert werden kann.

Zusammenfassend ist OceanWP aufgrund der Anzahl der verfügbaren Demos, seiner Anpassungsmöglichkeiten, seiner Zuverlässigkeit und seiner Anzeigegeschwindigkeit ein sehr interessantes Thema. Dies ist auch die Vorlage, die ich für meine eigene Website in der Kategorie Blog verwendet habe: die Tech- Vorlage.

Beispiele für Oceanwp-Demos
OceanWP Demos

Sie können diesen Artikel zu den neuesten Demos sowie zur Partnerschaft mit Cloudways konsultieren, um Ihre Demos mit einem Klick zu installieren.

Beispiele für Oceanwp-Demos
OceanWP Demos

This publication is also available in : English Français Español Italiano Svenska Português Ελληνικά Türkçe

Schreibe einen Kommentar