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.
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;
}helloWorld();
Mídia e Elementos Visuais
Imagem com Hover
Passe o mouse para ver efeito
Imagem com Hover
Passe o mouse para ver efeito
Imagem com Hover
Passe o mouse para ver efeito
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.
Este é o conteúdo do Item 2. O accordion organiza conteúdo de forma compacta.
Este é o conteúdo do Item 3. Use accordions para FAQs e detalhes.
Botões
Barras de Progresso
90%
85%
75%
95%
Badges / Etiquetas
Sucesso
Aviso
Perigo
Personalizado
Indicadores de Carregamento
Skeleton Loading
Separadores
OU
Alertas e Notificações
Formulários