Criando um Slide Simples com jQuery
Nesse tutorial vamos trabalhar criando um Slide Simples com jQuery, tendo um efeito de fade, e sem plugin. A ideia basicamente é trabalhar com uma classe que será adicionada no elemento que será exibido, e com isso iremos mostrar imagem a imagem. Vamos agora criar o nosso HTML Temos uma lista não ordenada, com a […]
Redirecionar usuário de acordo com nivel de acesso no WordPress
Quando utilizamos os níveis de acesso do WordPress, queremos criar algo personalizado para cada nível, e redirecionar para essas páginas, quando for logar no WordPress. Podemos realizar essa tarefa de uma forma bem simples. Vamos dizer, que você criou uma página para os inscritos, e para os autores. No arquivo functions.php, vamos adicionar o nosso […]
Criando botão estilo interruptor com CSS3
Olá a todos! Neste artigo, vou mostrar um efeito bem interessante, que seria criar um botão estilo interruptor, onde mostrar como OFF e ON, quando você clica, utilizando o CSS3. Aparência do botão será assim: Vamos começar pelo HTML: Criamos uma div.switch que engloba o nosso botão, e dentro da div, temos input, pra fazer […]
Alterando o Slug Author na URL no WordPress
Quando criamos no WordPress cadastro de usuário no frontend, muitas vezes queremos que criar também um painel para esse usuário e usamos muitas vezes o arquivo author.php, e recuperar a informação do usuário. Só que dependo do projeto, precisamos alterar ao slug, ao invés de author, usar outros nome. Esse tutorial, mostrarei como alterar esse […]
Criando Tooltip usando CSS3
O tooltip ou “dica de contexto” é usado basicamente quando você deseja mostrar informações adicionais ou explicativa a um elemento. Nesse tutorial, mostrarei um forma de criar um efeito tooltip usando CSS3. Eu tenho uma video aula mostrando como fazer o efeito usando jQuery. Mas neste com CSS3 vamos fazer um pouco diferente. A idéia […]
Criando efeito de filtragem com jQuery
Algo muito utilizando em portfólio é a opção de realizar filtro por segmento, onde você tem vários itens e quando é clicado no link, só vai mostrar as opções desse segmento. Um exemplo de utilização é quando você tem seu portfólio, que você atende vários clientes e você pode segmentá-los como Institucional, E-Commerce, entre outros. […]
Tornar obrigatório Imagem Destacada nos posts do WordPress
Muitas vezes desenvolvemos temas no WordPress, e precisamos tornar alguns item na hora da publicação do post serem obrigatórias. Um desses itens, poderia ser a imagem destacada, para que o layout não seja quebrado, ou não fuja do fluxo planejado por você anteriormente. A lógica será, verifica depois salvar ou editar um post, se existe […]
Criando uma “One Page” usando HTML5 e CSS3
Uma “One Page” consiste em que todas as páginas de um site estariam na mesma página, estariam separadas só por seções. Existem umas formas de navegação e muitas vezes utilizando javascript para fazer animações que seria de transição dessas páginas. Podemos fazer algumas animações usando CSS 3, trabalhando transition e a pseudo classe :target. A […]
Consultando CEP em ajax com jQuery
Quando fazermos algum tipo de cadastro, onde necessita de endereço, um recurso interessante é retornar as informações desse endereço, utilizando o CEP. A pessoa digitaria o CEP, e os campos de endereço seriam preenchidos. E nesse tutorial, vou mostrar uma forma de realizar esse procedimento. Primeira coisa, é saber onde iremos buscar essa informação. Vou […]
Carregar um script para um modelo de página especifico no WordPress
Muitas vezes queremos personalizar o nosso tema, onde queremos que modifique completamente a aparência de uma página. Então para isso, podemos utilizar um Modelo de Página, com ele criando páginas personalizadas, que podem assumir o papel de páginas, ou da própria home (Configurações > Leitura > Uma página estática > Página inicial). E com essa modificação, às […]
Comentários Recentes