Página de Testes WordPress
Demonstração completa de efeitos e elementos do Editor Clássico
Editor Clássico
HTML
CSS
Títulos (H1 – H6)
Título H1 – Principal
Título H2 – Seção
Título H3 – Subseção
Título H4 – Grupo
Título H5 – Item
Título H6 – Detalhe
Dica: Use títulos hierarquicamente para melhor SEO e acessibilidade.
Formatação de Texto
Estilos de Texto
Este é um texto em negrito,
este é texto em itálico,
e este é texto sublinhado.
Texto marcado/destacado,
texto riscado,
e texto inserido.
Texto pequeno,
superíndice²,
e subíndice₂.
código inline
e tecla Ctrl
Listas
Lista Não Ordenada:
- Item de lista 1
- Item de lista 2
- Sub-item A
- Sub-item B
- Item de lista 3
Lista Ordenada:
- Primeiro item
- Segundo item
- Sub-item A
- Sub-item B
- Terceiro item
Lista de Definição:
- HTML
- Linguagem de Marcação de Hipertexto
- CSS
- Folhas de Estilo em Cascata
Citações
“O único modo de fazer um excelente trabalho é amar o que você faz.”
Blocos de Código
// Exemplo de código JavaScript
function helloWorld() {
console.log("Olá, Mundo!");
return true;
}
// Chamando a função
helloWorld();
Mídia e Elementos Visuais
Carrossel de Imagens
Ícones (Font Awesome)
Tabelas
| # | Nome | Cargo | Status | |
|---|---|---|---|---|
| 1 | João Silva | joao@email.com | Desenvolvedor | Ativo |
| 2 | Maria Santos | maria@email.com | Designer | Ativo |
| 3 | Pedro Costa | pedro@email.com | Gerente | Pendente |
| 4 | Ana Oliveira | ana@email.com | Analista | Inativo |
Elementos Interativos
Tabs
Conteúdo da Tab 1. Este é o primeiro painel de conteúdo.
Conteúdo da Tab 2. Este é o segundo painel de conteúdo.
Conteúdo da Tab 3. Este é o terceiro painel de conteúdo.
Accordion / Dropdown
Este é o conteúdo do Item 1. Você pode colocar qualquer conteúdo aqui, incluindo imagens, vídeos, ou outros elementos HTML.
Este é o conteúdo do Item 2. O accordion permite organizar muito conteúdo de forma compacta e elegante.
Este é o conteúdo do Item 3. Use accordions para FAQs, detalhes de produtos, ou qualquer conteúdo expansível.
Botões
Barras de Progresso
90%
85%
75%
95%
Badges / Etiquetas
Sucesso
Aviso
Perigo
Personalizado
Indicadores de Carregamento
Skeleton Loading
Formulários
Separadores
OU
Alertas e Notificações
Informação: Este é um alerta informativo.
Sucesso: Operação realizada com sucesso!
Aviso: Atenção para este aviso importante.
Erro: Ocorreu um erro na operação.