Criando um Slide Simples com jQuery

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

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

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

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

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

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

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

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

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

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 […]