ATENÇÃO, O PLUGIN NIVO SLIDER FOR WORDPRESS ESTÁ SENDO DESCONTINUADO, INFELIZMENTE NÃO TENHO MAIS TEMPO SUFICIENTE PARA DAR SUPORTE AO PLUGIN, GRATO PELA COMPREENSÃO.
DOWNLOAD: http://wordpress.org/extend/plugins/nivo-slider-for-wordpress/
NivoSlider for WordPress é baseado no plugin S3Slider desenvolvido por Vinicius Massuchetto, adaptado para a sua utilização JQuery plugin NivoSlider.
COMO USAR:
Adicionar imagem
Adicionando imagem:
Para adicionar uma nova imagem no seu slider, clique no botão Adicionar nova imagem, em seguida, selecione a imagem desejada (são suportados JPG, PNG e GIF) e clique no botão enviar e editar imagem.
Configurações da imagem:
Depois que a imagem foi enviada, defina a área de recorte e escreva abaixo a legenda e no link da imagem, se desejar.
Editando imagem:
Para editar a imagem depois de já definida suas configurações, clique no link Editar ao lado da coluna da legenda.
Excluindo imagem:
Para excluir a imagem, clique no link Remover ao lado da coluna da legenda.
Alterando a ordem de apresentação das imagens:
Para definir a ordem de apresentação das imagens, clique na linha da imagem desejada e arraste para cima ou para baixo até a ordem das imagens ficar como deseja.
Opções
Tamanho do recorte (será também o tamaho do slider):
Esta opção define a largura e altura em pixels nos campos correspondentes. Essa será as dimensõ;es do slider e do recorte da imagem após o upload da mesma.
Importante: caso altere essas dimensões depois de já ter inserido alguma imagem, terá que recortar as imagens novamente, para que elas se adequarem as dimensões definidas.
Configurações do Nivo Slider:
Efeitos de transição:
Selecione um dos efeitos para alterar a transição entre cada imagem.
Velocidade da transição do slide:
Velocidade em que será mostrada a transição escolhida.
Tempo de pausa entre as transições:
Tempo que uma imagem do slider ficará sendo mostrada, até que acontçaa a transção para a próxima.
Setas de navegação:
Se esta opção estiver habilitada, o uso das setas para avançar ou voltar a passagem das imagens no slider aparecerão.
Mostrar as setas de navegação somente quando o mouse estiver sobre o slide:
Se esta opção estiver habilitada, as setas de navegação só irão aparecer quando o cursor do mouse estiver sobre o slider.
Mostrar navegação por “bullets”
Se esta opção for ativada, o usuário pode avançar ou retroceder as imagens utilizando os bullets abaixo do slider
Usar esquerda & direita no teclado:
Se esta opção estiver habilitada, o usuário poderá avançar ou voltar as imagens do slider pelas setas de navegação esquerda (←) e direita (→) do teclado.
Parar a animação enquando o mouse estiver sobre o slide:
A animação (transições e legenda) não irão acontecer enquanto o mouse estiver sobre do slider.
Forçar transição manual:
Se esta opção estiver habilitada, as transições não acontecerão de forma automática.
Cor de fundo da legenda:
Altera a cor de fundo da legenda de todas as imagem do slider. Para alterar a cor clique no botão ao lado do campo de texto, e selecione a cor desejada no seletor de cor.
Cor do texto da legenda:
Altera a cor do texto da legenda de todas as imagem do slider. Para alterar a cor clique no botão ao lado do campo de texto, e selecione a cor desejada no seletor de cor.
Opacidade do fundo da legenda:
Altera a transparência do fundo da legenda de todas as imagem do slider. Digite o valor desejado dentro de uma escala de 0.0 à 10.0, por exemplo, 0.3.
Opções Avançadas
Qualidade da imagem:
Coloque um value entre 0 a 100 para definir a qualidade do recorte das imagens. A qualidade varia de 0 (qualidade ruim, arquivo menor) até 100 (melhor qualidade, arquivo grande). O padrão é 80.
Inserir JavaScript:
Selecione uma das opções, head ou footer, para definir onde será carregado os scripts Jquery do Plugin Nivo Slider. Recomenda-se carregar o JavaScript no footer, pois permite que uma página de carregamento mais rápido, porém o slider é carregado por último.
Usando o Slider no seu Tema:
Para adicionar o Slider no seu tema basta colocar o seguinte codigo:
if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }
Screenshots:
Painel para adicionar e configurar as images:
Painel de configuração do Nivo Slider
Nivo Slider em ação!
Nota:
O plugin está disponivel em Inglês e Português, porém vou ser sincero e falar que meu inglês é muito ruim ainda, então se alguem achar alguma “bizarrisse”, peço desculpa, favor me avise para eu corrigir nas próximas versões ;D.
GitHub:
Se quizer contribuir para o desenvolviemento do plugin pode usar a página no github:https://github.com/marcelotorres/Nivo-Slider-for-WordPress.
Tradução:
- hungarian by Németh Balázs
Agradecimentos:
Agradeço pelos testes e sugestões:
- Eder Prado - http://www.ederprado.com/ | @ederprado
- Guga Alves - http://www.tudoparawordpress.com.br/ | @gugaalves
- Dhony Silva - @dhonysilva
- Luís Victor Quintas - http://www.portalwp.com.br/ | @luisvquintas
- Micah - http://www.twolanedesign.com/
- E o pessoal do grupo WordPress Brasil no Facebook -http://www.facebook.com/groups/wordpress.brasil/
Pingback: Plugin NivoSlider for WordPress | Marcelo Torres
Kra parabéns pela iniciativa, ficou realmente excelente o seu plugin!!!!
Eu tenho uma versão do mesmo tbm, em http://wordpress.org/extend/plugins/wp-nivo-slider/
Valeu Rafael, eu já tinha visto e já usei seu plugin, muito bom também.
Boas, estou a ter umas dificuldades em colocar meu site mais bonito nao sei o que poder fazer …nao percebo muito de design.
Agradecia uma ajuda obrigado
Cara, Otimo plugin viu, estava começando a preparar o nivo para o wordpress aqui, deu uns probleminhas e quando pesquisei pra ver se encontrava o erro, achei seu plugin, Otimo mesmo!!
Só estou tendo 1 problema, ele só está mostrando uma imagem.Já sabe de algum bug ou é apenas brabesa minha mesmo? abraços.
Opa, descobri o problema anterior, estava deixando a div slider que eu havia criado manualmente, por isso tava dando erro, mas agora apareceu outro problema, somente no firefox está criando um espaco enorme abaixo do rodape do site e acredito que tenha haver com o plugin, alguem ai já passou por isso?
Olá Juin, esse problema do espaço deve ser problema do css no seu tema, de uma conferida melhor.
Grato, pelo feedback ;D
oi, estou desenvolvendo um site e precisava utilizar o seu plugin.. mas não consigo entender.. eu baixo e aparece um monte de paginas do dreamweaver e css.. eu jogo elas na pasta q eu to desenvolvendo o meu site.. só que não consigo entender.. o plugin que vc criou vai me ajudar.. mas eu não sei como utilizar ele.. é serio… como abrir.. e tal.. tem algum tutorial que vc pode me passar?
muito obrigada,
Patricia B. Santos
Olá Patricia, antes de mais nada preciso saber se você está usando esse plugin com o WordPress, se não está então não irá funcionar mesmo.
Aguardo sua resposta.
Caro Marcelo, mais uma vez parabéns pelo ótimo blog. Estou com um probleminha aqui, estou usando o plguin numa boa, mas no firefox está criando um espaco vazio abaixo do rodape. criei a div slider para posicionar o slider na pagina inicial:
#slider{
position:absolute;
left:90px;
top:-525px;
}
e só coloquei isso na div, mas ao adicionar a função chamando o slider ele cria esse espaco vazio no firefox. Se puder colaborar com alguma dica ai, ficaria muito agradecido. Abraços!
Juin, fica dificil lhe da alguma dica sem ver como está definido seu HTML/CSS, mas possivelmente não deve ser problema no plugin, de uma olhada neste site – http://www.pontogamer.com/ – e veja que está aparecendo normalmente, se puder me mande o link do site que está editando para eu dar uma olhada.
Abraços
Rpz, o que está me matando mais ainda é que mesmo com o firebug aqui, eu não consigo visualizar qual a parte do código que está gerando esse espaço em branco abaixo do rodapé, e somente no firefox. E já tenho certeza que o problema é no meu tema mesmo..mas pq está acontecendo isso é que ainda nao consegui descobrir.
Marcelo, pode rejeitar o comentario com o css ai de cima, achei onde está o problema, só nao conseguir resolver ainda. tenho essa div antes da div slider chamada pela função.
#conteudo{
width:990px;
height:550px;
margin-top:-2px;
background-image:url(“imagens/fundo.png”);
background-repeat:no-repeat;
}
e div slider está sendo posicionada abaixo dessa div ae..como faço pra ela ficar por cima? pode me ajudar nessa?! Abraços!
Cara não é só você colocar a função do slider acima da marcação da div id=”conteudo” ?
Tente também usar no css do #conteudo um display:table; , talvez resolva o problema do espaço em branco.
Olá Marcelo, eu consegui resolver, coloquei a função acima da div conteúdo, mas ai a div conteúdo estava descendo e bagunçando tudo, no final das contas ficou assim a div conteudo e a div slider:
#conteudo{
position:absolute;
top:148px;
width:990px;
height:550px;
margin-top:-2px;
background-image:url(“imagens/fundo.png”);
background-repeat:no-repeat;
}/* conteudo do index.php*/
#slider {
position:absolute;
top:21px;
left:90px;
z-index:50;
background:url(images/loading.gif) no-repeat 50% 50%;
}
Legal Juin, que bom que conseguiu solucionar o problema.
Abraço
Pingback: Nivo Slider For WordPress 0.3.1 | Marcelo Torres
Pingback: [Video-Tutorial] WordPress – Conhecendo e usando o plugin Nivo Slider For WordPress | Marcelo Torres
Since this plugin does not allow for multiple sliders, is there a way to specify which photos appear in a slider by their ID number or a range of IDs.
This would allow us to use the single admin interface (which is outstanding, btw), but to use multiple instances of the slider showing only specific slides.
Thank you for your hard work on this plugin.
For some reason the slider doesn’t appear centered. Any ideas?
Can I ramdonize the order? thanks.
Hi Facundo,
Try centered in css with the selector #nivoslider, eg: #nivoslider{margin:0 auto;}.
this version don’t randomize, maybe the next version I ‘ll add this function.
Hi Marcelo,
I made a tiny modification to add a randomize option to Nivo Slider for WordPress, there you go: http://www.caercam.org/2012/04/17/random-images-using-nivo-slider-for-wordpress.html
Nice plugin by the way, keep on!
Greatings,
Charlie
Fala Marcelo,
Tudo bem?
Quanto a resolução das imagens, tenho como controlar isso? Está ficando com baixa resolução.
Abraços!
Eder Prado
Então cara realmente as imagens estão sendo recortada no valor padrão da função imagejpeg(), que é 75(se eu não me engano), esse fim de semana irei liberar uma atualização que corrige isso(alem de outras coisas).
Já aproveito e peço sua opinião, você acha melhor definir como 100 a qualidade ou deixar uma campo para o usuario decidir qual valor colocar?
Abraços
Marcelão,
Legal, vou esperar a atualização para botar no site do cliente e fazer minha primeira doação.
Eu acho mais que interessante deixar a caixinha de porcentagem para o pessoal escolher a qualidade da imagem.
Hoje eu acho que essa imagem está com no máximo 50% de qualidade.
Abraços!
ok, obrigado pelo feedback!
Olá sou novato no WP, comigo funcionou
normalmente na home como eu estava pretendento. Mas estou com uma dúvida, desculpa se ela é primária…
O Slide só está funcionando em POSTs, caso eu tente utilizar uma PÁGINA ESTÁTICA como index nada acontece.
Por favor me tire essa duvida esse ou qualquer plugin tem alguma restrição em página estática?
Olá André, não sei como você pretende usar o slider, mas já que quer colocar para ser visualizado em todas as paginas coloque dentro do arquivo header.php, se só está fucionando em posts possivelmente você colocou apenas no arquivo single.php.
Oi Marcelo, obrigado pelo retorno.
Pretendo rodar o slide SÓ NA PÀGINA PRINCIPAL e COMO ESTÁTICA.
Colei o código na index do template.
No entanto o slide só aparece se eu setar nas configurações/leitura como um POST.
O que eu quero dizer é que INDEX + página estática setada nao está funcionando.
Ainda estou investigando, se eu descobrir minha “barbeiragem” retorno.
[]
Pingback: Nivo Slider For WordPress 0.3.2 | Marcelo Torres
Ola marcelo, no seu plugin é possível usar imagens de outro local usando somente a url?
Olá Marco,
Por enquanto ainda não tem esta função.
Olá Marcelo, queria saber qual seria o script para abrir esse slider dentro de uma página, como o abaut por exemplo. Porque consegui instalar ele no header e em outros mas não instalar ele no html de uma página ou post. teria como fazer isso?
você pode colocar no page.php e filtrar a exibição usando a função – is_page() – por exemplo:
if(is_page('slider')) :
if (function_exists('nivoslider4wp_show')) { nivoslider4wp_show(); }
endif;
Primeiramente, parabéns pela iniciativa.
Eu não entendo muito de programação, fiz conforme foi descrito aqui, e no local onde era para aparecer os slides, fica como se tivesse carregando..
e não mostra imagens. o que posso ter feito de errado?
precisa de outro plugin para rodar?
Agradecida
Olá Flavia, deve estar dando conflito com outro plugin, tente desativar alguns plugins e faça o teste denovo, e tembém tente carregar o plugin no “header” ao inves do “footer”
Cara Parabéns pelo Plugin, estou usando em meu site e estou muito satisfeito, porem com uma duvida, gostaria que as imagens do plugin ficassem passando apenas na página inicial, tem como configurar o plugin para que isso aconteça e não em todas as páginas como é atualmente?
faça o seguinte use a função – is_home
desculpa cara, poderia explicar melhor?
ficaria assim:
if ( is_home() ) {
if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }
}
Assim só aparecerá na pagina inicial
Olá Marcelo, desculpe estar te enchendo.. rs
Desativei todos os meus outros plugins e carreguei este em Head. Mas mesmo assim não deu certo. Fica somente no loading.
Tem alguma outra coisa que possa tentar??
Estou colocando o código em Index.php, debaixo da div art-content. Ta certo?
Obrigada mais uma vez..
Flavia, é dificil eu te ajudar sem ve o codigo-fonte do seu tema, mas isso parece ser conflito de JQuery, terá que verificar se os javascript que estão sendo carregado no seu tema estão em modo noConflict. Procure pela função wp_head() e tente carregar acima de todos os outros script padrão do tema.
Olá Flavia, eu estava com o mesmo problema. Enfim, descobri que após adicionar a barra do cat-us o slide não aparecia. Depois que eu retirei voltou a funcionar normalmente.
Espero ter ajudado,
Abraço
fala marcelo!
teu script é 10, uso ele em todos os meus trampos.. mas uma coisa que reparei soh agora é que qualquer nivel de usuario pode editar o slider… qualquer assinante do site pode ver alem do painel e perfil, o plugin e editar o slide.. como podemos arrumar isso deixando somente acessivel para administrador?
Willy use o plugin adminimize (http://wordpress.org/extend/plugins/adminimize/)
Caros amigos,
há aproximadamente 3 meses fui apresentado ao NIVO e gostei muito da sua apresentação, porém desde então tenho tentado , sem sucesso, inserir no meu blog em wordpress.
Quero montar meu blog com uma página principal que conterá um slideshow(NIVO), uma galeria de fotos, um video principal (randômico) tudo isso baseado no site http://www.pibjardimolimpo.com.br.
A minha dificuldade é que se eu coloco o NIVO na página (page.php) ele aparece em todas as outras página se coloco no index.php ele só aparece quando eu mudo o mode de leitura para apresentar os posts recentes ao invés de uma página principal.
Nessa brincadeira acabei estragando meu tema (vou ajeitar depois)
Alguém pode me ajudar???
Meu site vai ficar em http://www.narabia.com.br.
Abraços!!
Obs. Pensei em fazer uma função em php para exibir o NIVO (que poderá ser inserido em page.php), somente quando o post por = 2 (que é a ID da página principal do site) mas não sei como fazer.
espero que tenham entendido!!!
Olá Wander,
Para que o Nivo Slider apareça só na pagina inicial use a função – is_front_page();, ou sejá, o codigo terá que ficar assim:
if( is_front_page())
{
if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show(); }
}
Marcelão, obrigado pela tentativa mas, infelizmente não deu certo
Pingback: 5 plugins JQuery para slider de imagens | Marcelo Torres
Galera por favor me ajudem
Tenho um site (narabia.com.br) Já coloquei isso em outro comentário rsrsrs
o problema é o seguinte, não consigo colocar o Nivo para aparecer apenas na pagina inicial do site. Por mais que eu tente ele aparece apenas nas páginas de posts e meu site possui uma PÁGINA comum na home.
Tenta colcoar aquele codigo que lhe disse no header.php, ou post seu codigo em algum site como o http://pastebin.com/ por exemplo
Marcelão
Obrigado pelo seu empenho em me ajudar
Eu quero dar preferência em usar o nivo, tenho alternativas com o frontpage slide show que me atenderia também, porém acho o nivo muito melhor.
Segue o header e o index que estou usando no meu tema, renomeei os arquivos para .txt a fim de que você consiga vê-los
Forte abraço!!
Index
http://narabia.com.br/arq/index.txt
header
http://narabia.com.br/arq/header.txt
Marcelão,
consegui colocar pra funcionar PARCIALMENTE. coloquei o código no arquivo page.php. Agora aparece somente na página principal.
usei o código
if (is_front_page()) {nivoslider4wp_show();}
dentro da tag PHP
porém funciona somente quando o plugin está ativo, quando desativo o plugin ele deixa de exibir e mostra um erro.
Tem como ajeitar isso???
sim coloca do jeito que tinha lhe falado antes:
if( is_front_page())
{
if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show(); }
}
Se o plugin não estiver ativo não exibirá nada, nem mensagem de erro.
Marcelão consegui!!
Fiz uma pequena correção no código que você me passou. Do jeito que ele estava não aparecia em lugar nenhum rsrsrsrs.
o código modificado ficou assim:
A diferença está no inicio e fechamento do comando {} que eu tirei.
Marcelão consegui!!
Fiz uma pequena correção no código que você me passou. Do jeito que ele estava não aparecia em lugar nenhum rsrsrsrs.
o código modificado ficou assim:
if (is_front_page()) if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show();}
A diferença está no inicio e fechamento do comando {} que eu tirei.
Love the plugin – very intuitive! However, I have one problem. My drop down menus in my navigation do not work when I have the plugin installed. They work fine when the plugin is not installed. Any ideas? Thanks, and the plugin is very useful!!
Hi Jeanne,
Look This – http://api.jquery.com/jQuery.noConflict/
Oi, Marcelo!
Parabéns pelo plugin! É fácil de configurar, fiquei feliz em conseguir usá-lo no site. Eu tenho uma dúvida: eu não consigo ativar os bullets. Pode ser conflito? O plugin está funcionando redondinho, só esta opção que não consigo ativar.
Olá Marcelo!
Estou desenvolvendo um site no wordpress e estou utilizando seu plugin para colocar o slider na home page.
No entanto, ao colocar, os elementos da página fica em cima do slider. Por favor, existe uma maneira de fazer isso?
Já tentei utilizar os comandos float e clear sem sucesso. Caso queira, posso enviar os arquivos para você ou fornecer a senha do admin.
Abraço
Thiago,
Visitei seu site (http://voicev.com.br/adicionais/ofertas)e não vi nenhum problema, já conseguiu resolver??
Marcelo, não consigo habilitar os bullets, eles não aparecem.. o que está ocorrendo?
abs
Cara Parabéns pelo o plugin, ficou show de bola, muito bom mesmo, antes fazia na mão usando os scripts jquery do nivo-slider, com o seu plugin ficou bem mais prático.
Agora surgiu uma dúvida? Como faço para habilitar o plugin plugin, usando com categorias, exemplo, na página inicial vou ter um os destaques principais, mais na página de esporte quero apenas as imagens relacionadas a esporte, é possível fazer com esse plugin? De forma que ele fique gerenciável por categorias? Fico no aguardo, mais deste já agradecemos pela grande colaboração.
Te mandei uma msg pro Facebook sugerindo umas melhorias na usabilidade, depois veja lá :)
Abraços!
Cara, parabéns e muito obrigado por existirem pessoas como você que nos ajudam, estava com um problemaço na instalação, estava colando a linha que chamava o slide em functions.php e nada acontecia, além de colar no final do script onde já se encerrava o código(deu pra perceber que nao conheço muito de programação né) pois então lendo e relendo vi como utilizar o código corretamente. e fico grato cara pelo seu trabalho. parabéns mais uma vez e muito obrigado.
Cara venho lhe solicitar somente uma questão, como fazer para que o slide aparece apenas na página inicial, uso o wordpress como gerador de sites estáticos, colei a linha no final da head.php e agora aparece em todas as páginas como fazer?
Allan meu filho veja se essa solução resolve o seu problema…
Obs. Não esqueça de colocar a tag de abertura e fechamento do php
if (is_front_page()) if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show();}
Marcelo está ficando muito bom!
Achei dois erros, 1 eu consegui resolver e até vi aqui que tem outras pessoas que estão com esse mesmo erro.
1. O bullets não aparece. (Está faltando o CSS do bullets).
/* Tweak this to center bullets */
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
2. Quando vou subir uma imagem, no meu caso de 1920px de largura, está setado o tamanho certo pra dar o CROP e também setado em 100% a qualidade da imagem, só que a imagem estoura muito. Parece que ela da um resize pra um tamanho menor ai no crop ele da resize pra 1920px de novo. Alguém sabe como resolver?
.nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
Hi, very nice plugin.
Can be possible add a new option to have “_BLANK” attribute so we can open the link in a new window?
Thanks.
Oi Marcelo
Sou totalmente novata em desenvolvimento de sites e gostei muito do plugin que vc desenvolveu. Os demos dele são fantásticos.
Agora, eu estou com muuuitas dúvidas….onde colo o código if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }? Em que parte do meu template? Já tentei colar no header.php, no index.php, mas nada acontece. Não sei se estou colando na linha errada? Desculpa se essas dúvidas parecerem muito ignorantes.
Como ainda estou num estágio bem inicial, to experimentando os plugins no tema padrão do WordPress (twenty-eleven).
Preciso criar uma div para o slider no style.css?
Vc pode me ajudar?
Obrigada!
Boas, gostaria como poder colocar o slide show centrado obrigado. Fora disto tenho mais dificuldades a trabalha com WordPresss
Gostaria que me ajuda se obrigdo
Boas, tive um problema com seu sidle show, porque com a resulucao de 1024 width 350 height nao aparece as setas para clicr para mudar de foto
MAno! Muito bom op Plugin Só presisava ter suporte a multiplas instancias. Pensa Nisso. Valew Forte abraço!
Olá amigo.
Em primeiro lugar, quero parabenizá-lo pelo excelente plugin, é uma mão na roda.
Agora vem a dúvida, rs. Por que os “bullets” não funcionam? Habilitei ele no admin e no css do plugin reparei que não tem nada a respeito dos bullets. Poderia me ajudar?
Obrigado
Marcelo, funcionou perfeitinho. No meu caso usei o js no header pq antes fica apenas carregando.
Recado ao pessoal com dificuldade: Antes de perguntar consulte as respostas já dadas, é impossível não funcionar, até vídeo explicativo o cara fez, pessoal muito preguiçoso quer tudo na unha!
No mais o plugin é show!!
DO NOT USE THIS PLUGIN!!!
Even for a WordPress plugin, it is written pretty horribly. Had so many issues because this plugin has a jQuery include hard-coded, and it calls jQuery.noConflict() which unbinds $ and breaks every other piece of js that relies on jQuery
Gostaria de saber onde se configura o target=”blank” pra quando se clicar em um dos slides ir para uma nova aba, em qual arquivo deve ser feito essa modificação?
Olá Bruno edite o arquivo nivoslider4wp-show.php
I am using the Nivo Slider and all the images show up on the page so the animation is not being implemented and all the images show an order of “0″. Any ideas?
Tive um problema com o nivo. Instalei-o no site http://testes.lioncomunicacao.com.br/dr-seducao/ e simplesmente a ferramenta de corte não funciona e assim o plugin fica sem imagem.
Desabilite outros plugin e faça o teste novamente, pode ser conflito de javascript
Opa, Marcelo… mto bom o plugin!
Só tá dando um lance estranho aqui… na transição das imagens (em qq efeito) as imagens tão sumindo abruptamente, oq dá sensação d piscarem. Alguma ideia d como solucionar isso?
Vlw
Hi, first of all thank you for your great job in this plugin.
I write to you to notice that plugin crashes with de new version of wordpress 3.3
If you know the solution, please answer me.
Thanks and best regards,
Hi Ander, What types of crashes?
When you want to upload an Image the plugin reports this error: Call to undefined function imagecreatefromjpeg() in /home/bakiocat/public_html/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 60
I Tested the plugin in different blogs… and the same error.
Thanks and best regards,
Marcelo, plugin excelente que você montou!
Mais cara, ta dando um BUG com a nova versão do WordPress (3.3).
Não esta mais criando as imagens quando se faz os uploads delas! ficando como link quebrado!
Alguma solução?
Acabei de fazer mais testes aqui, não é a verção do WordPress, mais sim com os “Links Permanentes”. Sabe de alguma solução, para continuar com os Links Permanentes?
Hi Marcelo,
thanks for the nice nivo slider!
I have one short question.
I try to figure out how i can add an _blank link on an image. Not for all just for one image.
I cant find the path where the link is defined.
Do you have a short tip for me!
Thanks a lot, Jan
Hi Jan, in this version not possible, but you can try to edit the file nivoslider4wp-show.php near line 19.
Olá Marcelo esse plugin é incrível porem está me causando um probleminha, quando eu vou adicionar fotos no slide aparece o seguinte:
“Warning : The permissions to the directory /home/choosede/public_html//wp-content/uploads/nivoslider4wp_files/ are invalid. Set them to 777 to be able to upload files.”
o que faço para que isso não apareça? Me ajude estou precisando do plugin urgente. Obrigado
Olá Jonatas, abra seu FTP procure a pasta no caminho citado no erro e de permissão 777 para a pasta, basta isso.
Obrigado Marcelo tentarei fazer isso (:
Olá Marcelo, parabéns pelo plug-in ele é muito bom mesmo. Mas estou tendo um problema ao instala-lo, aparece a seguinte mensagem;
“Não foi possível ativar o plugin porque ele gerou um erro fatal. Warning: require_once(/services/websiteos/wordpress/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-show.php) [function.require-once]: failed to open stream: No such file or directory in /services2/webpages/util/i/g/ig7434317.igvantagens.com.br/cinesplendor.com.br/public/wordpress/wordpress-content/plugins/nivo-slider-for-wordpress/nivoslider4wp.php on line 208
Fatal error: require_once() [function.require]: Failed opening required ‘/services/websiteos/wordpress/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-show.php’ (include_path=’.') in /services2/webpages/util/i/g/ig7434317.igvantagens.com.br/cinesplendor.com.br/public/wordpress/wordpress-content/plugins/nivo-slider-for-wordpress/nivoslider4wp.php on line 208″
Poderia me ajudar?
tente reupar os arquivo do plugin, aparentemente ta faltando os dois arquivos citados no erro
Im really sorry i dont speak Portuguese i managed to use google translator to translated this blog….Im getting stuck on navigation bullets…i checked the zip and there is no bullets.png so i created one and uploaded it but it still doesnt work here is my code…./* The Nivo Slider styles */
#slider {
position:relative;
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivoSlider {
position:relative;
width:600px;
background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:89;
padding:15px 0;
}
.nivo-caption p {
padding:0 20px;
margin:0;
font-size:14px;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
.slider {
width:100%;
}
.slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.slider a {
border:0;
display:block;
}
.nivo-controlNav {
display:none;
}.nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:31px;
height:34px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
Thank you soo much
It a great plugin keep the good work up
harris
Hi harris, really bullets don’t work , There was some confusion when I uploaded my files, I’ll try to fix in the next version
i have managed to fix the bullet problem if anyone is interested how i did it please go on http://www.everchangingmedia.com/web/wordpress/nivo-slider-for-wordpress-navigation/
Is there any way i can add a shadow…????
I just added the styling for a drop shadow in the comments on my blog post http://www.everchangingmedia.com/web/wordpress/nivo-slider-for-wordpress-navigation/
Bom dia Marcelo, preciso urgentemente que o meu Nivo Slider volte a funcionar, ele funcionava bem , mas arrumei o rodapé do meu site e ai ele só fica com a tela branco com o símbolo de carregar e não aparece mais nada, já tentei fazer o que você sugere, mas não deu certo. Por favor me ajude e se comunique comigo pelo meu e-mail, mozzilli@mozzilli.com. Se precisar ou quiser me mande seu telefone que eu ligo.Obrigado e aguardo contato. Mozzilli.
Olá Mozzilli, vc deve ter tirado a função wp_footer do seu tema, verifique se no arquivo footer.php tem a função wp_footer
Gostaria de parabeniza-lo pelo plugin, estou com um problema ao carregar a imagem (upload), aparece o seguinte erro: Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 14028 bytes) in /home/storage/4/9b/a3/giuliannadigrassi/public_html/wp_new/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 128
Olhei na pasta nivoslider4wp_files e os arquivos sobem normalmente, mas as imagens não aparecem na lista das fotos o erro está printado neste link http://img401.imageshack.us/img401/575/errornivo1.png
Poderia por favor me ajudar?
cara isso deve ser problema de memoria, tente desativar alguns plugin e tente novamente e/ou aumente a memoria no php.ini que deve resolver, aqui tem um tutorial bom para isso -> http://www.tudoparawordpress.com.br/dicas-wordpress/erro-wordpress-aumente-limite-memoria-servidor/
Abraço
Marcelo,
Está meio intermitente, fiz os procedimentos e aparentemente funcionou, vou ficar de olho. Mais uma vez obrigado pela ajuda e parabéns mais uma vez.
Marcelo, I know that you are making an update so i would like to suggest if you can add a shadow to it also…and plz make it compatible for 3.0.5
thank you
harris
Marcelo, consegui fazer tudo certo , apenas não estou entendendo porque ao estar add imagens jpg, gif e png , mas sempre me retorna a mensagem:
Sorry. Only JPG, GIF and PNG formats are supported…
O que posso estar fazendo errado ::??
As permissoes da pasta de content/uploads/nivo…… esta com controle total…
abs..
Luis
Nice plugin!
But why you use “imagecopyresized” instead of “imagecopyresampled”? Same syntax but bettere quality.
Hi Diego, I will examine this alternative, grateful!
Hi Marcelo, I don’t speak Portuguese, but this an amazing plugin. Thank you for the hard work on it.
I was wondering if there is a way to add a title to the caption area. I’ve been searching on the wp forum for this and couldn’t find anything, but I did found this thread http://wordpress.org/support/topic/plugin-nivo-slider-for-wordpress-update-nuked-my-slides?replies=3 which is worrying me now as it says on update the plugin touches the database. I’m new to wordpress so I was thinking if there is a way to not lose the images on update. I’m using WP 3.3.1 if it’s of any help.
I would really appreciate your thoughts on this.
Cheers,
C.
Hi, Claudia, yes, the plugin has the option to add captions below where it crops the image.
Sorry my english.
Pessoal, como que eu incluo subtitulos? Tem o incio e o about. Eu gostaria de incluir mais uns 4 ou 5. Logo embaixo do cabeçalho.
Obrigada!
Não entendi sua pergunta…
Olá Marcelo, muito bom o seu plugin, parabéns … funcionou perfeitamente no IE, Firefox e no opera … porém no chrome as imagens estão piscando antes da transição … como eu corrijo isso ??
Olá Rebeka, deve ser algum conflito de script, tenta usar essa versão beta que da próxima atualização e ve se resolve o problema -> http://www.marcelotorresweb.com/nivo-slider-for-wordpress-0-3-4-beta/
Eu atualizei p/ essa versão e nada … funciona normalmente local com o wamp …. mas on line está dando esse probleminha no chrome … eu dei um pesquisada varias pessoas tem esse problema mas ngm dá uma solução para isso … eu vi em alguns blogs que tem q alterar o .htaccess mas é uma explicação muito vaga não sei se estou fazendo direito, pois até agora nada do que eu fiz funcionou …
Segueum dos endereços que eu vi
http://support.dev7studios.com/kb/nivo-slider-jquery-plugin/flashing-before-transitions-in-chrome
http://support.dev7studios.com/discussions/nivo-slider-wordpress-plugin/433-solution-for-two-bad-performance-issues
tem esse link tbm
Rebeka, mas esses links são do plugin dos desenvolvedores do NivoSlider e não do meu plugin, desculpa, mas você não está fazendo confusão?
Não, eu estou usando o seu plugin msmo, mas pesquisei de tudo p/ tentar resolver esse problema … postei o link só p/ ver se você tem alguma idéia pois o problema é semelhante ao desses links q eu te passei … ;D
Hi Marcelo!! I wrote you before, 4 months ago, more or less.
I wrote to notify a problem, that I have already solved.
The plugin in version 0.3.3 (in my old hosting), when you try to upload an image, drop this error:
Fatal error: Call to undefined function imagecreatefromjpeg() in /home/catral98/public_html/web/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 60
But, 2 months ago, I changed my hosting to another company, and curiosly, in this hosting, the plugin works well..
I dont know why, but its a little solution for more people.
Thanks for such a great work!!
best regards
Olá Marcelo,
Muito simples seu pluguin. Parabéns, está me ajudando muito aqui, apenas uma observação, quando habilito “Mostrar a navegação por “bullets”", nada aparece, tentei ativar via css, mas sem sucesso, criei um imagem e inseri na propriedade background da seguihnte class:
.nivo-controlNav { background:url(images/bullets.png);}
que estava configrada como “display:none”,
Apos isso, aparece os números,e a imagem “bullets.png” apenas no primeiro…
Tem algum conselho nesse caso??
Abraços e obrigado por ser um entusiasta wordpress,..rsrs
tente usar a versão beta atualizada -> http://www.marcelotorresweb.com/nivo-slider-for-wordpress-0-3-4-beta/
Show man, funcionou!!!
Valeu, vou ver seu blog com mais calma hein!!
Abraços!!
Olá Marcelo,
O plugin é muito bom e dá uma ótima aparência no site.
Porém, estou com um pequeno problema:
O template que utilizo no WP foi pago e já veio com tudo montado, só que ao inserir as fotos e ativar o slider, não aparecem as fotos e os efeitos. O que aparece no meu site é isto: http://diariodamulheronline.com.br.
Mas o que deveria aparecer, seria isto: http://themeforest.net/item/advance-wordpress-magazinecommunity-blog-theme/full_screen_preview/1725191.
O interessante é que o nivo não estava ativado. Assisti a seu tutorial e instalei. Aí que não acertei mesmo. Acredito que o problema seja com o template.
Você pode me dizer o que há de errado?
Grato
Você colocou a function -if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show(); } – no seu template?
bom dia companheiro,
coloquei sim. no arquivo index.php, na segunda linha, como eu vi em seu video.
Pergunto a você se a diferença por conta de versões o Nivo?
Obrigado
Acredito que haja algum problema de configuração, pois está tudo ali, o que não parece é as fotos.
Hi Great plugin but i have one request that you set the admin priveledge something higher because anyone that registers and has just read priveledge can change the slider. This is bad for users!
Thanks
Chris
Boa tarde!
Já usei o Nivo em alguns sites e acho sua funcionalidade muito bacana.
Estou querendo utilizá-lo em um novo projeto, mas tenho um problema: a interface irá funcionar em várias resoluções prá atender diversos dispositivos, e não consigo deixá-lo com dimensões adaptáveis às diferentes resoluções.
Alguém já passou por isso ou tem alguma solução?
Um abraço!
Olá Edson, o plugin não está preparado para layout responsivo, e talvez nem o plugin jquery nivo-slider que é usado para esse plugin WordPress, um plugin semelhante e que tem a opção de funcionar em qualquer resolução de tela é esse plugin premium -> RoyalSlider – Touch Content Slider for WordPress.
Entendi Marcelo.
É o que imaginava e é uma pena. Gosto muito do seu plugin, acho a interface do usuário muito bacana.
Tentei fazer adaptações, mas por enquanto sem sucesso. Se alguma delas der certo eu envio os arquivos prá vc testar.
Muito obrigado!
Um abraço.
Olá Marcelo, gostaria de tirar um dúvida, estou trabalhando nesse tamplate: http://wpexplorer.me/demo.php?theme=workz, mas não estou conseguindo ativar o plugin, onde, no código, eu coloco a linha de ativação?
Desculpe, sou super nova nessa :)
bjss
Olá Patrcia, pelo que percebi já existe essa funcionalidade no tema, não precisaria do meu plugin, verifique novamente por favor.
Pois é, existe, mas eu não estava conseguindo trabalhar ai instalei o plugin, uma funçao em cima da outra…
hum entendi, mas te recomendo a tentar usar o que já vem no tema, pois já deve está configurado corretamente com seu tema, principalmente o design.
Hey Marcelo,
Will this plugin have a Responsive Nivo Slider?
Hi Moize, this version not support responsive layout.
Thanks for the reply.
I tried to modify it myself to make it responsive. I thought it would be the CSS which turns it responsive but I think the JS file has something to do with it too.
Do you plan on releasing a Responsive version? I love this plugin of yours over any other slider. But for the time being I will have to rely on other responsive sliders.
For now I still have no prediction for a update to the responsive version :(
Hi Marcelo, i have a problem with the plugin. When i go to cut the images appear this error, and i cant do anything:
Warning: getimagesize(/home/******/public_html//wp-content/uploads/nivoslider4wp_files/26_o.jpeg) [function.getimagesize]: failed to open stream: No such file or directory in /home/******/public_html/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 164
I try the beta version and i have the same problem.
Thanks!
Hi Carlos,
Because the image can be used like this. jpeg, try an image. jpg
but I get the same error when I edit the images that were already placed and running
Hello, I installed the plugin and it works properly, but then I am viewing all the images, before the loop, create a blank image:
background-image: url (http://test.bricevimenti.com/undefined);
why?
this is the site: http://test.bricevimenti.com/
olá Marcelo,
Tudo bem?
tenho o Nivo Slider instalado no meu blog, e eu gostaria que o slide ficasse fixo em todas as páginas, como eu faço isso? Onde eu preciso alterar/adicionar ?
Obrigada
Olá. Adorei o plugin. Parabéns! E obrigada por ajudar.
Como faço para colocar o caminho do post nas imagens?
Eu queria que cada transição correspondesse a um post e levasse para a single. Tem como?
Não estou conseguindo fazer o wordpress “puxar” este plugin.
Estou digitando isso conforme orientado:
mas não dá.
Qual o modo correto? Obrigado!
Não estou conseguindo fazer o wordpress “puxar” este plugin.
Estou digitando isso conforme orientado:
if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }
mas não dá.
Qual o modo correto? Obrigado!
Coloque este código na div onde vc quer que apareça.
Não se esqueça de configurar tamanho das imagens etc…
Abraço
Muito bom, valeu!!
Usarei em meu novo tema, ja testei e está tudo ok…
Top plugin
Bom dia, uso este plugin em vários sites. Porem percebi que há um pequeno erro nele, Quando instalamos o WordPress em uma URL diferente da URL do site o update da Table Drag and Drop para de funcionar. Para consertar é muito simples basta entrar no arquivo nivoslider4wp-panel.php e alterar na linha 326 de para .
Assim esse tipo de erro é evitado. Por favor lembre disso na próxima atualização.
Alias o plugin é muito bom.
Marcelo, parabéns pelo plugin, realmente é muito bom.
Gostaria de saber se é possível adicionar o plugin em páginas diferentes do site com imagens diferentes em cada página.
Por exemplo: Na home, quero que mostre as páginas da categoria home
em empresa, mostre imagens da categoria empresa.
Teria que ter essa opçõe de categoria ao cadastrar e alterar o código php para chamar em cada página.
É possível?
Olá João, o plugin não disponibiliza a opção de adicionar em páginas diferentes variando por categoria.
Oi! Parabéns pelo plugin, adorei! Só que no ie9 bagunçou meu layout completamente… alguma dica?
Deve ser problema com o css do seu tema.
Hello ~ The slider does not allow us to change the order of the items. I drag and drop, but on refresh they go back to where they were. I deactivate an item, then reactivate it, and it goes back to where it was. Please help. Thank you.
Olá, antes de mais nada parabéns pela iniciativa
Gostaria de saber se você validou algum problema do seu pluguin com o Jquery.cycle ou mesmo alguma incompatibilidade com o pluguin superfish, meu templete usava esses pluguins para fazer o dorp down do menu superior, quando instalao o seu pluigin o drop down simplismente para de funcionar, alguma ideia do que seja?, já tentei chamar na mão as funçoes mas nada adiantou
Eaí kra, blza?
muito bom seu plugin, mas quando passa de uma imagem para outra, ele fica totalmente brancc pra daí então iniciar a transição, sabe me dizer o que pode ser isso?
pode ver nesse layout o bug que estou falando: http://testeramiro.web44.net/
abraço
I really love this plugin! However, I just tried to install it on a new wordpress site, and I get this error when trying to upload images:
The permissions to the directory /home/content/92/9263492/html/(myURL)//wp-content/uploads/nivoslider4wp_files/ are invalid. Set them to 777 to be able to upload files.
I’ve tried doing this, but it still does not work. Any ideas on how I can get this to work? Thanks!
OI marcelo! show demais o plugin!!! me tira uma duvida.
eu preciso que a navegação dele seja por botões e não por setas.
por exemplo: botão chama slide 1, botão chama slide 2, botão chama slide 3 … eles ficariam fixos embaixo das images e ao clicar sobre o botão, ele vai para o slide clicado. tem como eu adaptar o seu plugin para ele funcionar assim?
Oi Marcelo, respondendo à dúvida da Rebeka lá em cima, para os que estão com problemas de imagem “piscando” antes das transições, basta baixar o .htaccess de seu servidor e inserir as linhas abaixo:
# Cache images
Header set Cache-Control “max-age=604800, public”
Header unset Pragma
Salve e suba o arquivo para o servidor sobrescrevendo o antigo. Com isso o tempo de expiramento das imagens é estendido. Isso deve resolver o problema de incompatibilidade que existe em plugins de slider Nivo nos navegadores Chrome.
Abraços! ;D
Marcelo, blz? Estou usando dois sliders em meu site, um é esse nivo slider o outro é o skitter show, quando eu ativo o nivo o skitter para de funcionar, daria certo eu colocar só o nivo, na mesma página tem que ter dois sliders com tamanhos e efeitos diferentes, você pode me ajudar? agora se puder me passar um dica de como tirar esse conflito também fico agradecido
Nossa maravilhoso plugin, amigo tava querendo usar esse slider numa página tem como?
No meu site ele nao acarrega as imagens , tem alguma ideia ?
webstudiocv.com.br
opa bom dia, amigo preciso de ajuda instalei o plugin normal, ativei, mas quando coloquei o codigo na home, ficou aparecendo so uma imagem grande parada.? como faço?
Hi ! The plugin works great except the images are overlapping the header logo above them. Any suggestions on how to fix this? Thanks!
Hi marcelo…
i used your plugin…and it is really good…
But the problem is that, i added 4 pics …but in action it shows up only one pic.
where is the problem…..???
Marcelo estou com poblemas usando seu plugin , as imagens ficam uma em baixo da outra , nao como slider.
estou utlizando o bootstrap para o meu layout.
Marcelo, boa noite. Eu tenho o wp com o tema twenty eleven. Gostaria do substituir as fotos padões que mudam a medida que você navega por fotos minhas escolhidas por mim. Isso é possível?
Grato
Marcelo
Hi, i love your nivo slider for wordpress, but it creates a bug where the crop handles to edit avatars in the user profiles do not show up. So users can not edit their avatars. Any help would be awesome.
Thanks.
Olá… me dá um help alguem…onstalei o plugins e a minha home ficou tudo em branco.
e agora?
Update you version…
Your slider is very good…
Update it plz…
Want use 2-3 slider in one site…