Inserindo slider externo no Web Acappella RC


Como inserir um slider externo no Web Acappella RC?

Vamos ao tutorial de hoje.

Primeiro, vamos ver como ficou esse slide no WARC, clique aqui.

Para que possamos inserir o slider em qualquer projeto, precisamos entender a arquitetura dos códigos, o que precisamos editar e quais pastas enviaremos para o servidor de hospedagem.

1 – Editando as frases do slide

É aconselhável usar algum software para isso, nesse caso, usamos o Code Writer do próprio Windows 10, mas você pode usar no Notepad++, Dreamweaver, entre outros.

A pasta de download terá os seguintes arquivos:

Ordem dos arquivos do slide WARC

Iremos abrir o arquivo nomeado como “código para inserir em campo html warc” no editor, dessa forma:

As únicas coisas que realmente precisamos editar aqui são as frases apresentadas no slide.

Para isso, deixamos pré prontos para serem facilmente localizados, como:

Slider 1

Slider 2

Slider 3

Slider 4

Slider 5

Altere os textos de acordo com seu projeto, em seguida, copie todo e cole numa área HTML dentro do WARC, assim:

A primeira parte está encerrada!

Agora vamos a parte da troca das imagens e envio dos arquivos para o servidor.

Existe uma pasta nos arquivo chamada: “images”, altere as imagens de acordo com o seu projeto, mantenha os nomes delas, no caso: 1.jpg, 2.jpg, 3.jpg, 3.jpg, 5jpg, para que não tenhamos erros.

Depois de alterar as imagens, compacte as 3 pastas em .zip:

css

imagens

js

Feito a compactação, envie agora para a mesma pasta onde está o site, ou onde ele será armazenado em seu servidor de hospedagem.

Terminando o upload, descompacte a pasta no servidor e publique seu site pelo Web Acappella RC.

Pronto, seu slider já estará funcionando.

Para fazer o download dos arquivos clique aqui.

Ficou com dúvidas? Deixe nos comentários abaixo.

Até a próxima.

Previous Duas maneiras de publicar um site pelo WARC
Next Efeito RollOver no Web Acappella RC

14 Comments

  1. Marcus Garrido
    junho 13, 2018
    Responder

    Pfv me tire uma dúvida.. eu coloquei um slider e um formulario de cadastro porém na aba “visualizar” o formulario aparece certinho. quando publico e abro o index ele aparece todo bagunçado =/ oq pode seR?

  2. Antonio João
    maio 26, 2018
    Responder

    Bom dia,

    No WebAccappela 4 temos a opção de animar textos tal como TEXTOS DESLIZANTES,
    Na na nova versão (responsiva) não encontrei tal opção ou terei me enganado?

    Grato.

    • Marcos Martins
      agosto 12, 2018
      Responder

      Fala Antônio, beleza?
      Você não está enganado, essa opção realmente não existe mais.
      Um abraço!

  3. Rafael
    abril 26, 2018
    Responder

    Mesmo configurando o box pra ficar com a largura total, ele não está ficando. Alguma dica ?

  4. abril 8, 2018
    Responder

    Olá! Achei bastante legal este slider, porém não como ele passar de uma imagem para outra de forma automática? E ele não poderia ficar em largura total?

    • Marcos Paulo
      abril 14, 2018
      Responder

      Olá André, para ficar em largura total é só ajustar no próprio box do WARC.
      Sobre a transição, teria como alterar, mas não temos conhecimento total para realizar essa alteração.

      • abril 16, 2018
        Responder

        ok, muito obrigado.

      • abril 16, 2018
        Responder

        ok, muito obrigado

      • abril 16, 2018
        Responder

        Marcos Paulo fiz a alteração no box, mas não fica em largura total

      • abril 17, 2018
        Responder

        olá, ajustei para box estendido mas não funcionou, você poderia me ajudar?

      • Marconi
        maio 4, 2018
        Responder

        Olá, eu encontrei a forma de realizar o auto play,
        abra o arquivo: jquery.slitslider.js
        e modifique a linha:
        de “false” para “true”.

        autoplay : true,

  5. Sergio Vidal
    março 19, 2018
    Responder

    Gostaria de colocar o tempo de exibição para cada slide pode me informar o processo?

  6. Renata
    fevereiro 4, 2018
    Responder

    Olá! Estou tentando implementar seu plugin, segui todo o procedimento informado, mas apesar de aparecer as inscrições o image do slider não aparece. verifiquei que no scrript não faz menção as imagens. Poderia me ajudar?

    • Marcos Paulo
      fevereiro 5, 2018
      Responder

      Oi Renata, como vai?

      O arquivo que faz menção as imagens do slider é um css.
      Poderia postar seu link para verificação do procedimento?
      Revise se as imagens do seu slider estão na extensão padrão, que no caso é: “jpg”, ah, os nomes também precisam estar idênticos aos originais.

Deixar um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *