Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...
O Divi tem uma coisa muita chata que é aparecer o atributo título das imagens quando passa o mouse em cima delas. Tentei resolver com CSS, mas o código usava a propriedade pointer-events e definia como none. Isso tira não apenas a ação do hover, mas também do click e,...
O cliente queria um blog no site, mas não tinha nenhum conteúdo ainda para publicar, por isso, pediu para que aparecesse Coming Soon! no lugar dos posts. O módulo Posts do Elementor não dá a opção de personalizar a mensagem quando não há posts na query. Simplesmente...
Eu estava fazendo um site que usaria o tipo de post nativo do Divi que é o Projeto, mas depois a agência mudou de ideia e achei melhor retirar completamente o post type do site. Achei um tutorial em:...
O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...
Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....
O Elementor tem várias opções de espaçamento de colunas, mas nesse caso, nenhuma delas funcionava porque eu queria que vários elementos (imagem, título, divisor e texto), ficassem alinhados no topo e apenas os botões ficassem alinhados na base. Consegui esse efeito...
O cliente tem vários produtos e gostaria que, no botão de Whatsapp em cada página, houvesse um texto personalizado com o nome do produto. O site usa ACF, então criei um campo para que, em cada produto, pudesse colocar o texto personalizado. O problema é que o Whatsapp...
O cliente tinha um recurso de que, ao ler um QR Code na embalagem da cerveja, o cliente poderia visualizar os rótulos de cada uma numa realidade aumentada. Para isso, era necessário criar as página no site e configurar redirecionamento de cada uma delas para esse...
Para o site deste cliente, resolvi fazer dois cabeçalhos diferentes, um maior com várias informações que aparece ao abrir a página, e outro menor e fixo, apenas com o logo e o menu e que aparece ao rolar a página. Achei este tutorial:...
O plugin WPForms vem por padrão com o recurso de sugestão de endereço de e-mail, porém, fica confuso porque, para e-mails .com.br, ele sugere a correção de .com.au. Resolvi desabilitar esse recurso e achei um tutorial no próprio site do WPForms:...
No meu portifólio, muitas vezes coloco imagens grandes e o WordPress redimensiona automaticamente para o limite de 2560px. Porém as imagens ficam ruins, então resolvi aumentar esse limite para 4000px. Achei o código para isso no seguinte tutorial:...
O objetivo era criar um e-mail opt-in em que, após a pessoa se cadastrar, ela pudesse baixar o e-book. Para isso, usei o Bloom na opção Locked Content. O conteúdo bloqueado seria um botão de download, mas eu queria que o download fosse feito diretamente, sem abrir o...
Nesse site, a cliente queria um carrossel de logos randômico. Eram 5 imagens, cada uma com diversos logos. Se eu estivesse usando o módulo Slider do Divi, o plugin Divi Booster tem a opção de randomizar os sliders. Porém, estava usando o módulo Carrossel de Imagens do...
O cliente queria um botão que copiasse o link da página inicial do site para o clipboard, para que os clientes pudessem compartilhar. Descobri como fazer isso com JavaScript. Primeiro, para que o botão, ao ser clicado, não tire a página do lugar, eu dei uma id para o...
Para alinhar um botão (ou outro módulo) na parte de baixo da coluna, achei esse tutorial: https://shihabiiuc.com/bottom-align-buttons-divi/. É necessário ir em cada coluna da linha e, na aba Avançado > Custom CSS > Elemento Principal, adicionar o seguinte...
O site teria alguns conteúdos como banner do cabeçalho e vídeos da barra lateral que deveriam poder ser mudados pelo cliente, mas sem a necessidade dele mexer no layout da página. Decidi então criar uma página de opções com ACF. Informações sobre Options Page estão em...
O módulo Blog tem a opção em grade, mas a única opção é em 3 colunas. Existem plugins que oferecem alternativas, mas para esse projeto, eu precisava da opção "Posts da página atual", que não tem no Post Grid do Divi Flash, então decidi usar o módulo nativo do Divi....