Compétences wordpress-theme-development
🎨

wordpress-theme-development

Sûr

Créer des thèmes WordPress avec prise en charge moderne des blocs

Rationalisez le développement de thèmes WordPress avec un flux de travail structuré couvrant l'architecture du thème, la hiérarchie des modèles et l'intégré avec l'éditeur de blocs Gutenberg. Créez des thèmes réactifs et accessibles en suivant les meilleures pratiques WordPress, de l'échafaudage aux tests.

Prend en charge: Claude Codex Code(CC)
🥉 73 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "wordpress-theme-development". Aidez-moi à créer une structure de thème WordPress avec prise en charge de l'éditeur de blocs

Résultat attendu:

Je vais vous aider à configurer un thème WordPress avec prise en charge de Gutenberg. Commençons par créer la structure de base du thème :

- Répertoire du thème : your-theme/
- Fichiers principaux : style.css, functions.php, index.php
- Fichiers de modèles : header.php, footer.php, single.php, page.php
- Prise en charge des blocs : theme.json avec les paramètres de blocs

Je vais commencer par créer style.css avec les en-têtes appropriés du thème et theme.json pour la configuration de l'éditeur de blocs.

Utilisation de "wordpress-theme-development". Enregistrer un type de publication personnalisé pour les éléments Portfolio

Résultat attendu:

Je vais enregistrer un type de publication personnalisé Portfolio pour votre thème. Voici ce que je vais inclure :

- Slug du type de publication : 'portfolio'
- Prise en charge : title, editor, thumbnail, excerpt
- Taxonomie personnalisée : 'portfolio_category'
- Modèle d'archive : archive-portfolio.php
- Modèle individuel : single-portfolio.php

Laissez-moi ajouter le code d'enregistrement à functions.php et créer les fichiers de modèle nécessaires.

Audit de sécurité

Sûr
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
Fichiers analysés
190
Lignes analysées
1
résultats
1
Total des audits
Problèmes à risque faible (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.
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
83
Conformité aux spécifications

Ce que vous pouvez construire

Créer un thème WordPress personnalisé

Concevez et créez un thème WordPress unique à partir de zéro avec des modèles personnalisés, un style et une prise en charge de l'éditeur de blocs pour un projet client.

Convertir un design HTML en WordPress

Transformez un design HTML/CSS existant en un thème WordPress entièrement fonctionnel avec une hiérarchie de modèles appropriée et du contenu dynamique.

Ajouter la prise en charge de l'éditeur de blocs

Modernisez un thème WordPress existant en ajoutant la prise en charge des blocs Gutenberg, des modèles de blocs personnalisés et des modèles de blocs.

Essayez ces prompts

Démarrer un nouveau thème WordPress 
Aidez-moi à créer un nouveau thème WordPress appelé '{theme_name}' avec la prise en charge moderne de l'éditeur de blocs. Configurez la structure de base des répertoires, style.css avec les en-têtes du thème, et functions.php avec les fonctionnalités essentielles de prise en charge du thème.
Créer des fichiers de modèles personnalisés 
Créez des fichiers de modèles WordPress pour mon thème, y compris single.php, page.php, archive.php et un modèle personnalisé pour les publications '{custom_post_type}'. Suivez les meilleures pratiques de la hiérarchie des modèles WordPress.
Enregistrer un type de publication personnalisé 
Enregistrez un type de publication personnalisé appelé '{post_type_slug}' avec prise en charge de {features}. Incluez des taxonomies personnalisées et des meta boxes, et créez le modèle d'archive correspondant.
Ajouter la prise en charge des blocs Gutenberg 
Ajoutez une prise en charge complète de l'éditeur de blocs Gutenberg à mon thème WordPress. Activez les styles de blocs, enregistrez {number} blocs personnalisés, et créez des modèles de blocs pour {use_case}.

Bonnes pratiques

  • Utilisez toujours des thèmes enfants lors de la modification de thèmes WordPress existants pour préserver les modifications lors des mises à jour
  • Suivez les normes de codage WordPress pour PHP, HTML, CSS et JavaScript pour assurer la compatibilité
  • Implémentez une hiérarchie de modèles appropriée en utilisant les noms de fichiers corrects et les modèles de secours
  • Testez les thèmes sur plusieurs navigateurs et appareils pour garantir que le design réactif fonctionne correctement

Éviter

  • Évitez de modifier directement les fichiers du thème parent - utilisez toujours des thèmes enfants ou des plugins personnalisés pour les modifications
  • Ne codez jamais en dur les URLs ou chemins absolus - utilisez les fonctions WordPress comme get_template_directory_uri() et home_url()
  • N'utilisez pas query_posts() ou wp_reset_query() - utilisez WP_Query ou le filtre pre_get_posts à la place
  • Évitez de désenregistrer les scripts ou styles principaux de WordPress sauf si absolument nécessaire pour la fonctionnalité

Foire aux questions

Quelle est la différence entre un thème WordPress et un plugin ?
Les thèmes contrôlent l'apparence de votre site web et gèrent l'affichage frontend, tandis que les plugins ajoutent des fonctionnalités et des fonctionnalités. Les thèmes contiennent des fichiers de modèles et des ressources, les plugins contiennent des fonctions PHP et la logique. Utilisez les thèmes pour la présentation, les plugins pour la fonctionnalité.
Dois-je utiliser un thème classique ou un thème à blocs ?
Les thèmes à blocs sont la norme moderne et prennent entièrement en charge l'éditeur Gutenberg avec theme.json et des modèles de blocs. Les thèmes classiques utilisent des modèles PHP et peuvent avoir une prise en charge limitée des blocs. Choisissez des thèmes à blocs pour nouveaux projets pour profiter de l'édition complète du site.
Dois-je connaître PHP pour créer des thèmes WordPress ?
Oui, la connaissance de PHP est essentielle pour le développement de thèmes. Vous avez besoin de PHP pour créer des fichiers de modèles, enregistrer des fonctionnalités de thème, mettre en file d'attente des ressources et interagir avec les API WordPress. Des compétences de base en PHP sont suffisantes pour des thèmes simples, les thèmes avancés nécessitent une compréhension plus approfondie.
Comment m'assurer que mon thème fonctionne avec les constructeurs de pages ?
La plupart des constructeurs de pages fonctionnent avec n'importe quel thème WordPress correctement codé. Assurez-vous que votre thème a un balisage wrapper approprié, utilise les classes CSS WordPress et n'interfère pas avec les filtres de contenu. Testez avec votre constructeur de pages spécifique pour vérifier la compatibilité.
Puis-je utiliser des frameworks CSS comme Bootstrap ou Tailwind avec des thèmes WordPress ?
Oui, vous pouvez intégrer n'importe quel framework CSS. Mettez en file d'attente les fichiers du framework dans functions.php et remplacez les styles WordPress par défaut. Soyez conscient que certains frameworks peuvent entrer en conflit avec les styles principaux de WordPress ou la sortie de l'éditeur de blocs, alors testez minutieusement.
Comment rendre mon thème accessible et conforme au WCAG ?
Suivez les directives d'accessibilité WordPress : utilisez du HTML sémantique, une hiérarchie de titres appropriée, des étiquettes ARIA, la prise en charge de la navigation au clavier et un contraste de couleurs suffisant. Testez avec des outils d'accessibilité et assurez-vous que tous les éléments interactifs sont accessibles au clavier. Le cœur WordPress fournit de nombreuses fonctionnalités d'accessibilité que vous devriez exploiter.

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

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

Réf

main

Structure de fichiers

📄 SKILL.md