O tema Kratos para WordPress é amplamente reconhecido por sua foco na legibilidade e experiência do usuário. Um de seus recursos mais poderosos é o sistema de shortcodes integrados, que permite a criação de layouts complexos e elementos interativos diretamente no editor, sem a necessidade de plugins de terceiros ou conhecimentos profundos em HTML/CSS.
Arquitetura dos Shortcodes no Kratos
A lógica funcional destes componentes está centralizada no arquivo inc/theme-shortcode.php. Para facilitar o uso no cotidiano, o tema estende a interface do editor TinyMCE através do arquivo assets/js/buttons/more.js, adicionando botões visuais que inserem as tags automaticamente.
Elementos de Formatação e Destaque
Para estruturar artigos técnicos ou tutoriais, o tema oferece tags específicas que melhoram a hierarquia visual:
- Títulos Personalizados: Utilize
[h2title]Seu Subtítulo[/h2title]para criar cabeçalhos com estilo diferenciado. - Indicação de Teclas: O shortcode
[kbd]Shift+Enter[/kbd]renderiza comandos de teclado com a estilização apropriada. - Marcador de Texto: Para realçar trechos importantes, utilize
[mark]texto em destaque[/mark]. - Barras de Progresso: Ideal para demonstrar status de projetos ou níveis de habilidade, use
[striped]75[/striped]para gerar uma barra preenchida em 75%.
Blocos de Notificação e Alerta
O Kratos disponibiliza quatro variações semânticas para mensagens de sistema ou avisos, disponíveis tanto em formato simples quanto em painéis com título:
Alertas Simples
[success]Operação concluída com sucesso![/success]
[info]Este é um detalhe informativo importante.[/info]
[warning]Atenção para as configurações de segurança.[/warning]
[danger]Ação crítica detectada.[/danger]
Painéis Estruturados (Card Style)
Estes blocos suportam um parâmetro de título para maior contexto:
[infobox title="Nota Técnica"]Conteúdo detalhado da informação aqui.[/infobox]
[warningbox title="Aviso Prévio"]Certifique-se de realizar um backup antes de prosseguir.[/warningbox]
Integração de Mídia e Reprodutores
O suporte nativo a plataformas de vídeo e áudio é um dos diferenciais deste tema, permitindo a incorporação direta via IDs:
- Plataformas de Vídeo: Suporta
[youtube]ID_DO_VIDEO[/youtube],[bilibili]BV_ID[/bilibili]e[vqq]ID_VQQ[/vqq]. - Áudio: O shortcode
[music]ID_DA_FAIXA[/music]integra o player do NetEase Cloud Music. - Player Avançado (DPlayer): Para vídeos hospedados localmente ou via URL direta, utilize: ```
[dplayer src="url_do_video.mp4" poster="imagem_de_capa.jpg" autoplay="false"]
Recursos de Interatividade e Engajamento
Para aumentar a retenção de usuários e a interação, o Kratos inclui funcionalidades de lógica condicional e UI:
Conteúdo Bloqueado (Reply to View)
O shortcode [reply]Este conteúdo está oculto[/reply] esconde informações sensíveis ou downloads, revelando-os apenas após o usuário deixar um comentário no artigo. O sistema verifica automaticamente o banco de dados de comentários para validar o acesso.
Acordeões e Colapsáveis
Perfeito para FAQs ou documentações extensas, o shortcode de acordeão economiza espaço vertical:
[accordion title="Clique para expandir detalhes"]
Aqui você pode inserir textos longos, imagens ou outros shortcodes.
[/accordion]
Botões de Download
Para disponibilizar arquivos de forma elegante, utilize [bdbtn]https://link-do-arquivo.com[/bdbtn], que gera um botão estilizado e chamativo.
Exemplo de Combinação Avançada
A verdadeira flexibilidade surge ao aninhar múltiplos elementos para criar seções ricas em informações:
[successbox title="Guia de Configuração de Ambiente"]
Siga as instruções abaixo para preparar seu servidor:
1. Pressione [kbd]Win + R[/kbd] e digite 'cmd'.
2. Execute o script de instalação abaixo:
[bdbtn]https://repositorio.com/instalar.sh[/bdbtn]
[warning]Não interrompa o processo durante a execução.[/warning]
[/successbox]
Customização e Responsividade
Todos os elementos gerados por estes shortcodes possuem classes CSS específicas definidas no arquivo style.css do tema. Isso permite que desenvolvedores personalizem cores, margens e fontes através do recurso de CSS Adicional do WordPress. Além disso, a estrutura gerada é totalmente responsiva, adaptando-se automaticamente a dispositivos móveis e tablets.