wp-content\/themes<\/code> Im Ordner erstellen Sie einen neuen Ordner, der nach dem Namen Ihres Themas benannt wird \u2013 zum Beispiel: my-first-theme<\/code>In diesem Ordner m\u00fcssen zwei zentrale Dateien erstellt werden:style.css<\/code> und index.php<\/code>\u3002<\/p>\nEmpfohlene Lekt\u00fcre \u201eDas perfekte WordPress-Theme erstellen: Eine umfassende Entwicklungsanleitung von Grund auf\u201c<\/a>\u3002<\/p>\n\n\n\n\nstyle.css<\/code> Nicht nur eine Stylesheet, sondern auch die \u201cIdentit\u00e4t\u201d eines Themes \u2013 der Block mit Kommentaren am Anfang der Datei dient dazu, Informationen \u00fcber das Theme anzugeben. Ein einfaches Beispiel sieht wie folgt aus:<\/p>\n\n\r\n\r\n \r\n \r\n \r\n UltaHost \u2013 WordPress-Hosting-Anbieter <\/strong>\r\n 30-t\u00e4gige Geld-zur\u00fcck-Garantie, unbegrenztes Bandbreiten- und Datenbankvolumen, kostenlose DDoS-Schutzma\u00dfnahmen sowie ein Rabatt von 501 auf 4 Terabyte bei einer Kaufdauer von 3 Jahren.<\/div>\r\n <\/div>\r\n\r\n \r\n \r\n ![\"Das](\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251227020448.webp\" "\\"\\"")
\r\n ![\"Das](\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251229052118.webp\" "\\"\\"")
\r\n <\/a>\r\n \r\n \r\n Zugangsseite <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n\n\n\n\/*\nTheme Name: My First Theme\nTheme URI: https:\/\/example.com\/my-first-theme\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\nDescription: \u4e00\u4e2a\u4ece\u96f6\u5f00\u59cb\u5f00\u53d1\u7684\u7b80\u6d01 WordPress \u4e3b\u9898\u3002\nVersion: 1.0\nLicense: GPL v2 or later\nText Domain: my-first-theme\n*\/<\/code><\/pre>\n\n\n\nindex.php<\/code> Es handelt sich um die Standardvorlagendatei des Themas; sie muss vorhanden sein, auch wenn andere Vorlagendateien fehlen. In diesem Fall kann es sich um eine einfache HTML-Struktur handeln, die zum Testen verwendet wird.<\/p>\n\n\n\nVerst\u00e4ndnis der Template-Hierarchie und Erstellung grundlegender Templates<\/h2>\n\n\n\n
WordPress verwendet ein System von Template-Ebenen, um zu entscheiden, welches Template-File f\u00fcr verschiedene Arten von Seiten geladen wird. Das Verst\u00e4ndnis dieses Systems ist der Kern der Theme-Entwicklung.<\/p>\n\n\n\n
Die Funktionen von Template-Dateien und die Reihenfolge ihrer Ladung<\/h3>\n\n\n\n
Wenn eine Seite aufgerufen wird, sucht WordPress nach den entsprechenden Template-Dateien in einer bestimmten Reihenfolge. Zum Beispiel sucht WordPress bei der Aufrufung eines Blogartikels nacheinander nach:single-post-{post-id}.php<\/code>\u3001single-post.php<\/code>\u3001single.php<\/code>Zum Schluss ist\u2026 singular.php<\/code>Falls nichts gefunden wird, kehrt man zur\u00fcck zu\u2026 index.php<\/code>Die Startseite, die Artikelseite, die einzelnen Seiten sowie die Seiten f\u00fcr Kategorien- und Archivierungsverzeichnisse verf\u00fcgen jeweils \u00fcber entsprechende Verkn\u00fcpfungen, \u00fcber die die passenden Vorlagen abgerufen werden k\u00f6nnen.<\/p>\n\n\n\nKopf- und Fu\u00dfzeilenvorlagen erstellen<\/h3>\n\n\n\n
Um dem DRY-Prinzip (\u201eDon\u2019t Repeat Yourself\u201c) zu folgen, haben wir den Code f\u00fcr die Kopf- und Fu\u00dfzeilen in separate Dateien aufgeteilt. Erstellen Sie diese Dateien. header.php<\/code> und footer.php<\/code>\u3002<\/p>\nEmpfohlene Lekt\u00fcre Einen tiefen Einblick in die Entwicklung von WordPress-Themen gewinnen: Ein Kernleitfaden von der Einf\u00fchrung bis zur Meisterschaft<\/a>\u3002<\/p>\n\n\n\n\nheader.php<\/code> Dateien enthalten in der Regel eine Angabe zum Dokumenttyp.<\/code> Die \u00f6ffentliche Struktur der Region sowie des Seitenanfangs (z. B. das Website-Logo und die Hauptnavigation). Wichtig ist, dass diese Elemente aufgerufen werden m\u00fcssen. wp_head()<\/code> Funktionen, damit das WordPress-Kernsystem, Plugins sowie Themes selbst den notwendigen Code einf\u00fcgen k\u00f6nnen (z. B. Stylesheets, Skripte, Meta-Tags).<\/p>\n\n\n\nfooter.php<\/code> Die Datei enth\u00e4lt den gemeinsamen Inhalt am unteren Rand der Seite und muss darauf hingewiesen werden, dass dieser Inhalt abgerufen werden muss. wp_footer()<\/code> Funktion. Dann, index.php<\/code> In diesem Kontext kannst du folgende Elemente verwenden: get_header()<\/code> und get_footer()<\/code> Funktionen werden verwendet, um sie einzuf\u00fchren:<\/p>\n\n\n\n<main>\n <h1>Hallo, WordPress!<\/h1>\n <!-- \u4e3b\u5faa\u73af\u5c06\u5728\u8fd9\u91cc\u8fdb\u884c -->\n<\/main>\n\n<?php get_footer(); ?><\/code><\/pre>\n\n\n\nImplementierung des Hauptzyklus und der Anzeige des Inhalts<\/h2>\n\n\n\n
WordPress verwendet \u201cSchleifen\u201d, um Inhalte aus der Datenbank abzurufen und anzuzeigen. Schleifen sind der wichtigste Bestandteil von Theme-Vorlagen.<\/p>\n\n\r\n
\r\n \r\n \r\n \r\n hosting.com Shared Hosting <\/strong>\r\n Hohe Leistung mit AMD EPYC-CPUs, NVMe-SSD-Speicher und LiteSpeed, fachkundiger Inhouse-Support rund um die Uhr, erweiterte Sicherheitsma\u00dfnahmen einschlie\u00dflich SSL, Brute-Force-, Malware- und DDoS-Schutz, Einsparungen von bis zu 73%<\/div>\r\n <\/div>\r\n\r\n \r\n \r\n ![\"Das](\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/09\/20250901222940.svg\" "\\"\\"")
\r\n ![\"Das](\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251228220957.webp\" "\\"\\"")
\r\n <\/a>\r\n \r\n \r\n Zugangsseite <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n\n\n\nDie Grundsyntax von Schleifen und g\u00e4ngige Funktionen<\/h3>\n\n\n\n
Die standardisierte Codestruktur f\u00fcr Schleifen lautet wie folgt:<\/p>\n\n\n\n
<?php if ( have_posts() ) : ?>\n <?php while ( have_posts() ) : the_post(); ?>\n\n<!-- \u5728\u6b64\u5904\u8f93\u51fa\u6587\u7ae0\u5185\u5bb9 -->\n\n<?php endwhile; ?>\n<?php endif; ?><\/code><\/pre>\n\n\n\nInnerhalb einer Schleife k\u00f6nnen Sie eine Reihe von Template-Tag-Funktionen verwenden, um Inhalte auszugeben. Zum Beispiel:the_title()<\/code> Artikeltitel:the_content()<\/code> Bitte geben Sie den Text des Artikels an, den Sie in das Deutsche \u00fcbersetzen lassen m\u00f6chten.the_permalink()<\/code> Erhalten Sie den Link zum Artikel.the_post_thumbnail()<\/code> Bildern mit den Highlights des Artikels anzeigen.<\/p>\n\n\n\nErstellung einer Artikelliste sowie eines Templates f\u00fcr einzelne Artikel<\/h3>\n\n\n\n
F\u00fcr die Startseite oder die Archivseite ben\u00f6tigen wir in der Regel eine Liste der Artikel anzuzeigen. Es ist m\u00f6glich, eine solche Liste zu erstellen. content.php<\/code> Oder verwenden Sie\u2026 get_template_part()<\/code> Die Zusammenfassungen jeder Artikel sollten modular angezeigt werden. Gleichzeitig sollte eine entsprechende Struktur erstellt werden, um dies zu erm\u00f6glichen. single.php<\/code> Dient zum Anzeigen des vollst\u00e4ndigen Inhalts eines einzelnen Artikels, sowie page.php<\/code> Dient zum Anzeigen von statischen Webseiten.<\/p>\nEmpfohlene Lekt\u00fcre Detaillierte Analyse der WordPress-Theme-Entwicklung: Ein umfassender Praxisleitfaden von der Einf\u00fchrung bis zur Meisterschaft<\/a>\u3002<\/p>\n\n\n\n\nEin einfaches Beispiel f\u00fcr einen Eintrag in einer Artikelliste:<\/p>\n\n\n\n
<article id="post-<?php the_ID(); ?>" no numeric noise key 1003>\n <header class="entry-header">\n <h2 class="entry-title"><a href="\/de\/<\/?php the_permalink(); ?>"><\/a><\/h2>\n <\/header>\n <div class="entry-summary">\n \n <\/div>\n<\/article><\/code><\/pre>\n\n\n\nIntegrierte Funktionen und fortschrittliche Eigenschaften<\/h2>\n\n\n\n
Ein ausgereiftes Thema zeigt nicht nur den Inhalt an, sondern ben\u00f6tigt auch die Integration von Seitenleisten, Men\u00fcs, benutzerdefinierten Funktionen usw.<\/p>\n\n\r\n
\r\n \r\n \r\n \r\n InterServer Shared Hosting <\/strong>\r\n Shared Hosting $2.50 USD pro Monat, erster Monat $0.1 USD Promo-Code tryinterserver, 461 Cloud-Apps Skripte, ein Klick installieren.<\/div>\r\n <\/div>\r\n\r\n \r\n \r\n ![\"Das](\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251228045033.svg\" "\\"\\"")
\r\n ![\"Das](\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251229054830.webp\" "\\"\\"")
\r\n <\/a>\r\n \r\n \r\n Zugangsseite <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n\n\n\nRegistrierungsmen\u00fc und Seitenleiste<\/h3>\n\n\n\n
WordPress erlaubt es, in den Themenangaben (\u201eTheme Options\u201c) die Unterst\u00fctzung f\u00fcr Navigationsmen\u00fcs festzulegen. In den Themenangaben der jeweiligen Themes kann man daher einstellen, ob Navigationsmen\u00fcs integriert werden sollen oder nicht. functions.php<\/code> Im File wird dies verwendet. register_nav_menus()<\/code> Funktionen werden registriert:<\/p>\n\n\n\nfunction my_first_theme_setup() {\n register_nav_menus( array(\n 'primary' => __( '\u4e3b\u5bfc\u822a\u83dc\u5355', 'my-first-theme' ),\n 'footer' => __( '\u9875\u811a\u83dc\u5355', 'my-first-theme' ),\n ) );\n}\nadd_action( 'after_setup_theme', 'my_first_theme_setup' );<\/code><\/pre>\n\n\n\nDanach, in der Template-Datei (z. B. header.php<\/code>In\u2026) wird verwendet. wp_nav_menu()<\/code> Eine Funktion, die das Men\u00fc anzeigt.<\/p>\n\n\n\nDie Registrierung im Seitenbereich (Bereich mit den Widgets) funktioniert \u00e4hnlich. register_sidebar()<\/code> Nachdem die Funktion aktiviert wurde, k\u00f6nnen Benutzer Inhalte in diesen Bereichen \u00fcber die \u201cHilfsmittel\u201d-Oberfl\u00e4che im Hintergrund hinzuf\u00fcgen.<\/p>\n\n\n\nTheme Customizer und benutzerdefinierte Funktionen<\/h3>\n\n\n\n
Der WordPress Customizer erm\u00f6glicht es den Nutzern, die Einstellungen ihrer Themes in Echtzeit vorzubereiten und zu \u00e4ndern. Sie k\u00f6nnen dies durch\u2026 functions.php<\/code> Dokumente, Verwendung $wp_customize<\/code> Die API erm\u00f6glicht das Hinzuf\u00fcgen von Einstellungen und Kontrollelementen wie dem Logo des Sites, Farbschemata oder Fu\u00dfnoten mit Urheberinformationen. Dies entspricht besser den offiziellen Standards von WordPress als die herk\u00f6mmlichen Themeneinstellungsebenen.<\/p>\n\n\n\nAu\u00dferdem stellen Sie sicher, dass Ihr Thema die Verwendung von speziellen Bildern unterst\u00fctzt (durch\u2026) add_theme_support( \u2018post-thumbnails\u2019 )<\/code>responsive Design sowie eine solide Grundlage f\u00fcr barrierefreien Zugang.<\/p>\n\n\n\nZusammenfassungen<\/h2>\n\n\n\n
Die Entwicklung von WordPress-Themen ist ein systematischer Prozess, der von der Einrichtung der Entwicklungsumgebung, dem Verst\u00e4ndnis der Struktur der Templates \u00fcber die Implementierung von Kernfunktionen bis hin zur Integration fortgeschrittener Funktionen reicht. Die Befolgung von Best Practices \u2013 wie der Verwendung von Template-Components, der korrekten Registrierung von Men\u00fcs und Seitenleisten sowie der Nutzung der Customizer-API \u2013 verbessert nicht nur die Entwicklungseffizienz, sondern f\u00fchrt auch zu stabilen, benutzerfreundlichen und standardkonformen Themen. Der Schl\u00fcssel dazu liegt im Verst\u00e4ndnis des Datenflusses und der Hook-Mechanismen von WordPress, was Ihnen die T\u00fcr zur Erstellung individueller Funktionen \u00f6ffnet.<\/p>\n\n\n\n
FAQ H\u00e4ufig gestellte Fragen<\/h2>\n\n\n\n
Muss man f\u00fcr die Entwicklung von Themen zu ### PHP beherrschen?
\nJa, PHP ist die Kernprogrammiersprache von WordPress. Obwohl Sie Page Builder-Tools verwenden k\u00f6nnen, ist ein fundiertes Verst\u00e4ndnis von PHP unerl\u00e4sslich, um tiefe Anpassungen und zus\u00e4tzliche Funktionen zu entwickeln. Au\u00dferdem sind Kenntnisse in HTML, CSS sowie grundlegendem JavaScript erforderlich.<\/p>\n\n\n\n
Was ist die Funktion der Datei functions.php?<\/h3>\n\n\n\n
functions.php<\/code> Die Datei ist die \u201cFunktionsbibliothek\u201d Ihres Themes. Sie dient dazu, Funktionen des Themes hinzuzuf\u00fcgen, Men\u00fcs und Seitenleisten zu registrieren, die Unterst\u00fctzung f\u00fcr das Theme zu aktivieren (z. B. Artikel-Verkn\u00fcpfungen in Form von Vorschaubildern), die Einbindung von Stylesheets und Script-Dateien zu steuern sowie verschiedene benutzerdefinierte Funktionen zu definieren. Sie wird automatisch beim Initialisieren des Themes geladen.<\/p>\n\n\n\nWie kann ich mein Thema mehrsprachig machen?<\/h3>\n\n\n\n
Sie m\u00fcssen sich auf die Internationalisierung des Textes vorbereiten. Im Code sollten Sie f\u00fcr alle benutzerorientierten Zeichenketten die \u00dcbersetzungsfunktionen von WordPress verwenden, wie zum Beispiel\u2026 __()<\/code> oder _e()<\/code>Und weisen Sie ihnen die entsprechenden Positionen zu. style.css<\/code> Der im Header definierte Textbereich (Text Domain) dient als Grundlage. Anschlie\u00dfend wird mit einem Tool wie Poedit ein .pot-Template-File erstellt, auf dessen Basis \u00dcbersetzer die .po- und .mo-Sprachdateien generieren k\u00f6nnen.<\/p>\n\n\n\nNach Abschluss der Entwicklung: Wie kann die Kompatibilit\u00e4t des Themes getestet werden?<\/h3>\n\n\n\n
Zun\u00e4chst sollten Sie sicherstellen, dass die Funktionen in verschiedenen Versionen von PHP \u2013 insbesondere in neueren Versionen \u2013 ordnungsgem\u00e4\u00df funktionieren. Anschlie\u00dfend sollten Sie Werkzeuge oder Plugins f\u00fcr die WordPress-\u00dcberpr\u00fcfung verwenden, um potenzielle Probleme zu erkennen. Abschlie\u00dfend sollten Sie die Frontend-Implementierung in verschiedenen Browsern sowie auf Ger\u00e4ten mit unterschiedlichen Bildschirmgr\u00f6\u00dfen testen und versuchen, die Funktionen zusammen mit beliebten Plugins zu nutzen, um Konflikte auszuschlie\u00dfen.<\/p>","protected":false},"excerpt":{"rendered":"
Dieser Artikel stellt den vollst\u00e4ndigen Prozess der Entwicklung von WordPress-Themen systematisch vor. Zun\u00e4chst wird erkl\u00e4rt, wie man eine lokale Entwicklungsumgebung einrichtet und eine standardisierte Verzeichnisstruktur erstellt. Anschlie\u00dfend wird das Template-Hierarchiesystem detailliert analysiert und es wird gezeigt, wie man Header- und Footer-Template erstellt, die Haupt-Schleife (\u201eMain Loop\u201c) sowie die Anzeige von Inhalten umsetzt \u2013 somit wird Entwicklern ein klarer praktischer Weg aufgezeigt.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,2034,1910,1950,1906],"knowledge_category":[280],"class_list":["post-12372915","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-wordpress-development-guide","tag-theme-development-tutorial","tag-1950","tag-template-hierarchy","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,WordPress\u6559\u7a0b,\u4e3b\u9898\u5236\u4f5c\u6307\u5357,\u6a21\u677f\u5c42\u7ea7,\u4e3b\u5faa\u73af,\u672c\u5730\u73af\u5883\u642d\u5efa,WordPress\u4e3b\u9898\u6700\u4f73\u5b9e\u8df5,\u4ece\u96f6\u5f00\u53d1WordPress\u4e3b\u9898"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/knowledge_posts\/12372915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/knowledge_posts"}],"about":[{"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/types\/knowledge_post"}],"author":[{"embeddable":true,"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":1,"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/knowledge_posts\/12372915\/revisions"}],"predecessor-version":[{"id":12405540,"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/knowledge_posts\/12372915\/revisions\/12405540"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/media?parent=12372915"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/tags?post=12372915"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/de\/wp-json\/wp\/v2\/knowledge_category?post=12372915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}