Adicione belos slides ao seu site com o MotoPress Slider for WordPress

O MotoPress é bem conhecido na comunidade WordPress por seu plugin WordPress de editor de conteúdo para criação de páginas. Desde o seu lançamento no ano passado, o MotoPress adicionou mais produtos ao seu portfólio, incluindo complementos de plugins e temas do WordPress.


Em fevereiro deste ano, eles lançaram o MotoPress Slider; seu segundo grande plugin para WordPress. O plug-in é responsivo, portanto, os slides ajudam a criar uma ótima aparência em qualquer dispositivo. Vamos dar uma olhada no que o MotoPress Slider pode fazer.

Configurando um novo controle deslizante MotoPress

O MotoPress Slider é incrivelmente fácil de configurar. Quando você escolhe criar um novo controle deslizante, são apresentadas três páginas de configurações curtas. Há uma guia para configurações, controles e aparência do controle deslizante.

Na guia de configurações do slider, você pode nomear seu slider e o alias usado para o código de acesso do slider. O controle deslizante pode ter largura total ou você pode definir o tamanho padrão da grade. O atraso da apresentação de slides também pode ser definido nesta área. Se preferir, a apresentação de slides pode ser desativada.

Novas configurações do controle deslizante

Nove controles deslizantes podem ser ativados ou desativados na próxima guia. Você pode configurar controles como setas, botões de reprodução, contadores e mais.

Novos controles deslizantes

Na guia aparência, você pode definir o tamanho padrão de pixel para telas de telefones, tablets e computadores. As configurações originais são de até 767 pixels, usando o layout do telefone, qualquer coisa entre 768 e 991 pixels usa o layout do tablet e qualquer coisa acima de 992 pixels, usa a tela da área de trabalho.

Uma classe CSS personalizada pode ser aplicada ao seu controle deslizante. Há também uma caixa na qual você pode adicionar código CSS personalizado.

Aparência do novo controle deslizante

Uma página de configurações separada está localizada no menu de administração do MotoPress Slider que permite desativar o controle deslizante para grupos de usuários específicos.

Configurações dos Grupos de Usuários do Slider MotoPress

Não se preocupe muito com as configurações do controle deslizante. Os valores padrão devem ser bons para a maioria de vocês e há um botão na parte inferior da área de criação do controle deslizante que permite retornar e modificar as configurações a qualquer momento.

Adicionando slides ao seu novo controle deslizante MotoPress

Na próxima área, você pode adicionar slides ao seu controle deslizante. Você pode ver uma captura de tela desta área abaixo. Pode parecer um pouco assustador à primeira vista, no entanto, é muito fácil entender quando você sabe onde está tudo.

Página de criação de slides do MotoPress

No topo estão sete guias: Geral, cor, imagem, vídeo, link, visibilidade e diversos. Uma visualização do seu controle deslizante domina o coração da página e, abaixo, você encontrará opções para adicionar texto, imagens, botões e vídeos. Cada tipo de conteúdo é conhecido como camada e essas camadas são exibidas no lado direito da página.

Você pode reorganizar a ordem das camadas usando o recurso de arrastar e soltar. O posicionamento da camada funciona da mesma maneira que em aplicativos gráficos, como o Photoshop, com prioridade dada à camada na parte superior. No meu exemplo acima, eu tenho duas camadas: Imagem e texto. Se eu tivesse que posicionar a camada HTML após a imagem, o texto não ficaria visível.

A interface funciona muito bem. Quando você seleciona uma camada na área principal da tela, as configurações dessa camada são exibidas embaixo. Clicar em Excluir no teclado removerá a camada do slide. Também estão disponíveis dois botões de exclusão: um exclui a camada que você selecionou, o outro exclui todas as camadas.

As camadas podem ser arrastadas pela área da tela. Ao fazer isso, você verá as coordenadas X e Y mudarem. Isso é útil, pois significa que você pode posicionar camadas em vários slides na mesma posição (o que é muito útil para posicionar conteúdo como texto). Uma grade de nove caixas também pode ser usada para posicionar camadas, por exemplo canto superior esquerdo, centro, canto inferior direito, etc.

Dezenas de animações podem ser usadas para desbotar e desbotar camadas. Isso inclui desbotamento, zoom, inversão e rejeição. As camadas podem ser exibidas e / ou ocultadas em um determinado momento (em milissegundos). Este é, na minha humilde opinião, um dos melhores recursos do plug-in, pois permite exibir as camadas exatamente quando você deseja que elas sejam exibidas.

Estilos predefinidos também estão disponíveis, mas se você preferir, pode definir classes CSS personalizadas para uma camada específica.

Opções de animação

Na guia geral, você pode nomear seu slide e escolher se ele será publicado ou salvo como rascunho. Dessa forma, você pode ser criativo e salvar seus slides antes de ir ao ar com eles.

A guia cor permite selecionar uma cor ou gradiente para o fundo do slide. Uma coisa que me incomodou foi que não havia uma roda de cores para selecionar cores. Você precisa inserir o código hexadecimal manualmente. Espero que isso seja algo que eles abordem em uma versão futura do plugin. A opção gradiente permite definir duas cores e o ângulo em que o gradiente é aplicado.

Configurações de Cor do Slider MotoPress

Se você não deseja uma cor sólida ou fundo gradiente, pode usar uma imagem. Você pode selecionar uma imagem da sua biblioteca de mídia do WordPress ou definir um URL de imagem externa. Todos os atributos de tamanho, repetição e posição podem ser definidos.

Configurações de imagem do slider MotoPress

O MotoPress Slider também suporta fundos de vídeo. Se preferir, os vídeos podem ser inseridos nos slides usando camadas. Você pode exibir vídeos do YouTube, Vimeo, sua biblioteca de mídia ou um URL externo.

Configurações de vídeo do MotoPress Slider

Slides podem ser vinculados. Você pode definir os atributos de ID do link, classe, rel e título. Quando um visitante clica no slide em questão, ele é levado para o URL que você definiu. Como os links são configurados slide a slide, você pode fazer com que alguns slides sejam vinculados a sites externos e não a outros.

Configurações de Link do Slider do MotoPress

Os slides podem ser restritos a usuários conectados. Isso pode ser usado para exibir apenas slides para usuários registrados. Você também pode ativar os slides durante um período específico. Isso pode ser usado para uma variedade de usos. Por exemplo, você pode criar slides para promover uma competição durante a primeira semana de dezembro.

Configurações de visibilidade do Slider MotoPress

Na última guia, você pode definir um nome e ID da classe CSS para o seu slide. Como observei anteriormente, você também pode estilizar camadas individuais em seu slide usando classes CSS personalizadas.

Configurações diversas do Slider MotoPress

Depois de criar seu slide, você pode salvar o slide usando o botão Salvar na parte inferior da página. Ao clicar no botão Fechar, você será levado à lista de slides, ou seja, a todos os slides que você criou para esse controle deslizante específico.

Você pode editar, duplicar ou excluir os slides existentes. Duplicar um slide é uma opção útil se você deseja criar um slide semelhante. Caso contrário, você pode criar um novo slide do zero.

Slides MotoPress Slides Lista

Por fim, você pode inserir o controle deslizante completo no site usando o alias de código abreviado que você definiu para o controle deslizante.

O Slider MotoPress

Dizem que a beleza está nos olhos de quem vê, no entanto, fiquei muito impressionado com o que o MotoPress Slider poderia fazer. Não demora muito para inserir planos de fundo, texto, imagens, botões e vídeos personalizados.

Exemplo do Slider MotoPress

Se você visitar a página principal de informações do MotoPress Slider, verá um ótimo exemplo do que pode ser alcançado usando o plugin. Ele destaca como as camadas e o atraso no carregamento de camadas podem ser usados ​​para criar controles deslizantes profissionais em minutos. A maneira como as camadas aparecem ao longo do tempo durante um slide dá a impressão de que você está assistindo a uma apresentação de vídeo (mesmo quando os vídeos não estão sendo usados). É um efeito simples que realmente transforma slides.

Exemplo do Slider MotoPress

Preços

O MotoPress adotou um esquema de preços justo para seu plugin de controle deslizante. Sua licença pessoal é vendida por US $ 19 e oferece um ano de suporte e atualizações para um site. No varejo, por US $ 49, a licença comercial aumenta o limite de um para cinco sites.

Preços do MotoPress Slider

A licença de desenvolvedor é vendida a US $ 99. Oferece suporte prioritário ao desenvolvedor e oferece um ano de suporte e atualizações para um número ilimitado de sites. O licenciamento por volume também está disponível se você desejar empacotar o MotoPress Slider em um produto de sua preferência..

O Slider MotoPress é 100% GPL. É necessária uma licença para obter atualizações automáticas e suporte para o plug-in, no entanto, o plug-in ainda é totalmente utilizável se essa chave de licença não for inserida.

Pensamentos finais

Todos os plugins de controle deslizante do WordPress têm uma curva de aprendizado e o MotoPress Slider não é diferente. Você precisa gastar pelo menos vinte ou trinta minutos brincando com slides até começar a entender do que o plug-in é capaz.

Após um curto período de uso do plug-in, tive alguns momentos de “Aha” quando comecei a entender como tudo funcionava. A primeira é quando eu entendi como tirar o máximo proveito das camadas. A segunda é quando eu aprendi como as animações podem ser usadas para desbotar e desbotar textos, botões e imagens. No entanto, o recurso que realmente me fez apreciar o potencial do controle deslizante MotoPress foi a opção de atrasar o aparecimento das camadas. Isso permite que muitos truques interessantes de apresentação sejam usados, como gotejamento de texto para os visitantes do site e exibição de imagens e botões nos principais pontos do slide.

Depois de dominar essas técnicas simples, estou confiante de que poderá criar slides profissionais usando o MotoPress Slider. Se precisar de inspiração, recomendo verificar o controle deslizante exibido no MotoPress, pois destaca o que pode ser alcançado usando camadas simples de texto e imagem.

Espero que você tenha gostado desse visual no MotoPress Slider. Nesse caso, incentivo você a se inscrever no boletim informativo do WPExplorer para receber atualizações gratuitas de nossos artigos mais recentes e ótimas dicas, truques e ofertas do WordPress.

Obrigado pela leitura.

Kevin

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map