Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Wie man ein benutzerdefiniertes WordPress-Theme ohne Code erstellt

Wie man ein benutzerdefiniertes WordPress-Theme in WordPress erstellt (ohne Code) 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie ein individuelles WordPress-Theme erstellen, das genau so aussieht, wie Sie es sich vorgestellt haben? In diesem Leitfaden führe ich Sie durch den genauen Prozess, den ich verwendet habe, um mein eigenes Theme zu entwerfen, jede Seite, Farbe und jedes Layout, ohne den Code zu berühren.

Als ich mit meiner WordPress-Website anfing, verwendete ich ein vorgefertigtes Theme, aber ich stieß immer wieder auf Hindernisse. Ich konnte Abschnitte nicht dorthin verschieben, wo ich wollte, meine Markenfarben sahen nie richtig aus, und kleine Änderungen dauerten Stunden. Wenn ich lerne, wie man ein benutzerdefiniertes WordPress-Theme erstellt, ist das alles kein Problem mehr, und ich zeige dir genau, wie du es auch machen kannst.

TL;DR: Sie können ein benutzerdefiniertes WordPress-Theme ohne Programmierung erstellen, indem Sie den Drag-and-Drop Theme Builder von SeedProd verwenden. Wählen Sie eine Vorlage, passen Sie jeden Teil Ihrer Website visuell an und veröffentlichen Sie Ihr Theme mit nur wenigen Klicks.

Der einfachste Weg, ein individuelles WordPress-Theme zu erstellen:

Aus welchen Seiten besteht eine WordPress-Website?
Eine WordPress-Website hat in der Regel eine Startseite (Hauptseite), eine Über-Seite (Informationen über Sie oder Ihr Unternehmen), eine Dienstleistungs- oder Produktseite, einen Blog (Artikel oder Nachrichten) und eine Kontaktseite (Kontaktmöglichkeiten). Einige Websites haben auch eine FAQ- oder Portfolio-Seite.

Was ist ein benutzerdefiniertes WordPress-Theme?

Ein benutzerdefiniertes WordPress-Theme ist ein Website-Design, das Sie genau auf Ihre Bedürfnisse abstimmen, anstatt ein vorgefertigtes Theme zu verwenden, das mit festen Layouts und Stilen geliefert wird. Bei einem benutzerdefinierten Theme bestimmen Sie, wie jeder Teil Ihrer Website aussehen und funktionieren soll, von der Kopf- und Fußzeile bis hin zu Blog-Layouts und Schaltflächenstilen.

Früher musste man PHP, CSS und HTML schreiben, um ein Theme zu erstellen. Jetzt, mit visuellen Theme-Buildern wie SeedProdkönnen Sie ein vollständig benutzerdefiniertes WordPress-Theme erstellen, ohne den Code anfassen zu müssen. Sie gestalten jeden Teil Ihrer Website durch Ziehen und Ablegen von Abschnitten, Ändern von Farben und Schriftarten und eine Live-Vorschau.

Das bedeutet, dass Sie nicht gezwungen sind, kleine Änderungen am Design eines anderen Anbieters vorzunehmen. Sie können ein Design erstellen, das zu Ihrer Marke passt, schneller lädt und Ihren Besuchern genau das Erlebnis bietet, das Sie ihnen bieten möchten.

Warum ein individuelles WordPress-Theme erstellen (anstatt ein vorgefertigtes zu verwenden)?

Als ich anfing, dachte ich, ein beliebtes Thema zu wählen, würde Zeit sparen. Das tat es auch für etwa eine Woche. Dann stieß ich auf eine Mauer. Ich konnte Abschnitte nicht dorthin verschieben, wo ich wollte, die Schriftarten fühlten sich falsch an, und bei jeder Änderung musste ich mich durch verwirrende Einstellungen wühlen.

SeedProd Drag and Drop WordPress Website-Baukasten

Da begann ich nach einer Möglichkeit zu suchen, mein eigenes Theme zu entwerfen, ohne programmieren zu müssen. Ich fand SeedProdeinen visuellen WordPress-Theme-Builder, mit dem Sie jeden Teil Ihrer Website durch Ziehen und Ablegen erstellen können. Keine PHP-Dateien, keine CSS-Bearbeitungen und keine Suche nach dem richtigen Menü.

Mit SeedProd konnte ich das:

  • Von Anfang an mit meiner Marke übereinstimmen. Farben, Schriftarten und Abstände genau so, wie ich sie mir vorgestellt habe.
  • Weg mit dem Ballast. Nur die Layouts und Funktionen, die ich wirklich brauchte, was meine Website schneller laden ließ.
  • Nehmen Sie Änderungen in Minutenschnelle vor. Ändern Sie Layouts, tauschen Sie Bilder aus oder gestalten Sie ganze Abschnitte neu, ohne den Code zu verändern.
  • Meine Website auf meine Besucher ausrichten. Ich habe die Seiten in einer sinnvollen Reihenfolge aufgebaut, anstatt den Inhalt in die Struktur eines anderen zu pressen.

Als ich sah, wie viel einfacher es war, an meinem eigenen SeedProd-Theme zu arbeiten, anstatt sich mit einem vorgefertigten Theme herumzuschlagen, wusste ich, dass ich nicht mehr zurückkehren würde.

Was sollten Sie tun, bevor Sie ein benutzerdefiniertes WordPress-Theme erstellen?

Bevor Sie ein WordPress-Theme mit SeedProd erstellen, sollten Sie sicherstellen, dass Sie ein Sicherheitsnetz haben. Wenn Sie bereits eine bestehende Website mit Inhalten haben, die Sie beibehalten möchten, sollten Sie vorsichtshalber ein Backup Ihrer WordPress-Installation erstellen.

Um Pannen bei der Theme-Entwicklung auf Ihrer Live-Website zu vermeiden, sollten Sie auch eine Staging-Site einrichten. Dadurch erhalten Sie eine separate, private Umgebung, in der Sie mit SeedProd experimentieren und Ihr Thema entwickeln können, ohne dass Ihre Live-Website beeinträchtigt wird.

Wichtiger Hinweis: Wenn Sie noch keine haben, müssen Sie eine Website erstellen, bevor Sie SeedProd nutzen können. Hier finden Sie eine Anleitung zum Erstellen einer WordPress-Website für Anfänger, damit Sie loslegen können.

Wie kann man ein WordPress-Theme ohne Code erstellen?

Erinnern Sie sich daran, dass ich sagte, ich könne nicht programmieren? Nun, das war überhaupt kein Problem. Mit SeedProd war es unglaublich einfach, ein benutzerdefiniertes Thema zu erstellen, Schritt für visuellen Schritt. Hier ist, wie ich es gemacht habe.

Schritt 1. SeedProd installieren und eine Vorlage auswählen

Holen Sie sich zunächst den SeedProd Pro Plan. Es bietet alle Funktionen, die Sie benötigen (einschließlich des Theme Builders), zu einem erschwinglichen Preis.

Sobald es installiert ist, können Sie ein individuelles WordPress-Theme aus einem Starterkit erstellen und an Ihre Website anpassen.

Finden Sie Ihren SeedProd-Lizenzschlüssel

Sobald Sie Ihren Lizenzschlüssel haben, gehen Sie zu Ihrer Staging-Site und installieren Sie das Plugin. Die Installation von SeedProd ist so einfach wie das Hochladen der Plugin-Datei und das Klicken auf "Aktivieren".

Aktivieren Sie das SeedProd-Plugin

Wenn das Plugin aktiv ist, gehen Sie zum SeedProd-Menü in Ihrem WordPress-Dashboard und klicken Sie auf "Theme Builder". Klicken Sie dann auf die Schaltfläche "Theme Template Kits", um Ihr Starter-Theme auszuwählen.

SeedProd-Themenvorlagen-Kits

SeedProd hat so viele professionell gestaltete Blockthemenvorlagen, dass ich zugeben muss, dass selbst ich ein wenig die Qual der Wahl hatte.

Sie können die Vorlagen von SeedProd nach Kategorien filtern und nach Beliebtheit oder Aktualität sortieren. Wählen Sie einfach die Vorlage aus, die Ihrem Stil am nächsten kommt, denn Sie werden später alles anpassen.

Machen Sie sich keine Sorgen, wenn es nicht perfekt ist. Sie können im nächsten Schritt jeden Zentimeter anpassen.

SeedProd-Themenvorlagen-Kit-Auswahl

Ich entschied mich schließlich für das Elite Consulting Business Theme. Sein sauberer, moderner Look passte perfekt zu der Stimmung, die ich anstrebte.

Um Ihre Themendatei zu importieren, fahren Sie mit dem Mauszeiger über das Themen-Kit und klicken Sie auf das Häkchen-Symbol.

SeedProd-Vorlagenkit importieren

Klicken Sie hier, um eine Vorschau der Vorlage zu sehen, die ich für dieses Design ausgewählt habe, damit Sie sie mit der angepassten Version vergleichen können.

Nachdem Sie ein Kit ausgewählt haben, sehen Sie alle einzelnen Vorlagen, die die Komponenten eines WordPress-Themas ausmachen. Meines enthielt zum Beispiel eine Homepage, eine Kopfzeile, eine Fußzeile, eine Blogseite und eine Seitenleiste.

SeedProd-Themenbereiche

Außerdem gab es benutzerdefinierte Vorlagen für verschiedene Themenbereiche, wie z. B. einen Bereich für Auszeichnungen, eine Seite für Dienstleistungen, eine Preistabelle, eine benutzerdefinierte Seitenvorlage für Produkte und mehr.

Wahrscheinlich brauchen Sie nicht alle Vorlagen für Ihre Website. Konzentrieren Sie sich also auf das, was Sie brauchen, und löschen Sie die Vorlagen, die Sie nicht brauchen, indem Sie auf "Papierkorb" klicken.

Wenn Sie damit nicht einverstanden sind, können Sie jederzeit die Option "Veröffentlicht" deaktivieren, damit die Vorlage nicht auf Ihrer Website erscheint.

Unveröffentlichung einer Themenvorlage in SeedProd

Wenn Sie die Grundbausteine Ihres Themas festgelegt haben, können Sie mit der Bearbeitung der einzelnen Themenbereiche beginnen. Bei meiner Website habe ich mit dem Kopf- und Fußzeilenbereich begonnen.

Um einen beliebigen Themenbereich zu bearbeiten, müssen Sie nur mit dem Mauszeiger darüber fahren und auf den Link Design bearbeiten klicken.

Ihre SeedProd Kopfzeilenvorlage bearbeiten

Wenn Sie einen Themenbereich in SeedProd bearbeiten, gelangen Sie zu seinem visuellen Drag-and-Drop-Builder. Auf diesem Bildschirm können Sie die Kopfzeile Ihres Themas durch einfaches Zeigen und Klicken anpassen.

Die ursprüngliche Kopfzeilenvorlage hatte ein dreispaltiges Layout, das für meinen Geschmack ein wenig zu unruhig war. In diesem Fall können Sie sie einfach löschen und einen zweispaltigen Layout-Block aus dem linken Bedienfeld hineinziehen.

Hinzufügen einer neuen Spalte zum WordPress-Theme-Header

Auch das Hinzufügen eines Logos ist mit dem Bildblock ein Kinderspiel - wählen Sie es einfach aus Ihrer Mediathek aus und verwenden Sie die Point-and-Click-Steuerung, um seine Größe und Platzierung anzupassen.

Hinzufügen eines benutzerdefinierten Logos zum Header Ihres WordPress-Themes

Dies ist auch ein guter Zeitpunkt, um Ihre Designentscheidungen noch einmal zu überprüfen. Hier ist eine Liste mit häufigen WordPress-Design-Fehlern, die ich bei Anfängern sehe, wenn sie ihre Themes anpassen.

Für das Navigationsmenü können Sie den Nav Menu Block von SeedProd verwenden und die Einstellung "Simple Menu" wählen. So können Sie ganz einfach die genaue Menüstruktur erstellen, die Ihnen vorschwebt.

Hinzufügen eines benutzerdefinierten Navigationsmenüs zu Ihrem benutzerdefinierten WordPress-Theme

Wenn Sie mit Ihrer Kopfzeile zufrieden sind, speichern Sie Ihre Änderungen. Gehen Sie dann zurück zum Theme-Builder und öffnen Sie die Fußzeilenvorlage, um den Fußzeilenbereich anzupassen.

Bearbeiten Sie die WordPress-Theme-Fußzeilenvorlage

Die ursprüngliche Fußzeile in meiner Vorlage enthielt etwas mehr Informationen, als ich brauchte, also habe ich sie vereinfacht, indem ich unnötige Blöcke gelöscht habe.

Bearbeiten der WordPress-Theme-Fußzeilenvorlage in SeedProd
Beispiel für die ursprüngliche Fußzeilenvorlage

Ich habe die Menüpunkte für Unternehmensinformationen und soziale Medien beibehalten, sie aber zentriert, um ein ausgewogeneres Erscheinungsbild zu erreichen. Dann habe ich einfach die Platzhalterinhalte mit meinen eigenen ausgetauscht.

Angepasste WordPress-Fußzeile
Angepasste WordPress-Footer-Vorlage

Nehmen Sie ähnliche Änderungen an Ihrer Fußzeilenvorlage vor, um das gewünschte Aussehen für Ihr benutzerdefiniertes Thema zu erzielen.

Sobald Ihre Kopf- und Fußzeile schlank und elegant aussehen, ist es an der Zeit, das Herzstück Ihrer Website in Angriff zu nehmen: die Homepage. Denken Sie daran, dass Sie Ihre Vorlagendateien unter SeedProd " Theme Builder finden können.

WordPress-Homepage-Vorlage bearbeiten

Schritt 3. Erstellen einer benutzerdefinierten WordPress-Startseite

Wenn Sie sich jemals gefragt haben, wie man ein WordPress-Theme visuell aufbaut, zeigt dieser Teil, wie einfach das ist.

Ihr Hauptziel bei der Anpassung der Homepage ist es wahrscheinlich, einen starken ersten Eindruck zu vermitteln, Ihre Kompetenz zu zeigen und potenziellen Klienten oder Kunden überzeugende Gründe zu liefern, sich für Sie oder Ihr Unternehmen zu entscheiden.

Mir persönlich gefiel das Gesamtlayout der Homepage des Themas Elite Consulting Business, aber ich wollte es weiter vereinfachen und meine persönliche Note hinzufügen.

Anpassen der Homepage-Vorlage des WordPress-Themas
Beispiel für das Originaldesign der WordPress-Homepage

Ich habe den Abschnitt "Held" am Anfang beibehalten, da dies eine gute Möglichkeit ist, eine klare Aussage zu treffen. Ich habe einfach das Standardbild gegen eines ausgetauscht, das meine Marke besser widerspiegelt, und die Überschrift und die Beschreibung aktualisiert.

Angepasste WordPress-Theme-Homepage-Vorlage
Beispiel für die Anpassung der Homepage für mein WordPress-Theme

Ebenso habe ich die Gestaltung der CTA-Schaltfläche angepasst. Sie können dies tun, indem Sie auf die erweiterten Einstellungen des Blocks klicken. Dort haben Sie Zugriff auf eine Farbauswahl, mit der Sie eine neue Hintergrundfarbe auswählen und die Ecken der Schaltfläche abrunden können, um sie weicher zu gestalten.

Um Vertrauen aufzubauen und meine Erfahrung unter Beweis zu stellen, habe ich:

  • Hinzufügen eines Logostreifens von Marken, mit denen ich zusammengearbeitet habe,
  • Aktualisierte Zahlenzähler zur Hervorhebung wichtiger Statistiken
  • Erstellung eines Karussells mit Kundenzitaten
  • Eine Mini-Schreibmappe mit Bild- und Überschriftenblöcken einfügen
Benutzerdefinierte WordPress-Theme-Testimonials Abschnitt

Mit ein paar Klicks und Mausklicks wird Ihre Homepage genau so aussehen, wie Sie es wollen.

Schritt 4. Vorlagen für Blog-Seiten und einzelne Beiträge erstellen

Okay, ich brauchte diesen Schritt eigentlich nicht, weil ich nicht vorhatte, einen Blog auf meiner Website zu haben. Aber ich weiß, dass viele von Ihnen Ihre Gedanken und Ihr Fachwissen mit der Welt teilen möchten. Deshalb hier ein kurzer Überblick darüber, wie einfach es mit SeedProd ist, beeindruckende Blogseiten und Vorlagen für einzelne Beiträge zu erstellen.

Blog Seitenvorlage

Ihre Blog-Seitenvorlage finden Sie in der Liste der Themenvorlagen unter "Blog-Index, Archive, Suche" oder, in meinem Fall, "Blog-Seite". Wie bei der vorherigen benutzerdefinierten Seitenvorlage können Sie sie durch Klicken auf den Link "Design bearbeiten" anpassen.

WordPress-Theme Blog-Seitenvorlage anpassen

Hier können Sie die Anzeige Ihrer Blogbeiträge anpassen - Sie können Bilder, Auszüge, Autoreninformationen und vieles mehr anzeigen lassen.

Anpassen der Blog-Seitenvorlage in Ihrem benutzerdefinierten WordPress-Theme

Sie können auch Elemente wie eine Suchleiste, Schaltflächen für die Weitergabe in sozialen Medien oder sogar eine Aufforderung zum Handeln hinzufügen, um die Besucher zu weiteren Erkundungen zu bewegen.

Einzelne Beitragsvorlage

Genau wie die benutzerdefinierte Blog-Seitenvorlage können Sie auch die Vorlage für einzelne Blogposts bearbeiten und anpassen.

Einzelne Beitragsvorlage bearbeiten WordPress

Für ein einheitliches Erscheinungsbild können Sie mit SeedProd die Anzeige von Elementen wie dem Beitragstitel, dem vorgestellten Bild, der Metabeschreibung und sogar der Autorenbiografie gestalten.

Diese werden in WordPress Template-Tags genannt. Sie ziehen automatisch Daten von Ihrer Website, ohne dass Sie sie manuell erstellen müssen.

Anpassen der WordPress-Themenvorlage für einzelne Beiträge

Mit den Vorlagen-Tags "Featured Image" können Sie zum Beispiel automatisch "Featured Images" auf Ihrer einzelnen Blogseite anzeigen.

Schritt 5. Erstellen Sie eine Info-Seite

Nach der Homepage ist die Info-Seite wohl der wichtigste Teil einer persönlichen Website. Hier lernen potenzielle Kunden und Mitarbeiter die Person hinter den Dienstleistungen kennen. Ich wollte, dass meine Seite authentisch und einnehmend wirkt und ein klares Bild davon vermittelt, wer ich bin und was ich anbiete.

Das Elite Consulting Business-Theme enthielt bereits eine grundlegende benutzerdefinierte WordPress-Seitenvorlage für eine Info-Seite, auf die ich zugreifen konnte, indem ich in meinem WordPress-Dashboard auf Seiten " Alle Seiten " ging und auf "Mit SeedProd bearbeiten" klickte.

Info-Seite mit SeedProd bearbeiten

Ich beschloss, die ersten beiden Abschnitte des ursprünglichen Entwurfs beizubehalten, in denen es um meine Berufserfahrung und die von mir angebotenen Dienstleistungen ging. Ich habe lediglich die Platzhalter-Inhalte und -Bilder gegen meine eigenen ausgetauscht.

Anpassen der WordPress-Theme-Infoseite

Als nächstes wollte ich meine Zertifizierungen präsentieren, um meine Glaubwürdigkeit zu erhöhen. Hier kamen mir die Template Parts von SeedProd sehr gelegen.

Stellen Sie sich die Vorlagenteile als vorgefertigte Abschnitte vor, die Sie auf verschiedenen Seiten Ihrer Website einfügen und wiederverwenden können - eine enorme Zeitersparnis. Das Theme wurde mit einer Vorlage namens "Auszeichnungen und Anerkennungen" geliefert.

Benutzerdefinierte WordPress-Theme-Vorlage Teil

Ich habe diese Vorlage einfach so bearbeitet, dass sie meine Zertifizierungen enthält, und sie dann einfach in meine "Über"-Seite eingefügt.

Angepasste WordPress-Theme-Vorlage Teil
Beispiel, wie ich die benutzerdefinierte Vorlage angepasst habe

Zum Abschluss habe ich einen letzten Abschnitt mit einer persönlicheren Note erstellt. Ich erzählte von meinen Hobbys, meinem Wohnort und anderen Kleinigkeiten, die es den Besuchern erleichtern würden, mit mir auf einer persönlicheren Ebene in Kontakt zu treten.

Benutzerdefinierte WordPress-Theme über Seite Abschnitt

Diese Anpassungen halfen mir, mein eigenes WordPress-Theme zu entwerfen, ohne dass ich einen Entwickler brauchte.

Schritt 6. Eine Kontaktseite einrichten

Das Letzte, was ich wollte, war eine unübersichtliche und verwirrende Kontaktseite. Das Elite Consulting Business-Theme wurde zwar mit einer vorgefertigten Kontaktseite ausgeliefert, aber sie war ein wenig überwältigend.

WordPress-Theme Kontaktseite Design
Das ursprüngliche Design der Kontaktseite

Ich habe beschlossen, die Dinge drastisch zu vereinfachen. Ich löschte den Großteil des Standardinhalts und ersetzte ihn durch den Contact Form Block von SeedProd. Dieser Block lässt sich ganz einfach mit WPForms integrieren, einem der beliebtesten WordPress-Formularerstellungs-Plugins.

WordPress-Kontaktseite mit Kontaktformular
Meine neu gestaltete Kontaktseite mit einem benutzerdefinierten Kontaktformular

Kurzer Hinweis: WPForms ist nicht im Lieferumfang von SeedProd enthalten, aber Sie können die kostenlose Version von WPForms aus dem WordPress-Plugin-Verzeichnis herunterladen - sie enthält alles, was Sie für ein einfaches Kontaktformular benötigen.

Wenn Sie WPForms installiert haben, können Sie ein Kontaktformular direkt in SeedProd erstellen - Sie müssen sich nicht mit komplizierten Einstellungen oder Shortcodes herumschlagen.

Schritt 7. Globale Theme-Einstellungen anpassen

Meine Website nahm langsam Gestalt an. Jetzt war es an der Zeit, ihr den letzten Schliff zu verpassen, damit sie perfekt und professionell aussieht. Geben Sie die globalen Einstellungen von SeedProd ein.

Die globale CSS-Vorlage befindet sich in derListe der Themenvorlagen- klicken Sie einfach auf "Design bearbeiten", um sie zu öffnen. Dies ist Ihre Kommandozentrale, mit der Sie das gesamte Erscheinungsbild Ihrer Website steuern können.

Globale CSS-Vorlage

Farben

Zunächst müssen Sie die Farbkonsistenz auf jeder Seite sicherstellen. SeedProd macht dies einfach, indem Sie globale Farben für alles von Überschriften und Text bis hin zu Schaltflächen, Links und Hintergründen definieren können.

Benutzerdefinierte WordPress-Themenfarben

Schriftarten und Typografie

Obwohl mir die Standardschriftart des Elite Consulting Business-Themas gefiel, wollte ich die Schriftstärken und -farben für Überschriften und Links anpassen, damit sie besser zu meiner Markenästhetik passen.

Benutzerdefinierte WordPress-Theme-Schriftarten

Hintergrund

Damit alles einheitlich bleibt, habe ich die Hintergrundfarbe der Seite geändert. Mit SeedProd können Sie hier sogar ein Hintergrundbild einfügen, wenn Sie etwas Ausgefallenes machen wollen.

Buttons

Schaltflächen sind entscheidend für Handlungsaufforderungen, also sorgen Sie dafür, dass sie hervorstechen. Spielen Sie mit verschiedenen Schriftarten, Farben und Randradien, bis Sie ein passendes Design gefunden haben.

Benutzerdefinierte WordPress-Theme-Schaltflächeneinstellungen

Benutzerdefiniertes CSS

SeedProd bietet Ihnen sogar die Möglichkeit, Ihr eigenes Custom CSS hinzuzufügen. Hier wird es ein bisschen technisch, aber es gibt Ihnen noch mehr Kontrolle über Ihr Design.

WordPress-Theme benutzerdefinierte css-Optionen

Zum Beispiel habe ich ein Snippet von benutzerdefinierten CSS, um die WPForms Form Submit-Taste mit dem Styling meiner anderen Tasten.

Wenn Sie möchten, können Sie meine Anleitung zum Hinzufügen benutzerdefinierter CSS in WordPress befolgen.

Schritt 8. Veröffentlichen Sie das benutzerdefinierte WordPress-Theme

Nachdem Sie so viel Sorgfalt in die Gestaltung Ihres benutzerdefinierten WordPress-Themes gesteckt haben, sollten Sie die letzten Überprüfungen nicht auslassen. Verwenden Sie die integrierte Vorschaufunktion, um zu überprüfen, wie alles auf verschiedenen Bildschirmgrößen aussieht - von Desktops über Tablets bis hin zu Smartphones.

Vorschau des benutzerdefinierten WordPress-Themes auf dem Handy

Sie wollen sicherstellen, dass Ihr Thema fantastisch aussieht, egal wie die Leute es betrachten.

Natürlich sollten Sie auch Ihre interaktiven Elemente testen. Senden Sie eine Testnachricht über Ihr Kontaktformular (und führen Sie einen kleinen Siegestanz auf, wenn sie in Ihrem Posteingang landet! 🎉)

Testen benutzerdefinierter WordPress-Theme-Funktionen

Ich klickte auf jede Schaltfläche und jeden Menülink, nur um sicher zu sein, dass sie an die richtigen Stellen führten.

Endlich, der Moment der Wahrheit. Gehen Sie zurück zum SeedProd Theme Builder, atmen Sie tief durch und suchen Sie den Schalter "Enable SeedProd Theme" in der oberen rechten Ecke. Schalten Sie ihn mit einem befriedigenden Klick in die Position "An".

Aktivieren Sie Ihr benutzerdefiniertes WordPress-Theme

Ihr individuelles WordPress-Theme ist LIVE! Sie können jetzt Ihre Website besuchen und sie in Aktion sehen.

Individuelles WordPress-Theme-Design.

Andere Möglichkeiten, ein benutzerdefiniertes WordPress-Theme zu erstellen (ohne SeedProd)

Mir ist klar, dass nicht jeder, der diesen Leitfaden liest, meinem Verfahren zur Erstellung benutzerdefinierter Vorlagen und Themen folgen möchte. Aus diesem Grund habe ich einige andere Möglichkeiten zur Erstellung eines professionellen Website-Designs untersucht.

MethodeSchwierigkeitsgradCodierung?Am besten für
Traditionelle KodierungFortgeschritteneJa (PHP, HTML, CSS, JS)Entwickler, Agenturen
Unterstriche (_s)ZwischenberichtJa (PHP, CSS)Entwickler lernen Themenentwicklung
KinderthemenAnfänger/MittelstufeEinige CSSWordPress-Fans
Block-ThemenZwischenberichtNeinModerne WordPress-Benutzer

Jede dieser Möglichkeiten hat ihre Berechtigung, aber sie können sich dennoch einschränkend anfühlen, wenn Sie versuchen, ein WordPress-Theme ohne Programmierkenntnisse zu erstellen. Child-Themes erfordern CSS-Anpassungen, und Block-Themes sind nicht immer anfängerfreundlich. SeedProd bietet Ihnen ein echtes No-Code-Erlebnis mit voller visueller Designkontrolle, sodass Sie ein vollständig benutzerdefiniertes Theme erstellen können, ohne den Code anzufassen.

Wenn Sie auf der Suche nach einer schnellen, flexiblen Möglichkeit sind, ein Theme zu erstellen, das genau so aussieht, wie Sie es sich wünschen, ist SeedProd die Option, auf die ich immer wieder zurückkomme.

Beispiele für benutzerdefinierte WordPress-Themes für echte Websites

Sie sind sich nicht sicher, was Sie mit Ihrem benutzerdefinierten Thema erstellen sollen? Hier finden Sie Beispiele aus der Praxis, an denen Sie sich orientieren können, um die perfekte Website für Ihr Unternehmen zu entwerfen, die alle mit dem Visual Builder von SeedProd und ein paar einfachen Anpassungen erstellt wurden.

Häufig gestellte Fragen

Kann ich ein individuelles WordPress-Theme ohne Programmierkenntnisse erstellen?
Ja, Sie können ein benutzerdefiniertes WordPress-Theme ohne Programmierkenntnisse erstellen, indem Sie Tools wie SeedProd verwenden. Mit diesen Tools können Sie das Aussehen Ihrer Website per Drag-and-Drop gestalten, sodass Sie Layouts, Farben und Schriftarten auswählen können, ohne Code schreiben zu müssen.
Wie exportiere ich das benutzerdefinierte Thema, das ich mit SeedProd erstellt habe?
Sie können Ihr WordPress-Theme mit der Import/Export-Funktion von SeedProd als .zip-Datei exportieren. Folgen Sie dieser Anleitung, um zu erfahren , wie Sie WordPress-Theme-Vorlagendateien mit SeedProd exportieren und auf einer anderen WordPress-Installation installieren können.
Welches ist das beste WordPress Theme Builder Plugin für Anfänger?
Wenn Sie ein benutzerdefiniertes WordPress-Theme ohne Programmierkenntnisse erstellen möchten, ist SeedProd meine erste Wahl. Es ist ein leistungsstarkes und dennoch einsteigerfreundliches Plugin, das als vollwertiger WordPress Theme Builder funktioniert. Sie können Ihr Layout per Drag & Drop erstellen, es visuell gestalten und Ihr Design veröffentlichen, ohne dass ein Entwickler erforderlich ist.
Was ist der Unterschied zwischen einem Theme und einem Page Builder?
Ein WordPress-Theme steuert das gesamte Design Ihrer Website, während ein Page Builder nur den Inhaltsbereich der einzelnen Seiten ändert.
Brauche ich einen Entwickler, um ein eigenes Theme zu erstellen?
Nicht mit Tools wie SeedProd - Sie können Ihr Thema erstellen und starten, ohne den Code zu berühren.

Erstellen Sie ein benutzerdefiniertes Theme für jede WordPress-Website

Mit den richtigen Tools kann jeder ein individuelles WordPress-Theme entwerfen und eine Website erstellen, die genau seinen Vorstellungen entspricht - ganz ohne Entwickler. Egal, ob Sie einen persönlichen Blog, eine geschäftliche Website oder etwas völlig Einzigartiges erstellen, Sie haben jetzt die volle Kontrolle über Aussehen und Funktionsweise.

Wenn Sie bereit sind, noch weiter zu gehen, finden Sie hier einige weitere hilfreiche Anleitungen, die gut zu Ihrem neuen benutzerdefinierten Thema passen:

Vielen Dank fürs Lesen! Wenn Sie Fragen haben oder uns Ihr individuelles Theme mitteilen möchten, hinterlassen Sie unten einen Kommentar. Und folgen Sie uns auf YouTube, X (früher Twitter) und Facebook für weitere WordPress-Tipps und -Tutorials.

Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.