Habilidades wordpress-theme-development
🎨

wordpress-theme-development

Seguro

Crie temas WordPress com suporte moderno a blocos

Otimize o desenvolvimento de temas WordPress com um fluxo de trabalho estruturado que abrange arquitetura de temas, hierarquia de templates e integração com o editor de blocos Gutenberg. Crie temas responsivos e acessíveis seguindo as melhores práticas do WordPress, da estruturação aos testes.

Suporta: Claude Codex Code(CC)
📊 69 Adequado
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "wordpress-theme-development". Ajude-me a criar uma estrutura de tema WordPress com suporte ao editor de blocos

Resultado esperado:

Vou ajudá-lo a configurar um tema WordPress com suporte Gutenberg. Primeiro, deixe-me criar a estrutura básica do tema:

- Diretório do tema: your-theme/
- Arquivos principais: style.css, functions.php, index.php
- Arquivos de template: header.php, footer.php, single.php, page.php
- Suporte a blocos: theme.json com configurações de blocos

Vou começar criando o style.css com cabeçalhos de tema adequados e o theme.json para configuração do editor de blocos.

A utilizar "wordpress-theme-development". Registre um tipo de conteúdo personalizado para itens de Portfólio

Resultado esperado:

Vou registrar um tipo de conteúdo personalizado Portfólio para seu tema. Aqui está o que vou incluir:

- Slug do tipo de conteúdo: 'portfolio'
- Suporta: title, editor, thumbnail, excerpt
- Taxonomia personalizada: 'portfolio_category'
- Template de arquivo: archive-portfolio.php
- Template individual: single-portfolio.php

Deixe-me adicionar o código de registro ao functions.php e criar os arquivos de template necessários.

Auditoria de Segurança

Seguro
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
Arquivos analisados
190
Linhas analisadas
1
achados
1
Total de auditorias
Problemas de Baixo Risco (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.
Auditado por: claude

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
87
Conteúdo
23
Comunidade
100
Segurança
83
Conformidade com especificações

O Que Você Pode Construir

Criar tema WordPress personalizado

Projetar e construir um tema WordPress único do zero com templates personalizados, estilização e suporte ao editor de blocos para um projeto de cliente.

Converter design HTML para WordPress

Transformar um design HTML/CSS existente em um tema WordPress totalmente funcional com hierarquia de templates adequada e conteúdo dinâmico.

Adicionar suporte ao editor de blocos

Modernizar um tema WordPress existente adicionando suporte a blocos Gutenberg, padrões de blocos personalizados e templates de blocos.

Tente Estes Prompts

Iniciar novo tema WordPress 
Ajude-me a criar um novo tema WordPress chamado '{theme_name}' com suporte moderno ao editor de blocos. Configure a estrutura básica de diretórios, style.css com cabeçalhos do tema e functions.php com recursos essenciais de suporte ao tema.
Criar arquivos de template personalizados 
Crie arquivos de template do WordPress para meu tema, incluindo single.php, page.php, archive.php e um template personalizado para posts do tipo '{custom_post_type}'. Siga as melhores práticas da hierarquia de templates do WordPress.
Registrar tipo de conteúdo personalizado 
Registre um tipo de conteúdo personalizado chamado '{post_type_slug}' com suporte para {features}. Inclua taxonomias personalizadas e meta boxes, e crie o template de arquivo correspondente.
Adicionar suporte ao editor de blocos Gutenberg 
Adicione suporte completo ao editor de blocos Gutenberg ao meu tema WordPress. Ative estilos de blocos, registre {number} blocos personalizados e crie padrões de blocos para {use_case}.

Melhores Práticas

  • Sempre use temas filho ao modificar temas WordPress existentes para preservar alterações durante atualizações
  • Siga os Padrões de Codificação do WordPress para PHP, HTML, CSS e JavaScript para garantir compatibilidade
  • Implemente hierarquia de templates adequada usando os nomes de arquivo corretos e templates de fallback
  • Teste temas em vários navegadores e dispositivos para garantir que o design responsivo funcione corretamente

Evitar

  • Evite editar arquivos do tema pai diretamente - sempre use temas filho ou plugins personalizados para modificações
  • Nunca use URLs ou caminhos absolutos codificados - use funções do WordPress como get_template_directory_uri() e home_url()
  • Não use query_posts() ou wp_reset_query() - use WP_Query ou o filtro pre_get_posts em vez disso
  • Evite desregistrar scripts ou estilos principais do WordPress, a menos que seja absolutamente necessário para a funcionalidade

Perguntas Frequentes

Qual é a diferença entre um tema e um plugin WordPress?
Temas controlam a aparência do seu site e lidam com a exibição do frontend, enquanto plugins adicionam funcionalidade e recursos. Temas contêm arquivos de template e assets, plugins contêm funções e lógica PHP. Use temas para apresentação, plugins para funcionalidade.
Devo usar um tema clássico ou um tema de blocos?
Temas de blocos são o padrão moderno e suportam totalmente o editor Gutenberg com theme.json e templates de blocos. Temas clássicos usam templates PHP e podem ter suporte limitado a blocos. Escolha temas de blocos para novos projetos para aproveitar a edição completa do site.
Preciso saber PHP para criar temas WordPress?
Sim, conhecimento de PHP é essencial para desenvolvimento de temas. Você precisa de PHP para criar arquivos de template, registrar recursos do tema, enfileirar assets e interagir com APIs do WordPress. Habilidades básicas de PHP são suficientes para temas simples, temas avançados requerem entendimento mais profundo.
Como garanto que meu tema funcione com construtores de páginas?
A maioria dos construtores de páginas funciona com qualquer tema WordPress devidamente codificado. Garanta que seu tema tenha marcação wrapper adequada, use classes CSS do WordPress e não interfira com filtros de conteúdo. Teste com seu construtor de páginas específico para verificar compatibilidade.
Posso usar frameworks CSS como Bootstrap ou Tailwind com temas WordPress?
Sim, você pode integrar qualquer framework CSS. Enfileire os arquivos do framework no functions.php e substitua os estilos padrão do WordPress. Esteja ciente de que alguns frameworks podem entrar em conflito com estilos principais do WordPress ou saída do editor de blocos, então teste minuciosamente.
Como torno meu tema acessível e compatível com WCAG?
Siga as diretrizes de acessibilidade do WordPress: use HTML semântico, hierarquia adequada de cabeçalhos, rótulos ARIA, suporte a navegação por teclado e contraste de cor suficiente. Teste com ferramentas de acessibilidade e garanta que todos os elementos interativos sejam acessíveis por teclado. O núcleo do WordPress fornece muitos recursos de acessibilidade que você deve aproveitar.

Detalhes do Desenvolvedor

Autor

sickn33

Licença

MIT

Repositório

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

Referência

main

Estrutura de arquivos

📄 SKILL.md