Como criar um botão de data personalizado para WordPress

Ao fazer o seu blog se destacar, uma coisa que os blogueiros muitas vezes ignoram é o botão da data. Algo tão simples como um botão de data personalizado pode realmente fazer a diferença no design do seu blog. Portanto, neste artigo, mostraremos como você pode criar um botão de data personalizado para o WordPress.

Botão de data personalizado para WordPress

Começaremos a partir da imagem mostrada à esquerda, e torná-lo-á como o da direita.

Você pode usar a imagem que estamos usando acima se desejar o seu uso, ou crie a sua própria.

A primeira coisa que você precisa fazer é abrir seu style.css arquivo e adicione algo como abaixo:

.datebg {
background: url (images / datebg.gif) não repetir;
altura: 173px;
largura: 173px;
}
.dia{
}
.mês{
}

Agora você pode modelá-lo como quiser, e você também pode alterar o nome da classe. Então você precisaria abrir seu index.php e single.php . E adicione o seguinte código onde seu modelo se encaixa.

Certifique-se de alterar o estilo para atender às suas necessidades. Agora você deve ter uma imagem de data personalizada. Você também pode consultar o WordPress Codex para obter mais informações.