Breadcrumb com markup semântico usando nav, ol e dados estruturados Schema.org.
<nav aria-label="Caminho da página">
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb__item"
itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" itemprop="item">
<span itemprop="name">Home</span>
</a>
<meta itemprop="position" content="1">
</li>
<li class="breadcrumb__item"
itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/blog/" itemprop="item">
<span itemprop="name">Blog</span>
</a>
<meta itemprop="position" content="2">
</li>
<li class="breadcrumb__item breadcrumb__item--atual"
itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"
aria-current="page">
<span itemprop="name">Título do artigo</span>
<meta itemprop="position" content="3">
</li>
</ol>
</nav>Implementa suporte a dark mode usando variáveis CSS e a media query prefers-color-scheme.
Altera o número de palavras do excerpt automático e personaliza o texto de reticências.
Link "pular para o conteúdo" que aparece no foco do teclado, melhorando a acessibilidade.
Componente accordion com ARIA expandido/colapsado e animação de altura com CSS.
Forma correta de enfileirar scripts e estilos no WordPress com dependências e versão.