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

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>