Criando eventos no wordpress com o wp-agenda


Este é um tutorial em português ensinando como utilizar um plugin que desenvolvi para um calendário de evento para o site do Portal Nacional das Artes, filiado ao ministério da cultura, Funarte, um portal desenvolvido em WordPress. O Plugin de agenda para WordPress pode ser encontrado no meu Github e no diretório de plugin para wordpress.

Irei mostrar um exemplo do mundo real para construir uma agenda de uma banda.

Update: Favor usar a versão 2.0!

Instalação

A maneira mais fácil de instalar o plugin é instalar diretamente na seção adicionar novo na seção de plugins. Dependendo da sua instalação wordpress (Eu uso dreamhost que é bastante flexível para instalar plugins diretamente do painel de adminstração). Procure por wp-agenda e clique em instalar agora.

Agora você pode ativar e ver um novo item no menu do admin do wordpress:

Wordpress wp-agenda instalation

 

Agenda in admin menu
Quando instalado, a agenda do wordpress aparece no menu

Graças a deus que a nova api do wordpress possui a possibilidade de se criar tipos customizados de posts, e é exatamente o que acontece, agora você pode ter um tipo novo de post, do tipo evento, e desta forma gerenciar um evento como um post, mas com a possibilidade de ter metadados relacionados a eventos com suas próprias especialidades.

Agora você pode criar um novo evento:

 

A new way to create events in wordpress
You can create event as you usually create post

Se você escrolar o mouse para o restante da página verá que metadados para o evento surgiram como local, data e horário:

How you can specify events data
Você pode editar informações relacionadas ao evento, como data, horário e local

O template da página de agenda

Você precisa criar um template para o calendário. Para isto, você pode criar um arquivo chamado agenda.php  no seu template.

Agora, através da url do seu blog com mais uma query string http://alexandremagno.net/?agenda e assim você pode ter um calendário de eventos.

Este é um exemplo de um template de agenda:

<?php get_header(); ?>
<!– main content –>
<div class=main-content grid_16>
<div class=grid_12>
<h2>Eventos</h2>
<div id=wp-agenda-calendar></div>
</div>
</div>
<?php get_footer(); ?>

Na div com id wp-agenda-calendar irá ser inserido via javascript o calendário.E então você terá um calendário assim:

A calendar view
Este é um exemplo de um evento em um calendário quando visita a url da página de agenda no blog
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s