Tag: wordpress

O tema escolhido para WordPress

01/05/11 Wordpress 0

O template escolhido para ser transformado em um tema para o Wrodpress foi o Thumbnails Navigation Gallery com 49% dos votos.

Nesta próxima semana já vou dar início a integração dele com o WordPress e ao final vou disponibilizar o download aqui no meu blog.

Escolha o próximo tema gratuíto para WordPress que vou desenvolver

14/04/11 Themes 6

Praticar é o melhor exercício para o aprendizado. Nesta semana encontrei três templates (html/css/jquery) com efeitos de navegação muito bacanas usando o jQuery do site Codrops. Como estudo decidi pegar um destes templates com estes efeitos fantásticos e transformá-lo em um tema para WordPress totalmente gerenciável.

Eu selecionei três do que eu achei mais interessantes para se trabalhar e vou deixar com vocês para escolherem qual dos três vai se tornar um tema para o WordPress, a votação vai até o dia 29 de Abril.

Após o encerramento da votação vou transformar em um tema gratuíto para WordPress o template mais votato. Clique nas imagens abaixo para ver a demonstração dos efeitos em jQuery.

Qual destes 3 templates em jQuery você quer que eu transforme em um tema para Wordpress?

  • Thumbnails Navigation Gallery with jQuery (49%, 29 Votos)
  • Fullscreen Gallery with Thumbnail Flip (25%, 15 Votos)
  • Portfolio Zoom Slider with jQuery (26%, 15 Votos)

Total de Votantes: 59

Loading ... Loading ...

Entendendo melhor os campos personalizados ou custom fields

12/04/11 Wordpress 10

Um recurso muito interessante e útil do Wordpres são os campos personalizados ou custom fields. Dependendo do seu projeto este recurso pode ser muito útil. Este recurso está disponível para os posts, páginas e também nos custom post types.

Vamos dar um exemplo básico para o uso dos campos personalizados, como um site de filmes por exemplo vamos ter a categoria filmes e que cada post desta categoria será sobre um filme. Usaremos o campo título para o título do filme, o campo de conteúdo para a sinopse do filme e vamos usar os campos personalizados para os dados como:

  • Ano de produção
  • Direção
  • Classificação
  • Gênero
  • Duração

1. Após inserir os dados básicos como o título e a sinopse no campo do conteúdo  vamos cadastrar os campos personalizados.

2. Vá até a janela de inclusão dos campos personalizados que se encontra logo abaixo do campo de conteúdo do post ou página, como a imagem abaixo:

Se você não visualizar a janela dos campos personalizados basta clicar no botão opções de tela que se encontra no canto superior direito do painel do WordPress e marcar o checkbox campos personalizados.

3. Adicione os campos personalizados como no exemplo da imagem acima onde o campo nome é a chave (key) e o campo valor é claro o valor do seu campo personalizado.

4. Com todos os dados cadastrados, precisamos agora que estes dados sejam exibidos no site. Existe mais de uma forma para exibir os dados dos campos personalizados, vamos usar primeiro a forma mais simples.

5. Abra o arquivo do seu tema em que vai exibir estes dados, o mais comum seria o arquivo single.php, apos exibir o conteúdo do post dentro do loop utilizando a função the_content(), insira logo abaixo a seguinte função:

<?php the_meta(); ?>

6. Salve e visualize seu post para ver o resultado, os dados dos campos personalizados serão exibidos no formato de uma lista que podem ser facilmente estilizadas utilizando css.

A outra forma de recuperar e exibir os valores dos campos personalizados é uma forma que torna mais flexível a manipulação dos dados, podendo ser combinados com outras tags de html para serem exibidos em outros formatos ou até mesmo para serem usados simplesmente para manipular seu código php.

1. Recuperando os dados inserindo dentro de uma variável e exibindo os dados. Insira o código abaixo dentro do seu loop.

<?php $direcao = get_post_meta(get_the_ID(),utf8_encode('Direção'),true); ?>
<?php echo $direcao; ?>

A função get_post_meta() recebe três parâmetros o ID do post que recuperamos usando a função get_the_ID(),  o nome do campo personalizado (key), e o último parâmetro (single) define se o valor a ser retornado vai ser do tipo String retornando um valor ou Array retornando vários valores se tiver. No caso True ele vai retornar uma string com o valor do campo personalizado.

Importante: No exemplo acima precisei utilizar a função de php utf8_encode() porque o nome do meu campo personalizado continha caracteres especiais, se o nome do seu campo não conter caracteres especiais basta colocar o nome dele entre aspas simples.

2. Quando usar o valor False no parâmetro (single) para que seja retornado uma Array, bom um exemplo simples é se criarmos um campo personalizado (Telefone) e no seu post você inserir três telefones utilizando o campo personalizado (Telefone). Para poder exibir estes dados no seu post você teria que usar o parâmetro (single) como false para retornar uma Array com os três valores do campo (Telefone) e para exibir basta utilizar o exemplo abaixo dentro do seu loop:

<?php $tel = get_post_meta(get_the_ID(),'Telefone',false);
echo "<p>".$tel[0]."</p>";
echo "<p>".$tel[1]."</p>";
echo "<p>".$tel[2]."</p>";
?>

 

Depoimento de quem fez o Workshop de WordPress

08/04/11 Workshops 0

A maioria das pessoas que fizeram o Workshop comigo sempre entram em contado para falar como foi bom o Workshop ou para mostrar já alguns trabalhos feitos com o WordPress. Ontem recebi o e-mail do Wender Barcelos de Goiânia que participou do Workshop e gostou muito. Fiquei muito feliz ao ler o e-mail dele ao saber que o Workshop foi muito gratificante profissionalmente para ele, fiquei tão contente que estou publicando o depoimento dele logo abaixo.

Abaixo segue o depoimento de Wender Barcelos, sobre o Workshop que fez comigo em Belo Horizonte / MG.

“Ola amigo Mateus;

Quero agradecer você por tudo que pode me ajudar, não se consegue nada sem alguém para ajudar!
O Workshop foi muito bom e possibilitou um novo mercado, como eu planejei e Deus me iluminou!
Ontem publiquei meu novo site! acho que você deve esta sabendo já, se não visita ai! www.wenderbarcelos.com

Em uma grande oportunidade, o Fábio da Web From Brazil, já publicou meu portfólio…
Estou muito feliz por tudo!

Obrigado novamente e que Deus sempre presente em nossas vidas pessoais e profissionais!
Abraços e uma boa noite!”

Aproveitando a oportunidade, vou aplicar mais um Workshop no dia 14 de maio, ainda com vagas disponíveis. Clique aqui para mais informações.

WordPress Shortcodes parte 2 – shortcodes com recebimento de atributos

06/04/11 Wordpress 1

No post anterior mostrei como criar um simples shortcode para WordPress, neste post vamos aprender a criar um shortcode mais sofisticado com recebimento de um atributo. Desta forma podemos criar shortcodes mais dinâmicos.

Vamos criar um shortcode que vai gerar um link Siga-me no twiter que vai levar para uma pagina do twitter de um determinado usuário. O atributo que vamos enviar junto com o shortcode será o nome do usuário do Twitter.

1. Abra o arquivo functions.php do seu tema e insira a função abaixo

function folowme($atts) {
extract(shortcode_atts(array("usuario"=''), $atts));
return '<a href="http://www.twitter.com/'.$usuario.'">Siga-me no Twitter</a>';
}

Acima criamos uma função definindo que irá receber um atributo chamado “usuario” por padrão vazio para receber o nome do usuário do twitter pelo shortcode, e depois retornamos o link do twitter seguido do nome do usuário.

2.Agora vamos registrar o shortcode inserido em seguida o seguinte código.

add_shortcode("sigame","folowme");

3.Com nosso shortcode registrado, abra agora seu painel do WordPress crie um novo post e insira o shortcode abaixo

[sigame usuario="mateusneves"] publique o post e veja o resultado.

Workshop de WordPress dia 14 de Maio de 2011

06/04/11 Workshops 0

No dia 14 de maio vou aplicar mais um Workshop de WordPress em Belo Horizonte- MG, pela Quartel Design. As inscrições já estão abertas, as turmas desses Workshops são reduzidas para um aproveitamento melhor. Então, se tem interesse  faça já sua inscrição.

Para maiores informações sobre o conteúdo programático e outras informações e inscrições acesse o link abaixo.