Os cursores deslizantes de largura total (FWS) são um elemento de design muito popular. Não só apresentam imagens grandes e bonitas, como também o podem ajudar a transmitir a sua mensagem principal e a captar a atenção do utilizador. UtilizeElementorPode configurar facilmente diferentes diapositivos de largura total para cada página. Este artigo explica-lhe em pormenor como adicionar diapositivos de largura total a diferentes páginas.

Passo 1: Instale e active o Elementor

Instalação do Elementor Pro(Opcional)

• Utilize o Elementor Pro para desbloquear funcionalidades mais avançadas, como o módulo Advanced Slideshow.
• Depois de instalar o Elementor ProCarregue e active-o.

Passo 2: Crie diapositivos de largura total separados para cada página

1. crie uma nova página ou edite uma página existente

Primeiro, aceda ao painel de controlo do WordPress e clique em "página web">"Adicionar nova página" para criar uma nova página ou editar uma já existente.

2. adicionar estruturas de largura total

existirEditor ElementorNa secção "Pesquisar", clique no botão "+" para adicionar uma nova região, selecione o botão construção a toda a largura(Coluna única). Isto define o diapositivo para abranger toda a largura da página.

3. adicionar componentes de diapositivos

Na biblioteca de componentes do Elementor, localize e arraste o componente "Slides" (Slides) na área de estrutura de largura total. Verá que o diapositivo predefinido foi apresentado.

4. personalizar o conteúdo dos diapositivos

• Carregue uma imagemClique em cada diapositivo na secção "fotografia", carregue a imagem que pretende apresentar. Certifique-se de que a resolução da imagem é suficientemente elevada para caber no esquema de largura total; a largura recomendada é de 1920 pixéis.

• Definir o título e a descriçãoPode adicionar títulos e descrições personalizados a cada diapositivo para apresentar a mensagem principal ou captar a atenção do utilizador.

• botão de ligaçãoPode também definir uma CTA para cada diapositivo (Apelo à ação) que liga à página relevante. Configurar o texto do botão e a hiperligação é suficiente.

5. ajustar os estilos dos diapositivos

O Elementor oferece uma série de definições para tornar a sua apresentação de diapositivos mais pessoal:

• regulação da altura: pode encontrá-lo em "abertura (jargão do xadrez)"Selecione a opção "adaptação para o ecrã" ou defina manualmente a altura do diapositivo para garantir que o tamanho do diapositivo corresponde ao design da página.
• efeito de transição: em "nível elevado"Na opção Efeitos de Animação, pode definir efeitos de transição para a mudança de diapositivos, tais como fade-in e fade-out, deslizamento horizontal ou vertical, etc., para aumentar a dinâmica da página.

6. definições de largura total

Para se certificar de que o diaporama ocupa toda a largura da página, tem de adicionar um novo valor ao parâmetroSecçãoDefinição:

• Selecione a secção onde se encontra o diapositivo e vá para Estilo > Esquema de diapositivos.

• comandante-em-chefe (militar) Largura do conteúdo Defina para "largura total" e assegure que "Secção de alongamentos"A opção está ativa.

Passo 3: Configure diapositivos diferentes para páginas diferentes

Se pretender fornecer opágina diferenteUtilizando uma apresentação de diapositivos diferente, pode repetir os passos acima e criar uma nova apresentação de diapositivos para oCarregue imagens e conteúdos diferentes para cada página.

1. copie os diapositivos existentes e modifique-os

• No editor Elementor, pode fazê-lo clicando com o botão direito do rato na área do diapositivo e selecionando "faça uma cópia de" para copiar a configuração de um diapositivo para outras páginas e, em seguida, substituir conteúdos como imagens, títulos e hiperligações de botões.

2. utilização de modelos de página

Se pretender configurar rapidamente apresentações de diapositivos de largura total para várias páginas, também pode utilizar oModelos de páginaFunção:

• Depois de conceber a apresentação de diapositivos para a primeira página, clique no botão Guardar e selecione "Guardar como modelo".

• Noutras páginas, pode simplesmentepauO modelo e personalize as imagens e o conteúdo.

Passo 4: Optimize o desempenho dos diapositivos

As apresentações de diapositivos de largura total carregam imagens de alta resolução, pelo que podem afetar a velocidade de carregamento da página. Para garantir o desempenho do seu sítio Web, recomenda-se que efectue as seguintes optimizações:

• Imagens comprimidasAntes de carregar as imagens dos diapositivos, utilize uma ferramenta como o TinyPNG ou o ImageOptim paraImagens comprimidasreduzindo o tamanho do ficheiro de imagem.
• Ativar o plugin de cachePara melhorar o desempenho geral, recomenda-se que instale e configure plug-ins de cache, comoWP Super CachetalvezW3 Total Cache.

Passo 5: Verifique o design responsivo

Certifique-se de que a sua apresentação de diapositivos de largura total também é bem apresentada em dispositivos móveis e tablets. Aceda ao editor do Elementor e encontre "modo de resposta" para ver o desempenho da apresentação de diapositivos em diferentes dispositivos, ajustando o tamanho do texto e a apresentação da imagem, se necessário.

resumos

Com o Elementor, pode criar apresentações de diapositivos de largura total separadas para páginas diferentes, apresentando imagens de alta resolução e informações convincentes. Isto não só melhora a experiência do utilizador, como também acrescenta impacto visual ao seu sítio Web. Lembre-se de adaptar as imagens, o conteúdo e o design às necessidades de cada página para garantir que cada apresentação de diapositivos corresponde ao tema da página.