Fähigkeiten wordpress-theme-development
🎨

wordpress-theme-development

Sicher

Erstellen Sie WordPress-Themes mit moderner Block-Unterstützung

Optimieren Sie die WordPress-Theme-Entwicklung mit einem strukturierten Workflow, der Theme-Architektur, Template-Hierarchie und Gutenberg-Block-Editor-Integration abdeckt. Erstellen Sie responsive, barrierefreie Themes nach WordPress-Best-Practices von der Gerüsterstellung bis zum Testing.

Unterstützt: Claude Codex Code(CC)
📊 69 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "wordpress-theme-development". Help me create a WordPress theme structure with block editor support

Erwartetes Ergebnis:

I'll help you set up a WordPress theme with Gutenberg support. First, let me create the basic theme structure:

- Theme directory: your-theme/
- Core files: style.css, functions.php, index.php
- Template files: header.php, footer.php, single.php, page.php
- Block support: theme.json with block settings

I'll start by creating style.css with proper theme headers and theme.json for block editor configuration.

Verwendung von "wordpress-theme-development". Register a custom post type for Portfolio items

Erwartetes Ergebnis:

I'll register a Portfolio custom post type for your theme. Here's what I'll include:

- Post type slug: 'portfolio'
- Supports: title, editor, thumbnail, excerpt
- Custom taxonomy: 'portfolio_category'
- Archive template: archive-portfolio.php
- Single template: single-portfolio.php

Let me add the registration code to functions.php and create the necessary template files.

Sicherheitsaudit

Sicher
v1 • 2/25/2026

Static analysis detected 40 potential issues (28 external_commands, 12 blocker patterns). All findings are false positives. The 'external_commands' detections are backtick characters in markdown code blocks used for skill invocation examples (e.g., @app-builder, @frontend-developer), not actual shell command executions. The 'blocker' patterns are matches on the word 'block' referring to Gutenberg editor blocks, not cryptographic weaknesses. This is a legitimate WordPress theme development workflow skill with no malicious intent or security risks.

1
Gescannte Dateien
190
Analysierte Zeilen
1
befunde
1
Gesamtzahl Audits
Probleme mit niedrigem Risiko (1)
SKILL.md:31-32SKILL.md:42-44SKILL.md:60-62SKILL.md:77-79SKILL.md:94-96SKILL.md:111-113SKILL.md:129-131SKILL.md:147-149
False Positive: Shell Command Patterns
Static scanner detected backtick characters in markdown code blocks as potential shell command execution. These are documentation examples showing skill invocations like @app-builder and @frontend-developer, not executable code.
Auditiert von: claude

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
87
Inhalt
23
Community
100
Sicherheit
83
Spezifikationskonformität

Was du bauen kannst

Benutzerdefiniertes WordPress-Theme erstellen

Entwerfen und erstellen Sie ein einzigartiges WordPress-Theme von Grund auf mit benutzerdefinierten Templates, Styling und Block-Editor-Unterstützung für ein Kundenprojekt.

HTML-Design in WordPress konvertieren

Transformieren Sie ein bestehendes HTML/CSS-Design in ein voll funktionsfähiges WordPress-Theme mit korrekter Template-Hierarchie und dynamischen Inhalten.

Block-Editor-Unterstützung hinzufügen

Modernisieren Sie ein bestehendes WordPress-Theme durch Hinzufügen von Gutenberg-Block-Unterstützung, benutzerdefinierten Block-Patterns und Block-Templates.

Probiere diese Prompts

Neues WordPress-Theme starten 
Help me create a new WordPress theme called '{theme_name}' with modern block editor support. Set up the basic directory structure, style.css with theme headers, and functions.php with essential theme support features.
Benutzerdefinierte Template-Dateien erstellen 
Create WordPress template files for my theme including single.php, page.php, archive.php, and a custom template for '{custom_post_type}' posts. Follow WordPress template hierarchy best practices.
Benutzerdefinierten Post-Type registrieren 
Register a custom post type called '{post_type_slug}' with support for {features}. Include custom taxonomies and meta boxes, and create the corresponding archive template.
Gutenberg-Block-Unterstützung hinzufügen 
Add full Gutenberg block editor support to my WordPress theme. Enable block styles, register {number} custom blocks, and create block patterns for {use_case}.

Bewährte Verfahren

  • Verwenden Sie immer Child-Themes bei der Modifikation bestehender WordPress-Themes, um Änderungen während Updates zu bewahren
  • Befolgen Sie die WordPress Coding Standards für PHP, HTML, CSS und JavaScript, um Kompatibilität sicherzustellen
  • Implementieren Sie die korrekte Template-Hierarchie mit den richtigen Dateinamen und Fallback-Templates
  • Testen Sie Themes über mehrere Browser und Geräte hinweg, um sicherzustellen, dass das responsive Design korrekt funktioniert

Vermeiden

  • Vermeiden Sie die direkte Bearbeitung von Parent-Theme-Dateien – verwenden Sie immer Child-Themes oder benutzerdefinierte Plugins für Modifikationen
  • Verwenden Sie niemals hartkodierte absolute URLs oder Pfade – nutzen Sie WordPress-Funktionen wie get_template_directory_uri() und home_url()
  • Verwenden Sie nicht query_posts() oder wp_reset_query() – verwenden Sie stattdessen WP_Query oder den pre_get_posts-Filter
  • Vermeiden Sie das Deregistrieren von WordPress-Core-Skripten oder -Styles, es sei denn, es ist für die Funktionalität unbedingt erforderlich

Häufig gestellte Fragen

Was ist der Unterschied zwischen einem WordPress-Theme und einem Plugin?
Themes steuern, wie Ihre Website aussieht und die Frontend-Darstellung handhabt, während Plugins Funktionalität und Features hinzufügen. Themes enthalten Template-Dateien und Assets, Plugins enthalten PHP-Funktionen und Logik. Verwenden Sie Themes für die Präsentation, Plugins für die Funktionalität.
Sollte ich ein klassisches Theme oder ein Block-Theme verwenden?
Block-Themes sind der moderne Standard und unterstützen den Gutenberg-Editor vollständig mit theme.json und Block-Templates. Klassische Themes verwenden PHP-Templates und haben möglicherweise begrenzte Block-Unterstützung. Wählen Sie Block-Themes für neue Projekte, um die Vorteile der Full-Site-Editing-Funktionalität zu nutzen.
Benötige ich PHP-Kenntnisse, um WordPress-Themes zu erstellen?
Ja, PHP-Kenntnisse sind für die Theme-Entwicklung unerlässlich. Sie benötigen PHP, um Template-Dateien zu erstellen, Theme-Features zu registrieren, Assets einzubinden und mit WordPress-APIs zu interagieren. Grundlegende PHP-Fähigkeiten reichen für einfache Themes aus, fortgeschrittene Themes erfordern ein tieferes Verständnis.
Wie stelle ich sicher, dass mein Theme mit Page Buildern funktioniert?
Die meisten Page Builder funktionieren mit jedem ordnungsgemäß codierten WordPress-Theme. Stellen Sie sicher, dass Ihr Theme korrektes Wrapper-Markup verwendet, WordPress-CSS-Klassen nutzt und Content-Filter nicht beeinträchtigt. Testen Sie mit Ihrem spezifischen Page Builder, um Kompatibilität zu verifizieren.
Kann ich CSS-Frameworks wie Bootstrap oder Tailwind mit WordPress-Themes verwenden?
Ja, Sie können jedes CSS-Framework integrieren. Binden Sie die Framework-Dateien in functions.php ein und überschreiben Sie Standard-WordPress-Styles. Beachten Sie, dass einige Frameworks mit WordPress-Core-Styles oder der Block-Editor-Ausgabe konfliktieren können, testen Sie daher gründlich.
Wie mache ich mein Theme barrierefrei und WCAG-konform?
Befolgen Sie die WordPress-Richtlinien für Barrierefreiheit: verwenden Sie semantisches HTML, korrekte Überschriften-Hierarchie, ARIA-Labels, Unterstützung für Tastaturnavigation und ausreichenden Farbkontrast. Testen Sie mit Barrierefreiheits-Tools und stellen Sie sicher, dass alle interaktiven Elemente per Tastatur bedienbar sind. WordPress Core bietet viele Barrierefreiheits-Features, die Sie nutzen sollten.

Entwicklerdetails

Autor

sickn33

Lizenz

MIT

Repository

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/wordpress-theme-development

Ref

main

Dateistruktur

📄 SKILL.md