Como utilizar o plugin Elementor para criar um sítio WordPress com umsobreposição de textos para ajudar a dar ao seu sítio Web um toque mais profissional.
Passo 1: Adicione um esquema de largura total
- No backend do WordPress, clique em "página web" > "Adicionar nova página", dê um nome à página e clique em "Editar com o Elementor".
- Uma vez no editor Elementor, clique em "+" para selecionar o esquema e escolher uma estrutura de largura total e coluna única.
Passo 2: Adicione componentes de diapositivos
- Na biblioteca de elementos no lado esquerdo do editor do Elementor, procure por "Deslizamentos"Componentes.
- Arraste"Deslizamentos" para o esquema de largura total que acabou de criar, aparecerá o diapositivo predefinido.
Passo 3: Personalize as imagens dos diapositivos
- No lado esquerdo do editor, o ícone "Deslizamentos"Em Definições, clique num dos itens do diapositivo para expandir as opções de edição.
- Clique "Imagem de fundo", carregue as imagens dos diapositivos que pretende utilizar. Certifique-se de que a largura da imagem carregada é adequada para um esquema de largura total, recomendando-se 1920px ou mais.
- Depois de selecionar a imagem, defina "colocação"para"centro","magnitude"para"sobrescrever", certificando-se de que as imagens são adaptáveis a todos os tamanhos de ecrã.
Passo 4: Adicione uma sobreposição de texto
- Em "Deslizamentos"As definições podem ser consultadas na secção "legenda"e"descrições". Nesta altura, pode introduzir o conteúdo de texto que pretende apresentar.
- Utilize estes campos para adicionar um título principal e um subtítulo e ajustar o estilo, a cor e o alinhamento do texto para o harmonizar com os elementos visuais da imagem.
Passo 5: Personalizar estilos de texto
- O estilo da sobreposição de texto é muito importante. Clique em "tipo"no separador "legenda"e"descrições"A secção ajusta a cor, o tamanho, o sombreado e a posição do tipo de letra.
- Certifique-se de que escolhe cores que contrastem bem com a imagem de fundo para garantir que o texto é claro e legível.
- Também pode ser acedido através de "nível elevado" para ajustar ainda mais a posição do texto, adicionando margens interiores ou exteriores para garantir que o texto não bloqueia partes importantes da imagem.
Etapa 6: Ajustesslide (fotografia, software de apresentação)animações e efeitos
- Em "elemento"No separador, pode definir diferentes efeitos de animação de transição para o diapositivo, tais como esbatimento, deslizamento, etc.
- Em "navegador", selecione a forma como os diapositivos são alternados e pode optar por apresentar ou não ferramentas de navegação, tais como setas e pontos de paginação.
- Se pretender que a apresentação de diapositivos mude automaticamente, pode adicionar um novo diapositivo à lista "reprodução automática" e defina o tempo de comutação para cada diapositivo.
Etapa 7: Otimização responsiva
- Clique "modo de resposta" para ver o aspeto da apresentação de diapositivos no computador, no tablet e no telemóvel.
- Em cada modo de dispositivo, pode ajustar o tamanho e o alinhamento do texto individualmente para garantir que o texto não aparece demasiado grande ou demasiado pequeno num ecrã pequeno.
Passo 8: Guarde e pré-visualize
- Depois de concluir todas as definições, clique em "posto" para guardar as alterações.
- Pré-visualize a página para ver o resultado final da apresentação de diapositivos de largura total e certifique-se de que as sobreposições de texto, as imagens e as animações correspondem às suas expectativas.
resumos
Criar apresentações de diapositivos de largura total e adicionar sobreposições de texto com o Elementor facilita a criação de imagens profissionais e esteticamente agradáveis para a Web. O segredo está em escolher a imagem de fundo correta, ajustar o estilo do texto e certificar-se de que os diapositivos são bem apresentados em diferentes dispositivos.
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/20729/