Crie imagens de fundo responsivas & Mais em Elementor

Rifat Element. Jun 17, 2022

Para aprimorar a experiência do usuário, o Elementor oferece novos recursos, como controle móvel sobre gráficos em segundo plano, um modo de segurança para depuração e muito mais.

A Elementor sempre se orgulhou de sua capacidade de projetar para dispositivos móveis. Para os usuários do Elementor, obter a localização da imagem de fundo com precisão ainda era um problema. Como desenvolvedor web, você pode encontrar esse problema com frequência: você quer mostrar o rosto do cachorro, mas só mostra o rabo no celular.

Os controles de imagem de fundo responsivos do Elementor permitem que você crie imagens de fundo que se adaptam ao tamanho e à resolução de qualquer dispositivo.

Controles de imagem de fundo responsivos

A versão mais recente do Elementor oferece aos clientes controle abrangente sobre os controles de imagem de fundo de desktop, tablet e celular. Os controles de imagem de fundo estão incluídos neste controle (imagem, posição, anexo, repetição e tamanho).

Create Amazing Websites

Com o melhor criador de páginas gratuito Elementor

Comece agora

Pela primeira vez, você pode personalizar a posição de dispositivos individuais. Escolha 'center-top' para dispositivos móveis e 'center-center' para desktops para garantir que a imagem seja exibida uniformemente em todas as plataformas. Para cada dispositivo, você pode escolher um tamanho diferente. Quanto ao celular, selecione "conter" para desktop e "capa".

Temos certeza de que muitas pessoas gostariam dessa nova função porque esse era um problema importante para muitas pessoas.

O Elementor traz a capacidade de definir imagens totalmente distintas para cada dispositivo individual. Os primeiros controles responsivos adicionais vieram na forma de tamanho e localização específicos do dispositivo. Com tamanho e posição ajustáveis, ele permite que você dê um passo adiante e oferece uma experiência de design ainda mais flexível.

Posição de tamanho de imagem de fundo personalizado &

Anteriormente, havia apenas três opções para definir o tamanho da imagem de fundo: automático, capa ou conter. Semelhante ao 'Superior esquerdo', você só pode especificar posicionamentos gerais da imagem de fundo.

O tamanho e a posição do plano de fundo agora são dois novos controles personalizados que estarão disponíveis no futuro.

A posição de fundo personalizada permite selecionar as coordenadas exatas dos eixos X e Y da imagem de fundo. Como resultado, agora você tem a capacidade de alinhar com precisão o pano de fundo da sua página.

Tamanhos de pano de fundo personalizados também são possíveis. Defina a largura da sua imagem de pano de fundo para um valor preciso em pixels.

Para um design responsivo, essas configurações—especificamente o tamanho do plano de fundo personalizado e a posição—são críticos. Para plataformas de desktop, tablet e celular, use essas configurações personalizadas para estabelecer um foco específico no ponto focal principal da imagem.

Controles de fronteira responsivos

Além disso, agora você pode personalizar o raio da borda e a largura para cada dispositivo separadamente, além das imagens de fundo.

As bordas das colunas podem ser usadas de várias maneiras, como quando uma linha de links é dividida por uma borda de coluna. É desnecessário no celular porque a linha não está mais em linha e cada link é colocado em uma linha própria.

Tirar a borda do layout móvel é um acéfalo nesta circunstância. Um novo recurso de limites dinâmicos simplifica a realização.

Não há mais "fronteiras órfãs" em dispositivos móveis!

Modo de segurança para problemas de solução de problemas

A Elementor está comprometida em fornecer uma experiência suave e livre de bugs para todos os clientes. Existem dezenas de milhares de plugins e temas para escolher, e há um número infinito de maneiras de fazê-los funcionar uns com os outros. Independentemente de o Elementor estar ou não envolvido, essas combinações levam a conflitos.

A Elementor está sempre procurando maneiras de facilitar as coisas para nossos usuários, reduzindo o atrito em seus processos de trabalho.

Quando as pessoas não conseguem abrir o editor, é um problema comum. Muitos nomes foram dados a esse problema: recebo uma tela em branco, não consigo editar e meu computador trava ao carregar…

O modo de segurança é a resposta!

Quando o Windows foi lançado, ele incluía um recurso de modo de segurança que poderia ser usado para solucionar vários problemas. A Elementor desenvolveu uma solução semelhante por conta própria.

Sempre que você encontrar uma página que se recusa a carregar, você poderá ativar o 'Modo de segurança' clicando em um botão.

O Elementor e o WordPress estão protegidos no "Modo de segurança" de quaisquer temas ou plugins que possam estar causando problemas.

Mais de 80% de problemas de carregamento podem ser corrigidos temporariamente no modo de segurança.

Quando você entra no modo de segurança, tudo é carregado corretamente?

Isso sugere que seu tema ou um de seus plugins é o culpado pelo erro. Vá em frente e desative-os um por um para identificar o agressor.

Ativei o modo de segurança, mas ele ainda não carrega.

Isso sugere que você deve explorar em outro lugar para uma solução, e é mais provável que seja um problema de código personalizado ou relacionado à hospedagem.

"O modo de segurança afetará meu site?"

Os visitantes do seu site não notarão a diferença se usarem o modo de segurança. Todos os seus plugins e temas instalados serão exibidos em seu site, e seus visitantes poderão utilizá-los como fariam normalmente.

Plugins e temas não são ativados durante o processo de carregamento do editor Elementor.

Os usuários do Elementor se beneficiarão muito do modo de segurança em termos de uma experiência mais estável, contínua e livre de erros.

Leia Mais Tag & Widget

A tag read more do WordPress foi uma das primeiras coisas que o elementor recebeu como uma solicitação de recurso.

Essa foi uma solicitação simples, mas o construtor de páginas finalmente conseguiu implementá-la.

Quando você usa a tag "Leia mais" na postagem do seu blog, a exibição da postagem do arquivo corta o restante do texto. Com isso, seu teaser de conteúdo agora pode ser exibido diretamente na página principal do seu blog para que todos vejam.

No widget do editor de texto ou como um widget separado, agora você pode adicionar rapidamente a tag leia mais. É ainda mais fácil exibir um trecho em sua página de arquivo com o novo widget 'Leia mais' da Elementor, que pode ser inserido entre dois widgets de editor de texto e para exatamente onde você escolher.

A fim de evitar qualquer confusão, este widget é aplicável apenas a páginas de arquivo WordPress regulares que utilizam 'o conteúdo' em seu conteúdo. Os modelos de arquivo Elementor não são afetados.

Palavras finais

O Elementor é um dos construtores de páginas do WordPress amplamente desenvolvidos. Com novos recursos, está se tornando cada vez mais poderoso. Com este plugin, você pode literalmente explorar um enorme oceano de design e decoração para o seu site. Espero que você se torne benéfico a partir deste post. Visite mais tutoriais do elementor e compartilhe-os com seus amigos.

Divi WordPress Theme