Suporte » Temas » Slide de conteúdo

  • Resolvido toninhopj

    (@toninhopj)


    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

    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)
  • Esse tutorial mostra como fazer isso.

    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.tiemusica.com

    Criador do tópico toninhopj

    (@toninhopj)

    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.

    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/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

    (@toninhopj)

    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.

    É 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

    (@toninhopj)

    gustamociaro muito obrigado!

    Por enquanto esta dando tudo certo aqui.

    Se der tudo certo, mude o status do tópico para resolvido.
    =)

    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

    Dica alucinante pessoal. Gustamociaro, vlw mesmo… ajudou bastante.
    Vou até postar isso lá no meu blog: como fazer um blog

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • O tópico ‘Slide de conteúdo’ está fechado para novas respostas.