Title: Slide de conteúdo
Last modified: 6 agosto, 2016

---

# Slide de conteúdo

 *  Resolvido [toninhopj](https://br.wordpress.org/support/users/toninhopj/)
 * (@toninhopj)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/)
 * Boa noite!
 * Estou precisando fazer um template com slide de páginas, preciso dele em wordpress
   mas não estou achando um plugin que me ajude com isto. Vou deixar um link para
   um site que tem o efeito que estou querendo para facilitar o intendimento.
    [http://rascals.eu/templates/switcher/?theme=hypax](http://rascals.eu/templates/switcher/?theme=hypax)
 * Eu até baixei o tema, mas gostaria de começar do zero para ficar mais fácil de
   personalizar.
 * agradeço desde já.

Visualizando 9 respostas - 1 até 9 (de um total de 9)

 *  [gustamociaro](https://br.wordpress.org/support/users/gustamociaro/)
 * (@gustamociaro)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18107)
 * Esse tutorial mostra como fazer isso.
 * [http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/](http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/)
 * (Siga só até a metade do item 03)
 * Depois é só criar um loop que puxe as páginas.
 * Esses dois sites que fiz funcionam dessa forma:
    [http://www.mariz.com.br](http://www.mariz.com.br)
   [http://www.tiemusica.com](http://www.tiemusica.com)
 *  Criador do tópico [toninhopj](https://br.wordpress.org/support/users/toninhopj/)
 * (@toninhopj)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18124)
 * gustamociaro, seus sites ficaram muito bacana!
 * Eu não tenho muito conhecimento de php, nem js, estou usando o wordpress a pouco
   tempo, se puder me enviar algum tutorial um pouco mais detalhado, estou tentando
   fazer aqui mas não estou conseguindo.
    agradeço desde já sua atenção.
 *  [gustamociaro](https://br.wordpress.org/support/users/gustamociaro/)
 * (@gustamociaro)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18125)
 * Olha, não como eu te passar tudo, porque é muita coisa.
 * Mas basicamente é o seguinte:
 * 1. Crie o HTML, com um box com a id=”principal”, e dentro dela cada uma de suas
   páginas, em divs, e via CSS, posicione os elementos para que fiquem um embaixo
   do outro, ou um ao lado do outro. Cada uma das “paginas” deve estar em uma div
   com uma id unica (ex: id=”home”, id=”pagina02″, etc).
 * 2. Crie um menu assim:
 *     ```
       <ul id="menu">
                   <li><a href="#home" class="link">Home</a></li>
                   <li><a href="#pagina01" class="link">Página 1</a></li>
                   <li><a href="#pagina02" class="link">Página 2</a></li>
       </ul>
       ```
   
 * 3. Teste a navegação. O correto é que a rolagem da página vá para o ponto onde
   começa a sua div selecionada. Mas sem o efeito de deslizar.
 * 4. Cole essas chamadas de script antes da tag </head>
 *     ```
       <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
       <script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
       ```
   
 * 5. Coloque esse outro bloco de código, trocando os IDs de acordo com seu HTML:
 *     ```
       $(document).ready(function() {
       		$('a.link').click(function () {
       			$('#principal').scrollTo($(this).attr('href'), 800);
       			return false;
       		});
       	});
       ```
   
 * Agora é para o seu site estar funcionando com o conteúdo deslizando (com efeito).
 * O próximo passo é criar os loops com querys, para chamar o conteúdo que você 
   precisa. Esse conteúdo pode vir de algum post ou página. Isso você vai definir
   de acordo com seu projeto.
 * Para entender um pouco sobre os loops e querys, veja esses links dos Codex:
 * [http://codex.wordpress.org/The_Loop](http://codex.wordpress.org/The_Loop)
    [http://codex.wordpress.org/Class_Reference/WP_Query](http://codex.wordpress.org/Class_Reference/WP_Query)
 * Bom, acho que é isso. Mas de qualquer forma você vai precisar de uma base em 
   PHP, e CSS, para que consiga fazer tudo. Tente fazer, e se tiver dúvidas, pergunte,
   que eu tento te ajudar na medida do possível.
 *  Criador do tópico [toninhopj](https://br.wordpress.org/support/users/toninhopj/)
 * (@toninhopj)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18133)
 * Boa tarde gustamociaro
 * Consegui fazer rodar aqui no wordpress, agora estou precisando de uma função 
   que busque o conteúdo da página do sistema administrativo. Estou procurando, 
   mas não consigo fazer funcionar as que encontrei, não sei se consegui explicar
   direito, se puder me ajudar. muito obrigado.
 *  [gustamociaro](https://br.wordpress.org/support/users/gustamociaro/)
 * (@gustamociaro)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18134)
 * É só você colocar isso antes do loop:
 * `<?php query_posts('page_id=1'); ?>`
 * Dai você troca o ID pelo ID dá sua página.
 *  Criador do tópico [toninhopj](https://br.wordpress.org/support/users/toninhopj/)
 * (@toninhopj)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18136)
 * gustamociaro muito obrigado!
 * Por enquanto esta dando tudo certo aqui.
 *  [gustamociaro](https://br.wordpress.org/support/users/gustamociaro/)
 * (@gustamociaro)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/template/#post-18138)
 * Se der tudo certo, mude o status do tópico para resolvido.
    =)
 *  [ddenisgonalvesc](https://br.wordpress.org/support/users/ddenisgonalvesc/)
 * (@ddenisgonalvesc)
 * [14 anos, 3 meses atrás](https://br.wordpress.org/support/topic/template/#post-18364)
 * Boa tarde, amigos gostoria de saber como colocar backgraund no banner no tema
   boldy, peço que me ajude!!!
 * site: ajc.eng.br ” O tema boldy está neste site”)
    E-mail: [webmaster@ajc.eng.br](https://br.wordpress.org/support/topic/template/webmaster@ajc.eng.br?output_format=md)
 *  [gabrielabrendel](https://br.wordpress.org/support/users/gabrielabrendel/)
 * (@gabrielabrendel)
 * [13 anos, 11 meses atrás](https://br.wordpress.org/support/topic/template/#post-18380)
 * Dica alucinante pessoal. Gustamociaro, vlw mesmo… ajudou bastante.
    Vou até postar
   isso lá no meu blog: [como fazer um blog](http://www.comofazerumblog.blog.br/)

Visualizando 9 respostas - 1 até 9 (de um total de 9)

O tópico ‘Slide de conteúdo’ está fechado para novas respostas.

## Tags

 * [modelo](https://br.wordpress.org/support/topic-tag/modelo/)
 * [página](https://br.wordpress.org/support/topic-tag/pagina/)
 * [rolar página](https://br.wordpress.org/support/topic-tag/rolar-pagina/)
 * [slider](https://br.wordpress.org/support/topic-tag/slider/)
 * [slider page](https://br.wordpress.org/support/topic-tag/slider-page/)
 * [tema](https://br.wordpress.org/support/topic-tag/tema/)

 * Em: [Temas](https://br.wordpress.org/support/forum/temas-e-modelos/)
 * 9 respostas
 * 4 participantes
 * Última resposta de: [gabrielabrendel](https://br.wordpress.org/support/users/gabrielabrendel/)
 * Última atividade: [13 anos, 11 meses atrás](https://br.wordpress.org/support/topic/template/#post-18380)
 * Estado: resolvido

## Tópicos

### Tópicos mais populares

### Tópicos sem respostas

### Tópicos não relacionados a suporte

### Tópicos resolvidos

### Tópicos não resolvidos

### Todos os tópicos