← WordPress

Como criar um slider igual a este...

Lida 1877 vezes

Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Olá amigos. Eu vi algo neste site http://wptitans.com/felici/ que achei fenomenal que é o quadro de destaque no topo, isto é o slider, que ao clicar num artigo abre no quadrinho ao lado e depois tem a opção de read more. Gostava de colocar igual no meu site.

Eu tenho todos os ficheiros deste theme, mas apenas queria este slider, mas não faço a mínima ideia como o instalar no meu site, porque os meus conhecimentos nessa área são quase remotos. Alguém pode ajudar-me?
Offline

Souza 
Elite
Mensagens 1816 Gostos 1
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Não há uma forma fácil de implementares ao teu gosto, mas se "roubares" o snippet responsável por originar esse efeito podes muito bem aplicá-lo no teu site tal e qual.

Um pouco de jQuery e fazes isso, se não tens quaisquer conhecimentos não é nada fácil.

O output da função que gera os excerpts no wordpress faz um loop, adiciona um <li></li> e um slider pré-feito detecta como sendo um slider cada. Vê o exemplo do nivo slider, não o plugin mas sim a implementação feita "à mão".
Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Não há uma forma fácil de implementares ao teu gosto, mas se "roubares" o snippet responsável por originar esse efeito podes muito bem aplicá-lo no teu site tal e qual.

Um pouco de jQuery e fazes isso, se não tens quaisquer conhecimentos não é nada fácil.

O output da função que gera os excerpts no wordpress faz um loop, adiciona um <li></li> e um slider pré-feito detecta como sendo um slider cada. Vê o exemplo do nivo slider, não o plugin mas sim a implementação feita "à mão".

São coisas que não domino mesmo. E pensando bem, vou deixar para um "profissional", mandei email para uma equipa de webdesign para procurar que me façam um igual ou semelhante é melhor assim. Obrigado desde já.
Offline

Souza 
Elite
Mensagens 1816 Gostos 1
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Fazes bem :)

Altera o título do tópico para algo mais específico ;) "Como criar um slider para wordpress, igual a este", mais alusivo.

Quanto ao loop que te falei, para perceberes a dinâmica da coisa:

http://new2wp.com/pro/part-1-dynamic-jquery-featured-post-slider-with-or-without-javascript/


Um tutorial que utiliza o slider s3slider (O mais simples, não sei se é compatível com a actual framework):

http://www.tobacamp.com/tutorial/creating-featured-slider-in-wordpress-theme-using-jquery-s3slider/


Um tutorial mais completo:

http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/

Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Fazes bem :)

Altera o título do tópico para algo mais específico ;) "Como criar um slider para wordpress, igual a este", mais alusivo.

Quanto ao loop que te falei, para perceberes a dinâmica da coisa:

http://new2wp.com/pro/part-1-dynamic-jquery-featured-post-slider-with-or-without-javascript/


Um tutorial que utiliza o slider s3slider (O mais simples, não sei se é compatível com a actual framework):

http://www.tobacamp.com/tutorial/creating-featured-slider-in-wordpress-theme-using-jquery-s3slider/


Um tutorial mais completo:

http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/



Obrigado pelas informações e título alterado.