WordPress Themes

Was sind WordPress Themes?

Themes sind Schablonen für die Darstellung der Inhalte Deiner Webseite. Es gibt zum Beispiele eine Schablone für die Startseite: Oben siehst Du die Navigation, dann folgt der erste Text, darunter drei Bilder zum Klicken, dann geht es weiter mit Text.

Klickst Du auf eines der drei Bilder, wirst Du auf eine Unterseite geleitet, wo Du oben ein Bild siehst und darunter Text. Dies ist eine andere Schablone, wo die Felder für die Ausgabe etwas anders angeordnet sind.

WordPress Theme kaufen oder kostenlos?

Etliche Firmen bieten Themes zum Kaufen an. Einige bieten einen enormen Funktionsumfang und sehen beeindruckend aus.

Ich bin auf einer Webseite, die mit WordPress erstellt worden ist. Welches Theme wurde verwendet?

Auf der Webseite www.whatcms.org kannst Du ganz einfach herausfinden, welche CMS und welches Theme benutzt wird.

Manchmal hilft im Browser auch ein Rechtsklick. Im Kontextmenü wird die Auswahl „Seitenquelltext angezeigt“. Dort suchst Du nach einer Datei namens „theme.css“. Klicke auf diesen Link. Ganz oben steht dort meist der Name des Themes und der Hersteller.

Welche Arten von Themes gibt es?

Es gibt viele verschiedene Arten von WordPress Themes, die jeweils für bestimmte Arten von Webseiten geeignet sind. Hier sind einige der häufigsten Arten von Themes und ihre Eigenschaften:

  1. Blog-Themes: Blog-Themes sind speziell für Blogs entwickelt worden und bieten eine einfache, aber dennoch ansprechende Möglichkeit, Blog-Beiträge und Artikel zu präsentieren. Sie verfügen oft über eine Sidebar, in der Links zu Kategorien, Tags und anderen wichtigen Seiten angezeigt werden, sowie eine Kommentar-Funktion, um Interaktionen mit Lesern zu ermöglichen.

  2. Portfolio-Themes: Portfolio-Themes sind ideal für Künstler, Designer und andere Kreative, die ihre Arbeit online präsentieren möchten. Sie verfügen oft über eine Galerie-Funktion, die es Benutzern ermöglicht, Bilder oder Videos in einer ansprechenden Art und Weise zu präsentieren, sowie über ein einfaches Kontaktformular, damit Interessenten Kontakt aufnehmen können.

  3. Shop-Themes: Shop-Themes sind perfekt für Online-Shops geeignet und bieten alle Funktionen, die notwendig sind, um Produkte auf einer Webseite zu verkaufen. Sie verfügen über eine Produktdetailseite, einen Warenkorb und eine Checkout-Funktion, sowie über eine Integration mit Zahlungs-Gateways wie PayPal und Stripe.

  4. Corporate-Themes: Corporate-Themes sind für Unternehmen oder Organisationen gedacht und verfügen oft über eine Startseite, auf der wichtige Informationen wie Dienstleistungen, Produkte oder Mitarbeiter vorgestellt werden. Sie sind oft sehr anpassbar und bieten viele Funktionen, die speziell für Unternehmen wichtig sind, wie z.B. eine Kontakt-Seite, eine Karriere-Seite oder ein Blog.

  5. Magazine-Themes: Magazine-Themes sind für Webseiten gedacht, die viele Inhalte auf einmal präsentieren möchten, wie z.B. Nachrichten- oder Magazin-Webseiten. Sie bieten oft eine übersichtliche Art und Weise, um verschiedene Kategorien von Inhalten darzustellen und verfügen über viele Widgets, um Social-Media-Feeds, Werbung oder andere Inhalte hinzuzufügen.

  6. One-Page-Themes: One-Page-Themes sind für Webseiten gedacht, die alle Inhalte auf einer einzigen Seite präsentieren möchten. Sie verfügen oft über eine Navigation, die es Benutzern ermöglicht, schnell zu verschiedenen Abschnitten der Seite zu springen, sowie über eine Galerie- oder Portfolio-Funktion, um Projekte oder Produkte zu präsentieren.

Es gibt natürlich noch viele andere Arten von Themes, aber diese sind einige der häufigsten und können helfen, eine Webseite für spezielle Bedürfnisse oder Zwecke zu optimieren.

Meine Lieblings-Themes:

Accesspress Parallax

https://accesspressthemes.com/wordpress-themes/accesspress-parallax/

Parallax ist geeignet für One-Pager, also Webseiten, die alle Inhalte auf einer Seite darstellen möchten. Es bietet aber auch die Möglichkeit Unterseiten anzulegen. Es wird regelmäßig gepflegt.

https://www.wpexplorer.com/pytheas-free-wordpress-theme/

Blocksy

Auf dieser Webseite nutze ich Blocksy, da es den Editor Gutenberg sehr gut unterstützt. Außerdem lädt es schnell und bietet einen Customizer, der viele Einstellungsmöglichkeiten bietet.

Corporate

https://www.wpexplorer.com/corporate-free-wordpress-theme/

Corporate biete auf der Startseite die beliebte Anordnung mit den Bildern und etliche Seiten-Templates. Es wird ebenfalls gut gepflegt und ist leicht zu erweitern durch ein Child-Theme.

Ein WordPress Theme installieren:

Das Installieren und Aktivieren von Themes in WordPress ist ein einfacher und unkomplizierter Prozess. Mit nur wenigen Klicks kannst du das Aussehen deiner Website komplett verändern.

Um ein Theme zu installieren, navigiere im WordPress-Dashboard zum Menüpunkt „Design“ und klicke auf „Themes“. Dort findest du eine Liste von installierten Themes und kannst auch nach neuen Themes suchen. Du kannst entweder ein kostenloses Theme aus der offiziellen WordPress Theme Bibliothek auswählen oder ein kostenpflichtiges Theme von einem Drittanbieter herunterladen.

Sobald du das gewünschte Theme gefunden hast, kannst du es direkt im Dashboard installieren. Klicke dazu auf den „Installieren“ Button und warte, bis der Vorgang abgeschlossen ist. Danach kannst du das Theme aktivieren, indem du auf „Aktivieren“ klickst.

Jetzt wird das neue Theme auf deiner Website angezeigt. Es ist wichtig zu beachten, dass das Aktivieren eines neuen Themes das bisherige Theme überschreibt. Deine Inhalte bleiben jedoch erhalten, lediglich das Design der Seite wird geändert.

Es gibt einige Dinge zu beachten, bevor du ein neues Theme installierst und aktivierst. Überprüfe, ob das Theme mit deiner WordPress-Version kompatibel ist und ob es regelmäßig aktualisiert wird. Auch solltest du sicherstellen, dass das Theme deine Anforderungen an Funktionen und Design erfüllt.

Außerdem ist es empfehlenswert, vor der Aktivierung eines neuen Themes eine Sicherungskopie deiner Website zu erstellen, um im Falle von Problemen oder Fehlern schnell auf eine funktionierende Version zurückgreifen zu können.

Insgesamt bietet das Installieren und Aktivieren von Themes in WordPress eine einfache Möglichkeit, das Aussehen deiner Website zu ändern und anzupassen. Mit einer Vielzahl von verfügbaren Themes kannst du sicher sein, dass du das perfekte Design für deine Website findest.

Ein Theme anpassen

Das Anpassen von WordPress-Themes ist ein wichtiger Schritt, um eine Webseite individuell zu gestalten. Es gibt verschiedene Möglichkeiten, um ein Theme anzupassen, und wir werden uns einige davon genauer ansehen.

Zunächst einmal gibt es den Customizer, eine in WordPress integrierte Funktion, mit der Benutzer ihr Theme anpassen können, ohne auf den Code zugreifen zu müssen. Der Customizer kann beispielsweise dazu verwendet werden, die Farben, Schriftarten, Layout-Optionen und weitere Einstellungen des Themes anzupassen. In der Regel ist der Customizer einfach zu bedienen und bietet eine Vorschau der Änderungen in Echtzeit.

Wenn jedoch tiefere Anpassungen erforderlich sind, kann der CSS-Code des Themes bearbeitet werden. CSS steht für Cascading Style Sheets und ist eine Sprache, mit der das Aussehen und Layout von Webseiten gestaltet wird. Änderungen am CSS-Code können beispielsweise dazu verwendet werden, die Größe und Farbe von Überschriften, Schriftarten, Hintergrundbildern und weiteren Elementen anzupassen. Es gibt verschiedene Möglichkeiten, um auf den CSS-Code eines Themes zuzugreifen, darunter das Plugin „Simple Custom CSS“, das die Möglichkeit bietet, CSS-Code in den Customizer einzufügen.

Was ist ein Child-Theme?

Child-Themes kannst du dir als „Kinder“ eines bestehenden Themes vorstellen: sie erben Funktionen der Eltern („Parent-Theme“), aber sind ohne den Elternteil nicht funktionsfähig. Allerdings bringen sie neue Möglichkeiten mit dazu.

Die Vorteile eines Child-Themes
Child-Themes verschaffen dir Freiraum, weil du Veränderungen an deinem Theme vornehmen kannst, ohne das eigentliche Parent-Theme zu verändern.

Wenn Du das Parent-Theme veränderst, funktioniert das nur so lang bis Du ein Update machst. Dann werden Deine Änderufdiengen mit aller Wahrscheinlichkeit von den Voreinstellungen der Programmierer überschrieben.

Durch eine Child Theme kannst Du dies verhindern. So kannst Du jederzeit problemlos Updates für dein Parent-Theme einspielen, ohne Deine individuellen Anpassungen zu verlieren.

Auch Anfänger profitieren von Child-Themes. Falls doch mal etwas schiefgeht, kannst du jederzeit ein neues Child-Theme von deinem Parent-Theme erstellen.

Macht ein Child-Theme für mich Sinn?

Ja, Child-Themes sind die sauberste Lösung, wenn du Anpassungen am Design oder der Funktionalität deines Themes vornehmen möchtest, die du nicht über den Customizer abdecken kannst.

Mit diesem Plugin geht es ganz leicht:

https://de.wordpress.org/plugins/child-theme-configurator/

Dieses Plugin prüft Dein Parent-Theme und erstellt automatisch ein Child-Theme. Du kannst sogar die Dateien, die Du verändern willst, ins Child Theme kopieren lassen. Du findest das Plugin nach der Installation unter Werkzeuge -> Kindthemen

 

Themes und Ladezeiten

Wenn du eine Website erstellst, ist es wichtig, auf die Ladezeit und die Suchmaschinenoptimierung zu achten. Eine schnelle Ladezeit ist für die Nutzererfahrung und die SEO von großer Bedeutung. Ein Theme, das viele Funktionen enthält, kann die Ladezeit verlangsamen. Deshalb ist es wichtig, ein Theme zu wählen, das für die Anforderungen deiner Website optimiert ist. Überwache regelmäßig die Geschwindigkeit deiner Website und ergreife gegebenenfalls Maßnahmen, um die Ladezeit zu verbessern. Achte auch darauf, dass das Theme gut für SEO optimiert ist oder optimiere es durch Plugins oder Anpassungen.

Responsive Webdesign

Ein weiteres wichtiges Merkmal für Websites ist das responsive Design. Es ermöglicht Websites, sich an verschiedene Bildschirmgrößen anzupassen und auf verschiedenen Geräten gut auszusehen. Das responsive Design erfordert einen höheren Aufwand bei der Entwicklung, aber die Vorteile sind erheblich. Eine Website mit responsivem Design wird von Google stark bevorzugt.