O Plugin S3Slider serve para criar e gerenciar o slideshow do seu blog e é desenvolvido com a base em jQuery. A utilização desse plugin para obter o recurso desejado é focada em oferecer recursos que facilitem essa implementação como:
- Upload e recorte de imagens;
- Definição de tamanho, ordem e tempo de espera do slide;
- Edição de texto e link para cada item inserido.
O recurso será exibido no site após você instalar, ativar o plugin e então – no local desejado do seu tema – inserir a instrução:
<?php if (function_exists(s3slider_show())) { s3slider_show(); } ?>
RECORTE DE IMAGENS
Realizada a ativação do Plugin S3Slider, surgirá no menu principal do painel administrativo o item S3Slider. Clicando sobre ele você será levado a página de administração do plugin. Antes mesmo de começar a enviar suas imagens, clique sobre o botão Opções. Defina a largura, altura, tempo de troca entre as imagens e também qualidade da imagem redimensionada; e salve as alterações.
Adicione uma imagem clicando sobre Adicionar novo. Escolha o arquivo da imagem desejada e em seguida clique em Enviar imagem. Na tela a seguir você terá a imagem original e a pré-visualização de como ela será apresentada dentro do slide com as medidas informadas anteriormente. Utilizando o ‘clicar e arrastar’ edite a melhor forma ou detalhe da imagem para exibição.
Definida a imagem, informe um título e descrição para ela no campo texto da imagem e por último (opcional) escolha um link para ela. Sempre que enviar uma nova imagem ou mesmo editar uma existente no slideshow, ao gravar as alterações ela será recortada de acordo com a área por você selecionada. Evite enviar imagens menores que o tamanho a ser utilizado ou deixar a qualidade abaixo de 80 para não ter o efeito de estouro de pixels nas imagens e passar uma imagem amadora ao seu visitante.
OPÇÕES DO S3SLIDER
Além das opções apresentadas, após ter realizado o envio de um imagem você poderá optar por editá-la, removê-la ou então alterar sua ordem de exibição. Cuidado na hora de remover imagens pois o plugin não solicita confirmação, ou seja, uma vez clicado o link remover; a imagem será exluída juntamente com suas formatações.
Tanto imagens quanto seus respectivos recortes serão armazenados dentro da pasta do próprio plugin na subpasta ‘files’ enquanto que as informações de cada slide estará na tabela _s3slider que é criada automaticamente na instalação do recurso.
Se tiver dúvidas, deixe os seus comentários. Terei o maior prazer em ajudar!
Abraços
Informações Online
Olá, meus Parabéns, estarei usando em meu blog, o Padrão do template é Ruim, devido ao tamanho das imagens, ficam embaçadas, mais acredito que este Plugin resolverá meu problema. Vlw
Att
Mazetto
Esse é outro ponto positivo desse plugin: Conseguimos visualizar o resultado final da imagem recortada no momento em que a estamos editando.
Fabio
Quanto aos efeitos do slide, tem como eu mudar?
Mazetto
No caso desse plugin ele se propõe a realizar apenas esse tipo de slideshow, acredito que por isso não possui variações de efeitos.
Alison Monteiro
Mazetto, adorei o plugin. Na minha opnião um dos melhores e o mais simples. Talves dê para alterar o efetio no código do próprio plugin.
Tiago Facco
Muito boa a dica! Valeu!!!!
Único contra é na troca de imagens onde chega a mostrar o fundo da página, tirando isso o plugin é um show a parte!
Abraços
Mazetto
Boa Tiago, realmente o plugin tem esse contra; a dica é usar um tempo reduzido entre as transições deixando praticamente imperceptível esse detalhe.
Tiago Facco
Isso mesmo Mazetto! Testei aqui novamente e agora está legal! Obrigado e Abraços
Guilherme
Eu uso um que acredito ser melhor, com várias opções de animação. o wp-cycle abraços.
Mazetto
Está registrada a contribuição, obrigado.
Angelo Flávio
Ola Mazzeto,
Comecei a usar este plugin no meu Grana Fácil graças a esta sua valiosa dica pois em meios a milhares de plugins fica dificil testar um por um, e este foi com certeza o melhor e mais prático que ja encontrei.
Sucessos.
Mazetto
Obrigado Angelo. Realmente permitir o recorte e pré-visualização das imagens é um diferencial e tanto. Abraços.
Super Mario
Olá Mazzeto td bom?
Cara plugin show de bola mesmo!
Resolveu meus problemas hahaha
Só estou com um pequeno conflito que ainda não consegui resolver, no IE 8 ele não aparece! nos outros navegadores está OK!
Tem alguma idéia do que poderia ser?
Mazetto
Tudo certo Super Mario! hehe
Antes mesmo de redigir o artigo testei o plugin em vários browsers, incluindo IE8 e não tive problemas.
Provavelmente o que está havendo é que o CSS do tema em uso pode estar bloqueando a exibição das imagens.
O que acontece quando executa o slide? Aparece alguma imagem/texto ou fica o espaço em branco?
Flavia
Olá, instalei no meu wordpress e quando fui inserir a imagem deu a seguinte mensagem:
Perigo : As permissões para o diretório /home/storage/f/72/c3/flaviadesigner/public_html/wordpress/wp-content/plugins/s3slider-plugin/files/ são inválidas. Mude-as para 777 para poder enviar arquivos.
Podem me ajudar?
Mazetto
Assim como informado pelo erro, você precisa atribuir as permissões 777 ao respectivo diretório. Verifique como o seu software de FTP faz para atribuir permissões e escolha oferecer acesso total a essa pasta do plugin.
Roberto
Muito bom o plugin, cara so to com um probleminha que talves vc saiba resolver, ele joga todas as imagens p direita, deixando um espaço cinza na esquerda e emcima…
Mazetto
Olá Roberto, no seu caso deve estar havendo uma sobreposição de estilos do tema em uso. Defina a posição das imagens com o valor absoluto no css – position: absolute; – e veja se resolve o problema.
Matheus
Olá, fiz tudo certinho (acho). Mas no final só aparece o título, não aparece foto nenhuma.
Mazetto
A foto que deseja exibir aparece na listagem dos slides. Certifique-se de não estar ocultando a imagem com a folha de estilos.
Michael de Assis Dalécio
Olá a todos. Esse plugin infelizmente não funciona naturalmente para o novo wordpress 3.1. Estava tentando altera-lo para que o mesmo seja utilizavel pela comunidade nestas versões. Estou com erro chatinho
has_cap foi chamado com um argumento que está obsoleto desde a versão 2.0! O uso de níveis de usuário por plugins e temas está obsoleto. Use funções e permissões no lugar.
Procurei pelo erro no google, achei uma linha dentro do arquivo s3slider.php
alterei o add_menu_page para
add_menu_page(‘s3slider’, ‘s3slider’,10,’s3slider-plugin/s3slider.php’);
mas sem muitos resultados bons, alguem também esta tentando essa alteração?
quem quiser ajudar de qualquer maneira add michael.dalecio@hotmail.com
Obrigado gente
Mazetto
Os erros mencionados são do tipo notice não intereferem no funcionamento do sistema (mas sim devem ser corrigidos). Você deve estar usando o debug do WordPress ou exibindo todos os erros do PHP. Desative o debug ou configure o PHP para exibir erros fatais apenas.
silvia
ola! meu tema e organic theme , nso consigo colocar um texto ao lado da imagem principal – o tema diz : This is the home page widget area. You can use this space to add an introductory message to your blog with a Text Widget or add any other widget here.Mas nao consigo achar o lugar. será que pode me ajudar?
Pedro Casanova
Muito show de bola e simples.
Gostei muito!
SUPER GRATO!
Thiano
Olá!
Estou criando um tema e as dicas não funcionaram. É preciso inserir algum comando no functions?
Att,
Thiano
Tiago Facco
Thiano o plugin é bem simples. Depois de instalar e ativar, copia o código php no local do slider do seu template no arquivo page.php ou index.php. Segue o código:
Se tiver mais dúvidas posta aqui.
Abraço
Thiano
Obrigado pela atenção!
Realizei este procedimento, e não deu certo! Vou fazer novamente. Instalei e inseri na index onde estava localizada a imagem do topo!
Só devo instalar e inserir o código php no lugar onde quero que apareça as imagens. Como é um tema novo, não preciso realizar alguma outra instalação?
Att,
Thiano
Tiago Facco
Thiano, acredito que seu problema está nos includes do código jQuery que o plugin constrói automaticamente na página onde ele irá executar.
Verifica o arquivo header.php se tem a função php wp_head() instalada entre as tags . Cuidado com os outros códigos js e includes de scripts, testa colocando essa função ou no começo ou no fim da tag head.
Thiano
Tudo bem Tiago,
Realmente a função não estava entre a tag head, vou fazer os procedimentos logo mais para testar.
Obrigado mais uma vez!
Att,
Thiano