Olá amigos. Esta é uma dica rápida para quem desenvolve websites com WordPress. Um dos requisitos que alguns clientes nos pedem é remover as páginas estáticas do site nos resultados de busca do WordPress. Para fazer isso, adicione em seu tema, no arquivo functions.php o seguinte código:

function SearchFilter($query) {
	if ($query->is_search) {
		$query->set('post_type', 'post');
	}
	return $query;
}
add_filter('pre_get_posts','SearchFilter');

Esse código realiza a filtragem dos resultados, permitindo exibir apenas os ítens que são páginas.

Olá pessoal, estou de volta com artigos técnicos. Sim, eu havia dito que não publicaria novos textos técnicos, mas nesse período em que estive buscando motivações para escrever, concluí que o que sei fazer melhor é compartilhar com vocês as descobertas que faço no meu dia-a-dia. Sendo assim, vamos falar de uma dica simples e útil para os profissionais que desenvolvem websites com WordPress.

Frontend

Compartilhando um pouco de como funciona o processo de desenvolvimento de um website com WordPress na Top Lab, primeiro começamos pelo desenvolvimento da camada de Frontend. Podemos entender como Frontend a junção de HTML + CSS + Javascript. Para fazer uso de boas práticas de desenvolvimento, como reuso e otimizações, utilizamos Sinatra na manutenção dos projetos de Frontend.

Entretanto, os websites em WordPress tem algumas particularidades em relação a CSS, pois a ferramenta gera códigos HTML com CSS padrão. Por isso, precisamos utilizar esses estilos em nosso projeto de Frontend no intuito de validar o código com o cliente sem futuras adaptações no processo de desenvolvimento do tema. A lista de estilos padrão esta disponível no próprio site do WordPress. Copie e inclua em seu projeto de Frontend e comece a customizar com os estilos certos.

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
 
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

Por enquanto é só, mas aguardem novidades técnicas nesse mesmo canal. Espero a contribuição dos amigos para enriquecer os temas aqui abordados.