Arquivo

Textos com Etiquetas ‘CSS’

Somos um Só: um caso de uso do WordPress como hotsite

22 de dezembro de 2010

O projeto Somos um Só é uma série de documentários, programetes e um hotsite, com o objetivo de contribuir na formação do espírito crítico, possibilitando o entendimento com liberdade, das relações dos homens com o meio ambiente.

Esse projeto foi realizado através de uma parceira entre SESC SP, Fundação Padre Anchieta, SESC TV, TV Cultura, Portal SESC SP e Cultura Novas Mídias, com produção executiva da Digital Produções.

Clique na imagem para ampliá-la

Clique na imagem para ampliá-la

São oito documentários que trazem uma história vivida por todos nós, a partir do mundo cotidiano, investigando as relações dos homens com o meio ambiente.

A obra de ficção resume a visão desse trabalho sobre o futuro do planeta na perspectiva do sócio ambiente.

E o hotsite amplia a cobertura e o acesso ao conteúdo, com muitos vídeos, fotos e textos. É aí que eu entro, juntamente com o WordPress.

A escolha do WordPress

A decisão de utilizar o WordPress como Sistema de Gerenciamento de Conteúdo (do inglês Content Management Systems - CMS) se baseou nos pontos a seguir:

  • Disponibilizar o hotsite para acesso público em um tempo muito curto;
  • Facilidade de publicação de conteúdo;
  • Alto grau de customização de layout da plataforma;
  • Custo reduzido de implantação em comparação a um sistema customizado novo.

A maneira de se publicar conteúdo em um blog é relativamente simples, o que ajuda os jornalistas responsáveis pelo conteúdo do Somos um Só.

Hospedagem e configuração

Como serviço de hospedagem utilizamos o plano mais simples de Linux da Locaweb, instalando o WordPress pelo próprio instalador de aplicativos fornecido pela hospedagem de sites.

Depois de configurado, atualizei o WordPress para a versão mais recente.

Customização de layout

O maior desafio foi a customização do layout. O ponto de partida foi utilizar como base um tema do WordPress já existente, que se assemelhasse à estrutura de conteúdo que o hotsite deveria ter.

O tema escolhido foi o Arthemia de Michael Hutagalung, que possui uma área de destaques de posts, com criação automática de miniaturas de imagens.

A partir daí o tema foi totalmente modificado, se adequando ao layout proposto pela equipe de design da Digital Produções. Claro que tive modificar não só HTML e CSS, mas também bastante código PHP e outras coisas em JavaScript.

Por exemplo, o site é dividido em oito temas que compõem seu menu principal. Esses temas na verdade são categorias e possuem uma exibição especial com fotos na listagem de seus posts.

Mas isso não foi complicado, até porquê a plataforma do WordPress disponibiliza uma série de funções para obter e manipuladar dados de categorias, páginas, posts, etc.

Plugins do WordPress

A utilização de vários plugins do WordPress foi fundamental. Para os destaques rotativos que aparecem na home, usei o Smooth Slider, que dentre os vários plugins sliders que pesquisei, era um dos mais simples e chegava mais perto do que precisávamos.

Mesmo assim precisei modificar seu próprio código fonte, pois eu precisava colocar uma imagem de logo transparente no canto inferior direito das imagens de destaques rotativos.

Abaixo está a relação de plugins do WordPress utilizados no hotsite Somos um Só:

Entrega rápida

Depois que o WordPress foi instalado e configurado, os responsáveis pela publicação de conteúdo já iniciaram a inclusão de textos, fotos e vídeos.  Em paralelo a isso fui implementando o layout e outras customizações, atualizando diariamente no servidor as novas funcionalidades.

O site foi montado em menos de 10 dias, sendo que a maioria desses dias eu trabalhei por volta de duas a três horas durante a noite.

O que você achou?

E você, já pensou em utilizar uma plataforma de blog como hotsite?

Já teve algum experiência semelhante ou conhece algum outro caso?

Qual a sua opinião a respeito?

Geral , , , , , , , , , ,