<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' ); ?>
<img src="<?php echo $image[0]; ?>">

É isso pessoal espero que gostem !
mande sua duvida, entre em contato!
Abraço !!!

Esta nova versão está praticamente na recta final dos testes e deverá ser lançada ao mercado nas próximas semanas. Com algumas novidades bem interessantes, mas sem mexer em demasia na estrutura e design atuais, o WordPress 3.6 será uma atualização bem interessante que dá continuidade à evolução do WordPress enquanto plataforma de criação de sites, blogs, lojas de e-commerce e muito mais, naquele que é o melhor CMS do mercado!

FORMATO DE POSTS

Os formatos de posts foram introduzidos no WordPress 3.5 e desde então podem ser utilizados de uma forma bastante simples e prática, como se pode ver na imagem em baixo:

Embora estes formatos de posts tenham sido implementados na versão 3.5 do WordPress, eles não foram desenhados da forma mais eficiente, pelo que na nova versão 3.6 o editor de posts sofreu uma mudança radical para dar um maior ênfase a esta opção. Os formatos de posts passam a estar no topo do editor de artigos, sendo possível criar diferentes tipos de posts de uma forma extremamente simples.

Agora, dependendo do tipo de formato de post que você seleccionar, serão apresentadas opções diferentes para trabalhar esse mesmo post. Se você seleccionar por exemplo o formato de posts Imagens, irá aparecer de imediato o uploader de mídia do WordPress para que você possa colocar imagens no post.

Da mesma forma, que se escolher o formato de posts Link irão aparecer os respectivos campos para adicionar links ao post:

AUTO SAVE MELHORADO

A nova versão 3.6 do WordPress inclui também alguns melhoramentos notáveis na opção de Auto Save dos artigos. O que acontecia frequentemente aos blogueiros que usam o sistema é que ao expirar o cookie de sessão, o WordPress exigia que fosse realizado novamente o login, e o conteúdo escrito até aquela altura era automaticamente perdido. Para resolver esse problema, o WordPress 3.6 passa a gravar o conteúdo dos posts automaticamente de 15 em 15 segundos, e agora quando a sessão expira, ele mostra a caixa de login flutuante diretamente no editor do post, evitando que se perca a informação escrita até então.

BLOQUEAR POSTS

A pensar nos blogs com múltiplos autores, o WordPress 3.6 inclui uma nova opção de Post Locking que basicamente serve para trancar um post e impedir que outros autores editem ou modifiquem um determinado artigo que você estava fazendo.

Caso um outro autor decisa editar esse artigo que está trancado, será apresentada uma mensagem que indica que se você editar esse artigo, o outro autor passa a não ter a possibilidade de continuar a editar esse conteúdo. Este alerta é extremamente interessante para evitar a edição irregular de artigos que não lhe competem!

Caso você decida que quer realmente editar esse artigo, o autor que até então estava editando esse post, ficará impossibilitado de o voltar a edit, sendo alertado com a seguinte mensagem de aviso:

NOVO TEMPLATE TWENTYTHIRTEEN

Com a chegada do novo WordPress 3.6, o pacote de boas-vindas do WordPress sofre também alterações, com a introdução do novo Template TwentyThirteen que representa 2013 e que se junta aos já populares temas TweentyEleven e TwentyTwelve que já fazem parte do padrão WordPress.

Este novo template TwentyThirteen faz uso de um layout responsivo, adaptável às diferentes resoluções de tela. O tema em si utiliza também outras fontes e um estilo mais moderno, que o torna numa verdadeira opção a ter em consideração na hora de criar um blog, especialmente para usuários menos avançados.

GESTOR DE REVISÕES

O gestor de revisões de posts do WordPress também foi ligeiramente atualizado. A partir de agora será possível ver um gravatar do autor que realizou as várias edições do artigo, e recuperar revisões mais antigas torna-se bastante mais simples nesta nova versão do WordPress 3.6.

A juntar a isso, a forma como se vê a revisão dos posts e a comparação existente entre a versão mais antiga e a nova versão também mudou imenso de visual, tornando mais fácil de compreender quais as diferenças entre ambas as revisões do mesmo artigo.

MENUS

A opção de criação de menus também foi ligeiramente alterada, oferecendo agora dois separadores individualizados, sendo que um serve para editar os Menus correspondentes, e o outro as localizações desses mesmos menus no layout do site.

E basicamente são estas as grandes novidades no WordPress 3.6, que tornam o sistema ainda mais simples de usar e com um interface cada vez mais simplório e onde a realização das ações se torna extremamente rápida e eficaz. Estas novidades vêm ajudar e muito os criadores de conteúdo e simplificar todos os processos de criação e edição de conteúdo em particular! Esperamos que tenha gostado das novidades e agora resta aguardar pelo tão desejado lançamento!

Até Já!

Autor Paulo Faustino

01 – Dentro da sua page-blog.php copie e cole esse loop veja na query_posts que tem showposts => 4 é aqui que você limita quantos posts vão ser listados, logo abaixo do loop você inseri sua paginação que vai funcionar normalmente.

<?php
 
                $wp_query = new WP_Query();
                query_posts( array( 'post_type' => 'post', 'showposts' => 4, 'paged'=>$paged ));
                if(have_posts()):
                while ($wp_query -> have_posts()) : $wp_query -> the_post();
 
            ?>
 
Seu conteúdo aqui
 
<?php
    endwhile; 
    endif;
 ?>

02 – Exemplo de paginação do wordpress

<div class="navigation">
  <div class="next bg-nav">
    <?php next_posts_link('<span>Pr&oacute;ximos</span>') ?>
  </div>
  <div class="prev bg-nav">
    <?php previous_posts_link('<span>Anteriores</span>') ?>
  </div>
</div>

É só isso pessoal qualquer duvida manda email blz?
Abraço e até a próxima !

Confira algumas fotos tirada no evento.

Veja mais fotos aqui Flickr

Olá Pessoal, mais um post legal, simples! mas pode ser muito usado no nosso dia a dia,
este método é muito legal porque só vai aplicar o nosso efeito fancybox na imagem inserida dentro do nosso post,
mesmo você tendo uma imagem um botão que não foi inserido no post ele não vai ter o efeito legal né?
então vamos lá,

01 – Primeiro baixe os script do fancybox no site Fancybox

02 – Agora descompacta o arquivo baixado do site acima, dentro dele copia a pasta source e cole no seu tema wordpress

03 – Depois de ter colado a pasta source no seu tema cole os códigos abaixo no seu header.php veja que temos dois código, um link css, e o outro o script do fancybox
veja também o caminho para seu tema você pode utilizar o código bloginfo(‘template_directory’) para dar o caminho do seu tema.

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>

04 – Agora já estamos quase do fim, vamos pegar nossa chamada para executar nossa função do fancybox faça o mesmo cole esse código ou no seu header.php ou footer.php mais indicado no footer

 
<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
</script>

05 – Agora vem o segredo porque só na imagem do post vai ser aplicado o efeito fancybox, bem a magica esta nesse código abaixo hehehe isso mesmo!
vamos pegar esse código e colar no seu arquivo functions.php, esse código vai adicionar a class fancybox dentro da nossa href da img do post fazendo assim nosso efeito funcionar só nas img do post
massa né?

 
add_filter('the_content', 'add_gallery_id_rel');
function add_gallery_id_rel($link) {
	global $post;
	return str_replace('<a href', '<a class="fancybox" rel="gallery1" href', $link);
}

Bem pessoal é isso, espero que gostem! qualquer duvida manda email, estou também no facebook e twitter
um abraço até o próximo.

Neste próximo sábado dia 25, vai ser realizado o Primeiro encontro do Belo Horionte WordPress Group.

As vagas para este nosso primeiro encontro já estão esgotadas, pois o local que conseguimos tem o limite máximo para 30 pessoas.

Mas vamos ter muitos outros eventos com certeza, e para o próximo vamos nos organizar para conseguir um local maior. Mas para parcipar dos próximos se ainda não faz parte do Belo Horionte WordPress Group, acesse o site do grupo e se inscreva,

Visite o site das empresas que estão apoiando nosso grupo:

Faculdade Del Rey ( Direito, Administração e Gestão Pública ) – http://www.faculdadesdelrey.com.br

Quartel Design – http://www.quarteldesign.com

Mateus Neves – http://www.mateusneves.com

Formando este grupo em Belo Horizonte, só temos a ganhar pois o compartilhamento de ídeias entre um mercado mais próximo com certeza vai ser bom para todos. Vamos nos ajudar, nos reunir e trocar idéias e contatos.

Compartilhar é tudo.

Se você mora em Belo Horizonte ou nas proximidades, e é uma aficionado por WordPress, junte-se ao Belo Horizonte WordPress Group. Nosso primeiro evento ainda vai ser organizado, vamos divulgar por mais uma semana ou duas o Belo Horizonte WordPress Group para que possamos ter um número bom de membros para nosso primeiro evento.

Junte-se ao Belo Horizonte WordPress Group

Co-fundador Mateus Neves
Co-Organizador Davi Alves

Com mais de 100 milhões de fotos publicadas e mais sete milhões de usuários registrados, números alcançados em menos de um ano, números que o Flickr levou dois anos para atingir, o que torna o Instagram uma excelente ferramenta de compartilhamento de imagens para profissionais que precisam exibir portfolios, mesmo com alguns problemas recentes em suas políticas de uso, que acarretaram a diminuição no número de usuários.

Hoje temos diversos blogs e sites que utilizam os recursos da rede de compartilhamento de fotos como uma galeria de imagens de seu site. Encontrei uma ótima solução para administradores de sites WordPress que possuem essa necessidade.

Logo, se você precisa exibir as fotografias, seja do seu dia-a-dia ou de seu portfolio, pode encontrar no Instagram uma ótima ferramenta para integrar com seu site WordPress, tornando o compartilhamento de suas fotos do Instagram para o seu blog uma tarefa muito simples.

Como integrar o Instagram com o WordPress?

Como sempre teremos a solução para uma necessidade no WordPress que vêm de um plugin (simplesmente adoro isso) desenvolvido por um membro da enorme comunidade do CMS mais utilizado no mercado.

Neste caso a melhor opção que temos é plugin Instapress, simples de usar e que atualiza automaticamente suas fotos do Instagram em seu blog WordPress.

Com ele você pode montar uma galeria, com quantas fotos quiser em qualquer página com o uso de shortcodes, dimensionar as imagens de acordo com suas necessidades, além de usar um widget para exibir a atualização das fotos no sidebar de seu site.

A instalação e configuração do plugin são muito simples. Após a ativação, vá para a área de configuração do Instapress e insira os seus dados de usuário e senha o Instagram. A partir desse ponto você só precisa decidir onde irá colocar as fotos em seu site ou blog WordPress.

No caso de seu objetivo ser uma galeria de imagens, basta criar uma nova página, veja na imagem abaixo que o plugin inseriu um novo botão no editor de texto de suas páginas ou posts.

Ao clicar nesse novo botão, vá à primeira opção “Option” selecione “Instagram Feed”, depois você só precisará configurar as informações de tags e usuários a serem exibidas numa legenda abaixo da imagem, além de quais imagens serão exibidas e o tamanho de cada miniatura.

Uma configuração interessante pode ser a utilização da opção “Effect”, que permite a seleção de uma “Fancybox”, que é uma janela pop-in que será aberta, maximizando a imagem, e permitindo o usuário a navegar nessa mesma janela para visualizar as outras imagens.

Além do uso desse botão podem ser usados shortcodes na seguinte estrutura:

[instapress userid="" piccount="" size=""]

Onde:

userid: ID o nome do usuário do Instagram
piccount: número de imagens a exibir
size: tamanho, em pixels, das imagens

O plugin permite também que você insira uma galeria de suas fotos do Instagram em qualquer lugar do seu template, as imagens aparecerão no tamanho padrão de 85px, para tal basta inserir o código abaixo, indicando apenas a quantidade de imagens que deverão ser exibidas:

<?php echo do_shortcode('[instapress piccount="12"]'); ?>

O botão do editor de texto servirá também para o caso de você precisar inserir apenar uma imagem em qualquer página ou post. Em “Option“, selecione a opção “Single Instagram“. O interessante nesse caso é que você só precisa da url da imagem, e pode ser usada qualquer foto do Instagram, mesmo que não seja do seu perfil.

Existe ainda a opção de utilizar o widget disponibilizado pelo plugin, com ele você pode adicionar também uma galeria de imagens em qualquer sibebar do seu site. A configuração é semelhante ao do Feed que deve ser usado nas páginas e posts, com a diferença de poder inserir títulos das fotos e ordem de exibição alternada.

É uma ferramenta muito simples e útil. Espero que ajude a você e seu blog. Deixem seus comentários.

Post: Bruno Rodrigo

01 – Insira esse código abaixo dentro de onde deseja listar suas imagens.

	<?php 
		$args = array('post_parent'=>$post->ID,'post_type'=>'attachment','post_mime_type'=>'image/jpeg');
		$my_attachments = get_posts($args);
         ?>
        <?php if($my_attachments): ?>
    	<?php foreach($my_attachments as $image): ?>
        <div class="imagemGaleria">
            <a title="<?php echo $image->post_title ;?>" href="<?php echo $image->guid ;?>"><?php  echo wp_get_attachment_image($image->ID,'thumbnail_slider'); ?></a>
          <p><?php echo $image->post_title ;?></p>
 
        </div>
    	<?php endforeach; ?>
        <?php else:?>
        	<p>Nenhuma imagem foi inserida.</p>
  	<?php endif;?>

Galera! viu? bem simples. Lembrando que o style deixo com vocês hoje foi so mesmo como listar essas imagens exibir,
espero que curtem, essas pequenas coisas ajuda muito quando estamos precisando, e para quem esta aprendendo é uma mão na roda! rs, aquele abraço e até a proxíma.

Primeiramente, sugiro verificar a documentação da SDK tanto PHP, como para Javascript neste link: http://developers.facebook.com/ e assim ter uma base de funcionamento dessa biblioteca.

Antes de tudo, vamos Criar um App no Facebook para seu site, para podermos ter uma “porta” de entrada para solicitar dados de usuários ao Facebook. Para criar uma Aplicativo, é muito fácil, basta ir neste link: http://developers.facebook.com/ e fazer login com sua conta normal do Facebook. Após isso, vá no link Apps na barra superior e clique no botão Criar Novo Aplicativo.

Logo após clicar no botão, irá aparecer a tela abaixo para digitar o nome de seu aplicativo (sugiro o nome do seu site) e, no campo abaixo serve para caso queira adicionar parâmetros adicionais ao seu aplicativo, no nosso caso, vamos deixar em branco. O Check pergunta se você deseja hospedar seu aplicativo no servidor da Heroku (Leia mais sobre Heroku aqui), também vamos deixar desmarcado este Check e clicamos em Continuar.

Login utilizando facebook

Depois irá aparecer o campo Captcha e vamos prosseguir. Depois de tudo, temos nosso aplicativo já criado e já com os parâmetros App ID e App Secret que são os códigos criptografados que só seu app tem para ter acesso ao Facebook. Veja a tela abaixo:

Login utilizando facebook

Bom, essa é a tela de configurações de seu aplicativo, nas tarjas vermelhas ficam a App ID e a App Secret que iremos utilizar elas depois. Navegando nos demais links à esquerda, podemos notar mais funções como Permissões, que falaremos depois, Pagamentos, Detalhes do Aplicativo que você poderá adicionar fotos, descrições, links para seu termos de uso de seu site, termos de privacidade que é importante. Bom, não feche essa tela ainda, abaixo você vai ver essa imagem:

Login utilizando api do facebook

Nessas opções (fica na mesma tela que citei acima) o Facebook pergunta como você quer utilizar este aplicativo. Vamos selecionar a primeira Opção (Website with Facebook Login) no qual aparece um campo para você digitar a URL de retorno.

Vou explicar: Nessa parte, você vai digitar a URL que você quer que o Facebook traga o usuário de volta caso ele esteja deslogado do Facebook. Por exemplo: Vamos imaginar que você tem um site com uma página de cadastro (www.seusite.com.br/cadastro.php) e nessa página “Cadastro.php tem o devido formulário para que o usuário digite os dados manualmente.

Como vamos obter esses dados pelo Facebook (e-mail, nome do usuario, foto ou até publicar no mural dele), apenas nesse campo digite a URL (www.seusite.com.br/cadastro.php) porque assim, quando o usuário quiser efetuar login com Facebook em seu site e nesse campo tiver a URL da página inicial do seu site, quando o usuário logar no Facebook ele mandará os dados para a página inicial, que é o que não queremos!

Clicamos em Salvar alterações e vamos começar a codar!!!

(aposto que vocês estavam com os dedos coçando heim?? rsrsrsr)…

Para efetuar alguns testes, programei esses mesmos códigos daqui no meu próprio servidor, e caso vocês queiram ver funcionando, cliquem aqui!

Bom, primeiro adicione esse código HTML na sua página:

<a href="https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_REDIRECT_URI&scope=COMMA_SEPARATED_LIST_OF_PERMISSION_NAMES">Entrar com Facebook</a>

Agora vou explicar todos os parâmetros dessa anchor para você intender:

Client_id: Nesse parâmetro, você vai substituir o “YOUR_APP_ID” pelo o App ID que mencionei lá em cima, se encontra nas configurações do seu App logo na página inicial.
redirect_uri: Neste, tem que ser a mesma URL que você digitou lá nas configurações do App ( Website with Facebook Login) também que expliquei para você, que se chama a URL de retorno. Substitua o “YOUR_REDIRECT_URI” pelo link que você colocou lá.
Scope: Nesse último parâmetro, você vai especificar separadas por virgula as permissões adicionais que seu site precisa. Por Default (padrão) o Facebook disponibiliza o Id do usuário, nome, sexo e localidade.

Veja abaixo a mesma URL só que preenchida com os devidos dados do app:

&lt;a href="https://www.facebook.com/dialog/oauth?client_id=<b>104463303035318</b>&amp;scope=<b>email,user_website,user_location</b>&amp;redirect_uri=<b>http://fb.matheusafonso.com/</b>"&gt;Entrar com Facebook&lt;/a&gt;

Perceba, que solicitei as permissões: e-mail, user_website e user_location adicionais.

Agora, clique no link e você será redirecionado para fazer login no Facebook e verá a seguinte tela:

Login utilizando api do facebook

Na sua página, adicione o seguinte código PHP (preferencialmente no inicio):

<?php
session_start();
if($_SERVER['REQUEST_METHOD'] == 'GET' && isset($_GET['code'])){
 
  // Informe o seu App ID abaixo
  $appId = '29048572934875';
 
  // Digite o App Secret do seu aplicativo abaixo:
  $appSecret = '123456789';
 
  // Url informada no campo "Site URL"
  $redirectUri = urlencode('http://fb.matheusafonso.com/');
 
  // Obtém o código da query string
  $code = $_GET['code'];
 
  // Monta a url para obter o token de acesso e assim obter os dados do usuário
  $token_url = "https://graph.facebook.com/oauth/access_token?"
  . "client_id=" . $appId . "&redirect_uri=" . $redirectUri
  . "&client_secret=" . $appSecret . "&code=" . $code;
 
  //pega os dados
  $response = @file_get_contents($token_url);
  if($response){
    $params = null;
    parse_str($response, $params);
    if(isset($params['access_token']) && $params['access_token']){
      $graph_url = "https://graph.facebook.com/me?access_token="
      . $params['access_token'];
      $user = json_decode(file_get_contents($graph_url));
 
    // nesse IF verificamos se veio os dados corretamente
      if(isset($user->email) && $user->email){
 
    /*
    *Apartir daqui, você já tem acesso aos dados usuario, podendo armazená-los
    *em sessão, cookie ou já pode inserir em seu banco de dados para efetuar
    *autenticação.
    *No meu caso, solicitei todos os dados abaixo e guardei em sessões.
    */
 
        $_SESSION['email'] = $user->email;
        $_SESSION['nome'] = $user->name;
        $_SESSION['localizacao'] = $user->location->name;
        $_SESSION['uid_facebook'] = $user->id;
        $_SESSION['user_facebook'] = $user->username;
        $_SESSION['link_facebook'] = $user->link;
      }
    }else{
      echo "Erro de conexão com Facebook";
      exit(0);
    }
 
  }else{
    echo "Erro de conexão com Facebook";
    exit(0);
  }
}else if($_SERVER['REQUEST_METHOD'] == 'GET' && isset($_GET['error'])){
  echo 'Permissão não concedida';
}
?>

Acho que nem preciso explicar este código né? Bem simples e comentado.

No caso, todos os dados solicitados do usuário vem em Array Object. Para você ver todos os dados apenas adicione:

<?php
echo "<br><br><div>";
print_r($user);
echo "</div>";
?>

Pronto! Seu login está funcionando perfeitamente! Seja criativo. Caso queira ver como funciona, acesse: http://fb.matheusafonso.com/

Obrigado e qualquer dúvida, comente aí.

Até mais galera, um grande abraço.

Post: Matheus Afonso