Como transformar o favicon em base64 para diminuir uma requisição no WordPress

Normalmente o favicon dos sites em WordPress são o último recurso a ser carregado. Apesar de ele não impactar a usabilidade do site, ele pode aumentar consideravelmente o tempo total de carregamento do site. É possível evitar a requisição do favicon transformando a sua imagem em código Base64. Passo a passo: Entre do codificador para Base64 do site Varvy.Carregue sua imagem e obtenha o código em...

Cloudflare Workers: O Melhor Cache para WordPress

O Cloudflare Workers permite que uma página HTML gerada no WordPress seja servida estaticamente nos seus CDN edge servers. É a tão aclamada aplicação serveless às mãos de qualquer usuário do WordPress, o qual se beneficiará com velocidades de carregamento incríveis. A minha maior surpresa ao implementar o Workers aqui no site foi a redução do TTFB (time to first byte), que na grande maioria dos...

Como desabilitar o WP-Cron e habilitar o Cron do servidor

Cron jobs são tarefas recorrentes que são agendadas pelo servidor (linux) de hospedagem por meio do utilitário cron. O WordPress utiliza uma função WP-Cron muito deficitária que substituiu o cron “real” do servidor. Com dois comandos é possível ativar este cron “real” e melhorar o desempenho de um site, especialmente quando ele tem muitas visitas. Primeiro passo:...

CSS: Inserir uma quebra de linha mantendo display: inline

Às vezes você deseja criar uma quebra de linha após um elemento inline, sem que seja necessário mudar o valor da propriedade display para outro valor. Felizmente, basta utilizar um truque com pseudo-elementos: .inline-element::after { content: '\A'; white-space: pre; } Isso é especialmente útil em formulários, como exemplificado no exemplo a seguir. See the Pen Inline line break by Andy Bell...

CSS: line-clamp

A propriedade line-clamp é uma forma de truncar (cortar) o texto após um número específico de linhas. No momento da publicação desta nota, essa propriedade está atualmente no Editor’s Draft, o que significa que pode mudar antes de ser publicada. O que line-clamp faz de diferente de text-overflow? O benefício da propriedade line-clamp é poder aplicá-la em qualquer linha. Se você decidir...

Como inserir as publicações de um custom post type no arquivo de categoria

Quando um custom post type compartilha as mesmas categorias dos posts nativos do WordPress, as publicações do custom post type não aparecerão automaticamente nas páginas de arquivo das categorias. Para que isso ocorra, é necessário implementar um hook de ação que faça a query da página considerar também o custom post type. No Editor de Temas, acesse o arquivo functions.php e insira: function...