Antes de escrever um artigo sobre o que alguns leitores comentaram no artigo anterior, decidi esclarecer também uma questão importante relacionada com os “Page Template”.

Muitas são as pessoas que depois de seguir as instruções de como criar uma Page Template não consegue activá-la. Ora há muitos artigos na Internet a explicar como dar a volta a esta questão. Muitas das vezes é o código <?php wp_head ?> que está em falta no header.php do template.

Mas mesmo assim quando está tudo aparentemente correcto, os Page Templates tendem a não funcionar e ou não é mostrada essa opção na edição de uma post ou página.

Existe uma outra forma de dar a volta à questão.

Como criar uma Page Template

Existem duas formas de o fazer. Uma delas é a habitual colocação do código abaixo no início de um ficheiro .php. Vou exemplificar.
Pretendo criar um page template para a página Contactos, que em relação ao page.php do meu template irá ser full width (supondo que o actual page.php é composto pelo content e sidebar).

Crio o ficheiro contactos.php e adiciono logo no início do mesmo o seguinte código

<?php /* Template Name: Contactos */ ?>

Após colocar este código no ficheiro e de o enviar para a pasta do tema, supostamente na opcção Custom Template irá aparecer a opção Contactos. Se assim acontecer, perfeito, temos a nossa page template criada.

Coloco o código de criação de uma Page Template, tenho o template com todas as tags que o WordPress assim exige, mas não tenho opção de mudar o template da página

Neste caso não desanimem, há uma outra solução que na minha opinião até é mais simples que a primeira. Em vez de criar um ficheiro contactos.php, colocar-lhe o código php acima referido apenas terei de fazer o seguinte.

Criar um ficheiro page-ID.php
Onde o ID é referente à página em questão e no caso deste post seria o ID da página contactos.

Voilá, apenas criando o ficheiro acima a página contactos ficará com a estrutura que lhe derem. Isto tudo sem ter que alterar alguma opção no WordPress. É realmente fantástico como o WordPress reconhece esta arquitectura de ficheiros

Queria alterar o estilo de outras páginas

Também é possível alterar o layout de outras páginas através da segunda solução acima apresentada.

category-ID.php – este ficheiro após colocação do ID da categoria em questão, irá dar-vos um estilo diferente à forma como são listados os posts nessa categoria.

Lembram-se do exemplo da página de cinema que dei no artigo anterior? Imaginemos que o meu site é sobre cinema e notícias de Cinema. Neste caso já não pretendo que o single.php tenha a estrutura apresentada no artigo anterior, pois no caso de escrever uma notícia sobre cinema não tenho uma capa, uma sinopse etc.

Como ter mais do que um estilo para cada artigo

Certamente com a novidade do WordPress 3.0 o Custom Post Type esta dica deixará de fazer muito sentido, no entanto terei de ler melhor e explorar esta funcionalidade para vos poder esclarecer. Confesso que ainda não trabalhei de perto com esta novidade.

Mas vamos continuar esquecendo os Custom Post Type. Portanto quero ter dois single.php. Um para os filmes outro para as notícias. Para tal teremos então de criar dois ficheiros novos.

filme.php – será o antigo single.php com a estrutura de apresentação de um filme
noticia.php – o nosso template para as notícias de cinema

Para que isto funcione e para que o WordPress saiba o que deve mostrar ao leitor, é preciso colocar o seguinte código no single.php

<?php
$post = $wp_query->post;
if ( in_category('ID1') ) {include(TEMPLATEPATH . '/noticia.php');}
else {include(TEMPLATEPATH . '/filme.php');}
?>

Ou seja, se o artigo estiver na categoria 2 (Notícias) é mostrado o single que criamos em noticia.php caso contrário é mostrada a estrutura do single filme.php

Pela lógica do ficheiro o que o WordPress faz quando alguém clica num artigo é esta:
1- Acede ao single.php
2- É-lhe dada a instrução que o artigo está em X categoria, reencaminha o clique para a página correcta.

Agora podem pensar, mas isto não vai tornar o meu blog mais lento? Não. Este é um processo tão rápido que o visitante nem faz ideia do que está a ser feito por detrás do clique que deu.

Estas dicas acima fazem sentido terem sido dadas após a escrita do primeiro artigo, pois como já repararam estão interligadas. Posso usar custom_fields no layout de uma página diferente enquanto que numa outra não.

É tudo uma questão de testarem e “brincarem” aos Page Templates.

Uma vez mais espero que este artigo vos tenha sido útil, certamente vos dará jeito em novas alterações. Sintam-se à vontade para colocar questões, sugestões e ou dúvidas sobre este tema e relacionados com WP nos comentários.

Até ao próximo artigo, fiquem bem

Olá caros colegas! Este é o meu primeiro artigo no blog do +tráfego. Para quem eventualmente não me conheço, e muito rapidamente, sou o Bruno Sousa (conhecido online como bfms), tenho 20 anos, estou a tirar licenciatura em Tecnologias da Informação e Comunicação e nos últimos 4 anos tenho-me dedicado ao WordPress e mais concretamente na criação de templates customizados. Estou a alguns dias de lançar o meu website pessoal que estará disponível em http://www.bfmswebdesign.com onde poderão ver alguns dos meus trabalhos.

Mas vamos ao que interessa, à utilização dos custom_fields no WordPress!

O WordPress, como a maioria de vocês deve saber, deixou há muito tempo de ser visto como uma plataforma simples de blogging. Actualmente é possível fazer com o WordPress várias aplicações, consoante o contexto e objectivo de um site. Sendo então que é visto como um CMS normal, capaz de efectuar quase tudo o que o seu utilizador desejar.

Podemos fazer com que o WordPress seja um simples blog, um portal, uma loja online e utilizar uma variância de aplicações no template para o tornar mais único, mais pessoal. Para tal existem, por exemplo, os custom_fields.

O que são os custom_fields?

Ao escrever um post ou ao criar uma página no WordPress, encontra-se mais abaixo do conteúdo desse post/página a zona de custom fields, ou em português, campos personalizados.

Estes campos personalizados (utilizaremos esta designação a partir de agora neste artigo), permitem que num post ou página sejam adicionadas outras informações para além do típico conteúdo do artigo. Certamente poderemos igualmente personalizar o conteúdo do artigo com tabelas, imagens e outros conteúdos… mas existe uma forma de simplificar isso.

Vamos supor que vou criar um site sobre Cinema. Ora um site sobre cinema que terá como conteúdos a listagem de filmes no cinema a cada semana.

Vou organizar então o meu conteúdo da seguinte forma:

• Capa do Filme;
• Sinopse;
• Actores;
• Classe etária
• Tipo de filme;
• Horário;
• Sala;
• Cinema;
• Trailer

Como já foi referido acima, posso simplesmente organizar esta informação num artigo, através da zona de escrita do conteúdo… mas terei que “decorar” a estrutura que utilizo no primeiro filme, de forma a adoptar esse estilos para todos os filmes.

Mas e não há uma outra solução para isso?

Há! Volto a referir a palavra mágica: campos personalizados!

Como podem ver na imagem acima, desenhei como seria a minha página de consulta de um determinado filme. Através dessa imagem podem ver que a informação está bem organizada e faz sentido que assim seja (numa óptica comum do utilizador). Ou seja, primeiro há que dar destaque à capa do filme e respectivo título, depois há que mostrar ao utilizador as informações desse filme.

Alterar o template de forma a que os campos personalizados funcionem

Para que tudo o que está acima desenhado comece a funcionar, é preciso efectuar alguns passos, sendo eles:

1- Criar um novo post e na zona dos campos personalizados criar os seguintes campos
capa_filme – url da imagem da capa (neste caso é recomendada uma imagem com dimensões pré-definidas, ou seja, utilizem sempre o mesmo tamanho na imagem da capa, fazendo o upload da mesma de forma a obterem o url)
nome_filme – título do filme
sinopse_filme – sinopse do filme
actores_filme - lista de actores que participam no filme
classe_filme – classe etário do filme
cinema_filme – nome do cinema em que o filme está em exibição
sala_filme - número da sala
horario_filme – horário ou os vários horários (ex: 14h30 / 18h45)
trailer_filme – código embed do Youtube

Os valores destes campos serão o que se encontra à frente de cada um descrito.

2- “Chamar” cada campo personalizado para ser mostrado no single.php (note-se que o meu site é apenas dedicado ao cinema, logo o meu single.php (página responsável por mostrar o conteúdo de um post), terá sempre a mesma estrutura).
Neste caso teremos que editar totalmente o site com o respectivo CSS/divs para que fique com a estrutura acima. Isso deixo a vosso cargo, de qualquer maneira vou criar uma pequena simulação de como seria esse código.

<div class="capa"><?php $key="capa_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="nome"><?php $key="nome_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="sinopse"><?php $key="sinopse_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="actores"><?php $key="actores_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="classe"><?php $key="classe_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="cinema"><?php $key="cinema_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="sala"><?php $key="sala_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="horario"><?php $key="horario_filme"; echo get_post_meta($post->ID, $key, true); ?></div>
<div class="trailer"><?php $key="trailer_filme"; echo get_post_meta($post->ID, $key, true); ?></div>

No exemplo acima já podemos ver então as respectivas divs (obviamente falta-lhe o css), e o “short code” que devemos utilizar de forma a apresentar o conteúdo do nosso campo personalizado.

Estas “short codes” devem estar no loop do wordpress. Esta aplicação está optimizada para o site sobre cinema, no entanto como poderão aplicar a qualquer outro tema, a base é sempre esta:

<?php $key="<span style="color: #ff6600;">NOME_CAMPO_PERSONALIZADO</span>"; echo get_post_meta($post->ID, $key, true); ?>

Note-se que o nome do campo personalizado não deverá ter espaços

Como isto ficaria estando todos os campos preenchidos correctamente

E voilá, cá temos o nosso WordPress site dedicado a filmes, onde o conteúdo mostrado é diferente do “normal”. Num artigo dito normal não teríamos provavelmente esta estrutura. Quem diz esta diz outra qualquer a vosso gosto, esta é meramente um exemplo do que poderá ser feito.

Espero que tenham gostado deste meu primeiro artigo aqui no +tráfego sobre WordPress. Certamente os meus próximo artigos serão igualmente relacionados com este CMS e por isso deixo-vos uma questão: O que gostariam que abordasse no próximo artigo?

Eu já escrevi no passado que não existe desculpa para um mau design e fi-lo por diversas razões, mas principalmente porque o suporte hoje em dia no que diz respeito a design é gigantesco. Isto significa que mesmo sem grandes conhecimentos nesta área, é possível criar um website com um bom aspecto e que se enquadre dentro dos parâmetros de qualidade do design moderno. Mas esta facilidade de acesso ao que eu estou aqui a chamar de “bom design” acabou por deixar uma questão muito importante no ar e que tem incomodado webdesigners um pouco por todo o mundo: Será que um excelente design vale o seu peso em ouro? Será que vale a pena pagarmos balúrdios por um trabalho de design?

Com os clubes de temas como a ThemeForest a terem um sucesso estrondoso e a serem cada vez mais utilizados, são menos os colegas que recorrem aos webdesigners para a criação de visuais atractivos para os seus websites. Verdade seja dita, se por cerca de 40 euros é possível comprar uma theme com uma qualidade de design razoável, então para quê gastar centenas ou milhares com um webdesigner?

É claro que eu comecei este artigo com uma abordagem simplista, e nesta abordagem parece que o trabalho do webdesigner tornou-se de certa forma obsoleto, ou seja, parece que já não precisamos de recorrer a estes serviços.

Será verdade?

Eu acredito que não, acho que esta questão é de facto pertinente e muito interessante, mas a resposta vai depender da forma como olhamos para o mercado e acima de tudo, ela irá depender dos nossos próprios objectivos. A realidade é que o trabalho de um webdesigner nunca se vai tornar obsoleto, porque ele é tal como o pintor ou como o músico, um artista. E caros colegas, o trabalho de um artista muito dificilmente se torna obsoleto, porque ele possui uma característica que combate isso mesmo, a unicidade.

Durante os últimos anos, alguns webdesigners têm revelado publicamente o seu descontentamento para a forma como anda o mercado. Uns queixam-se da concorrência desleal de pseudo-profissionais que afastam os potenciais clientes de um trabalho bem feito, outros lamentam o facto da maior parte dos clientes ainda não conseguir compreender a importância que tem o seu trabalho.

O mercado de hoje encontra-se numa fase de evolução interessante, por um lado eu não tenho qualquer dúvida que o trabalho do webdesigner pode ser muito valioso, pelo outro também é verdade que é fácil para o webmaster que pouco ou nada percebe de webdesign, construir um projecto relativamente sólido nesse aspecto.

Mas depois da introdução a questão ainda continua por responder. Será que um excelente design é assim tão valioso? Será um absurdo pagar centenas, milhares, ou centenas de milhares pelo trabalho de webdesign?

1º- Sim, O Design É Importante

Já chegou a altura de todos os webmasters compreenderem que o design é de facto importante. Em “Conteúdo VS Design” eu tentei deixar isso bem claro, nós precisamos de compreender que o design pode e deve fazer parte de uma estratégia de comunicação. A boa notícia é que hoje em dia muitos webmasters já começam a perceber que que é preciso investir nesta área, o que não significa que todos os websites devem ser autênticas “obras primas“, significa sim que é um dos elementos importantes no acto de comunicação com os visitantes e seguramente que no primeiro impacto pode ser fundamental.

“O bom design (…) tem de ser uma “arma” de comunicação extremamente eficaz entre o site e o público alvo…” (Carlos Gandra)

A frase de cima resume bem a importância que tem o design nos websites modernos, eu vou um pouco mais longe e acrescento que sempre foi assim, mesmo antes de existir Internet já se percebia que o design podia de facto ser uma “arma” muito poderosa:

Fonte Da Imagem: ilord

Nos tempos da Segunda Guerra Mundial por exemplo, nos inúmeros folhetos espalhados quer pelos nazis quer pelas forças aliadas, já se notava uma grande preocupação com o design que era utilizado para transmitir a mensagem com maior eficácia. Isto não é nenhum segredo, por esta altura acho que todos os webmasters que estão a ler o artigo já dizem: “

“Ohhh sim, que grande novidade nos estás a dar!!”

Eu sei que me estou a repetir e sei que muitos colegas meus já disseram o mesmo, mas quando analisamos novos projectos que são apresentados todas as semanas no fórum, parece que andamos a falar para o boneco. Nós ainda temos uma tendência para ignorar um pouco o design, isso acontece porque se costuma repetir por aí muito que “Content Is King“, uma frase que faz todo o sentido mas à qual não devemos acrescentar “and the rest isn’t anything” porque é um erro tremendo. O conteúdo é importante, mas o “pacote” também:

Fonte Da Imagem: davidChief

Um bom exemplo é o dos produtos alimentares, será que nós olhamos para um chocolate e julgamos que somos apenas atraídos pelo que está no interior da embalagem? É claro que se já estivermos fidelizados o design e impacto da apresentação visual não será tão determinante, mas e para quem nunca experimentou? É exactamente assim que devemos olhar para o nosso website, são só pensando nos utilizadores que já o visitam frequentemente mas pensando também naqueles que o visitam pela primeira vez:

Na imagem de cima podemos ver que para o restaurante Barley’s Greenville, uma boa comunicação com um novo visitante é muito importante. E porque não aproveitar até mesmo um website de um restaurante para comunicar? Isto é a prova de que até os pequenos negócios não só querem uma presença na Internet, como querem que ela seja eficaz.

Agora que já estabelecemos que o design é importante (mais uma vez, até me canso de repetir isto) já podemos adicionar um elemento de peso na construção da resposta à pergunta que faz o título deste artigo. Continuemos então para o segundo ponto.

2º- Um Bom Design Com Poucos Recursos

Imagem De Tema Premium Para WordPress: Time For Food

Nesta fase tu já sabes que o design é um elemento muito importante do teu projecto online, isto significa que parte do teu tempo vai ser perdido no sentido de conseguires encontrar o visual que melhor se adapta às necessidades dele. Aqui tens várias alternativas:

• a) És um webdesigner com capacidade e skills suficientes para criares o teu próprio design;

Neste primeiro caso, parte do problema está resolvido, se és um webdesigner então basta muita investigação, questionar os leitores, realizar testes que mais cedo ou mais tarde vais conseguir obter o visual que pretendes.

• b) Não és um webdesigner mas podes investir;

Não percebes nada de webdesign mas estás numa posição em que podes investir. Neste caso tarefa também é mais fácil, apenas precisas de encontrar um profissional com capacidade para realizar o trabalho.

• c) Não és webdesigner e tens poucos recursos o que torna impossível grandes investimentos.

A boa notícia é que (tal como já escrevi na introdução) hoje em dia um webmaster sem grandes conhecimentos de webdesign e com poucos recursos, pode de facto criar um website com um bom aspecto e que se enquadre dentro dos parâmetros de qualidade do design moderno. A resposta está nas themes espalhadas por esta web fora.

Suponhamos que tu queres iniciar um projecto mas ainda és novato nestas andanças, vamos supor também que escolhes o WordPress porque regra geral é o CMS mais recomendado para quem está a começar. Vais ter à tua disposição uma quantidade absurda de themes que podes aplicar no teu website literalmente com apenas alguns cliques. Essas themes podem ser grátis ou pagas, mas como neste artigo eu refiro-me apenas a um nível de qualidade a partir do razoável, vamos colocar as grátis de parte e concentrar as nossas atenções apenas nas pagas.

O que podes fazer é recorrer aos muito populares clubes de themes:

Um dos mais populares clubes é o ThemeForest que possui uma enorme quantidade de themes à venda, não só para WordPress mas também para outros CMS. Os preços variam e adequam-se a todas as carteiras, por alguns euros é possível colocar as mãos em themes que são efectivamente boas, por vezes até muito boas.

“Não há desculpa para um mau design”

É fácil de compreender que hoje existem muito poucas desculpas que justifiquem um mau design, o que não significam que existam excepções sobre a qual vou escrever um pouco mais à frente, mas a verdade é que com tantas themes por aí é difícil criarmos um projecto e não lhe conseguirmos dar uma aparência decente, será preciso muita displicência para que isso aconteça.

Mas vamos agora voltar ao título para realizarmos uma última distinção e fechar este ponto:

• 1º- Ficou estabelecido que os clubes de temas podem ser uma ajuda preciosa principalmente para o webmaster que pouco ou nada percebe de webdesign;

• 2º- Ficou estabelecido que estes clubes por vezes possuem themes de grande qualidade.

Mas apesar das vantagens dos clubes de temas, existem também desvantagens:

“Algo que eu tenho reparado(…) é que os themes mais recentes que se podem ver por exemplo na ThemeForest, são uma repetição, mais do mesmo, sem nada de novo e tudo dentro do mesmo estilo, é tudo feito para um determinado mercado (corporate, themes tão profissionais que se tornam feios e sem brilho) e os outros (magazine style, etc) ficaram de lado.”(Carlos Gandra)

“A questão dos themes, tem mais a ver com a evolução dos designers. Começam a construir as suas próprias frameworks, ou a agarrar nas disponíveis e depois é fazer produtos. Ou seja, mudam o layout, fazem uma variação para corporate outra para portefólio e está feito. O layout em si é sempre o mesmo” (Nuno)

Se dermos uma olhadela rápida para os clubes de temas vamos perceber que existe um problema óbvio de repetição de designs e conceitos. Existem variações, umas mais inteligentes do que outras, mas de facto os layouts parecem sempre os mesmos. Por alguma razão os preços são baixos não é verdade? Há uma limitação óbvia quando escolhemos um design já existente para um projecto, porque ele não foi especificamente projectado para o nosso website.

Pergunta: Se pode funcionar?

Resposta: É claro que pode.

Pergunta: Se funciona melhor do que um design exclusivo?

Reposta: Não, nunca poderá funcionar melhor.

Posto isto, não há dúvidas que os clubes de temas são uma excelente alternativa sobretudo quando não existem muitos recursos nem dinheiro para investir. Não tenham dúvidas que no fórum nós somos os primeiros a recomendar que os utilizem sempre que for necessário. Mas não podemos comparar estes designs acessíveis a todos, com um design exclusivo que foi metodicamente pensado para se encaixar na perfeição com um determinado projecto.

3º- Um Mau Design pode ser um Bom Design?

Ao tentarmos descobrir se a obtenção de um excelente design vale a utilização de muitos recursos e grandes investimentos, vamos sempre “chocar” com uma realidade incontornável, existem websites com designs aparentemente básicos, mas que têm um sucesso enorme.

CraigList “Keep It Simple”

Craiglist é um exemplo perfeito, o design é simples, pode ser considerado feio e de certeza que está ao alcance de qualquer um. Mas nós como webmasters que somos, temos que olhar para a “big picture“:

• 1º – É importante relembrar que um bom design não significa ter o visual mais espectacular do mundo;

• 2º- Existem websites que podem ter designs simples;

• 3º- Não podemos confundir simplicidade com um mau design;

Nós podemos dizer que o Craiglist não é o website em termos de design mais potente que anda por aí, mas a realidade é que para o que se propõe ele não necessita de grandes floreados. Isto não significa que o website não tenha falhas, porque ele tem e não são poucas, mas na sua missão de satisfazer o melhor possível as necessidades dos clientes, ele faz um bom trabalho. É simples, rápido e não nos faz perder tempo de forma desnecessária, se de um momento para o outro nós transformássemos o design do website para algo muito actual, cheio de funcionalidades e bonito de se ver, talvez os utilizadores não ficassem satisfeitos, especialmente se em vez de perderem um segundo a realizar uma tarefa, começassem a perder cinco.

• Mas a Craiglist é um exemplo de que o design não é importante?

Eu não iria tão longe, tal como em todos os websites o design é importante, não foi por acaso que mencionei em cima que se ele fosse totalmente transformado os utilizadores poderiam não ficar satisfeitos, logo o design é fundamental na interacção com com o utilizador, quanto mais não seja porque contribui em grande para agilizar os processos.

• Mas a Craiglist podia ser melhor?

É claro que sim, podia ser muito melhor.

• Então porque não é melhor?

No mundo do webmastering curiosamente a expressão “em equipa que ganha não se mexe” é importante e alguns profissionais levam-na muito a sério. O website da Craiglist funciona bastante bem, apesar de ser básico, apesar de alguns problemas, os clientes estão consideravelmente satisfeitos e enquanto essa satisfação se mantiver em níveis elevados, não existe assim tanta necessidade de modificações.

• Então um design simples e barato funciona?

Esta é uma pergunta difícil de responder, se eu disser que não, vocês colocam milhões de exemplos de que funciona, se eu disser que sim vão rapidamente presumir que não vale a pena investir no design. A resposta é:

Sim e não.

E que tal, agora consegui proteger todos os lados não? (:

Parece mentira mas não é. De facto todos sabemos que um design simples e barato pode funcionar e nesta medida a resposta é sim, mas ela não fica por aqui. Como eu já referi em cima, é óbvio que um website relativamente simples pode sobreviver e ter sucesso com um design básico, mas não podemos esperar que o mesmo aconteça em projectos mais complexos.

É verdade que ainda existem muito projectos, alguns até bem complexos que não possuem designs à altura e têm sucesso. Isto acontece porque nós vivemos numa fase que eu gosto de chamar de “transição“, ou seja, por um lado o utilizador comum começa a despertar e a dar importância ao design, pelo outro ele ainda deixa passar um mau design caso o website cumpra relativamente bem a sua função.

• Então o que fazer?

Eu acredito que nós devemos dar mais importância ao design, os webmasters que não lhe ligavam muito devem repensar a sua estratégia e aqueles que já lhe davam atenção devem continuar a pensar em melhorar. Se reparem nos últimos tempos, muitos websites têm trabalhado a sua imagem: Google, Youtube, Sapo, CNN, Digg sabemos que o MySpace surgiu também com um novo design e são muitos mais os websites que se adaptam a estes novos tempos.

4º- O que Define Um Excelente Design

Começamos agora a entrar num dos pontos mais importantes de toda esta abordagem, a velha questão do que é de facto um excelente design. Sempre que tenho uma discussão sobre design com alguns colegas, geralmente ela dissipa-se nas opiniões de cada um e há o hábito de se dizer:

“Um bom design para mim pode não ser um bom design para ti”

Esta afirmação não está no entanto totalmente correcta, é verdade que realmente o nosso conceito de beleza varia e isso é um facto, mas um excelente design (e volto mais uma vez a repetir-me) não está apenas relacionado apenas com a beleza estética, existem outros factores bem mais importantes.

“Um bom design deve ser simples, marcar no primeiro impacto, satisfazer requisitos do site e do utilizador e deixar um carimbo mental que não permita o esquecimento.” (José Oliveira)

O José Oliveira resumiu numa frase basicamente os desejos de um webmaster no que diz respeito ao design, ou pelo menos os desejos de um webmaster que se preocupa com o design. Ele quer algo capaz de causar impacto, capaz de satisfazer as necessidades do utilizador e faz uma referência ao tal “Carimbo Mental” algo que só é possível recorrendo a técnicas específicas.

Agora tendo como referência às palavras do José, vamos olhar para o Youtube que festejou há dias o 1 bilião de subscritores. Não é engraçado ele ser literalmente aquilo que foi mencionado? Ele é simples, causa um bom primeiro impacto e tão cedo nós não nos esquecemos dele. Foram algumas destas qualidades que o tornaram no maior website de vídeos de todo o mundo e as suas recentes alterações ao design reforçam isso mesmo.

“Uma questão importante no design é sua optimização, um site bem construído é bom, se for bem construído e bem optimizado melhor! Optimização falo em standards, acessibilidade, usabilidade e seo.”(Nuno)

O Nuno aprofundou um pouco mais a questão e realçou um aspecto fundamental, que mais uma vez vai além da simples beleza estética, a optimização. Um excelente design precisa de cumprir muitos requisitos para ser apelidado de “excelente” e estar devidamente optimizado é muito importante:

1º- Um excelente website deve estar devidamente preparado para SEO;

O quão importante é o SEO hoje em dia, alguns webmasters talvez defendam que é o mais importante. Um excelente design precisa de estar preparado para SEO porque será uma ajuda preciosa.

2º- Um excelente website deve ser criado de acordo com os standards;

• 2.1 – O website usa o Doctype adequado e segue o respectivo standard W3C?
• 2.2 – O website usa CSS válido?
• 2.3 – o código está bem estruturado?

e por aí fora…

3º- Um excelente website deve respeitar os princípios basilares da usabilidade e acessibilidade e até utilizá-los em seu proveito;

• 3.1 – Sabias por exemplo que os headings em HTML ( exemp. <h1>) podem ser extremamente úteis para utilizadores cegos?
• 3.2 – Sabias que é um erro utilizar qualquer tipo de conteúdo que pisque ou tenha mudanças de cor mais de três vezes por segundo?
• 3.3 – Sabias que nunca deves permitir que um utilizador complete uma tarefa importante sem confirmação ou sem lhe dar a possibilidade de voltar atrás?
• 3.4 – Sabias que a melhor cor para os links é o azul?
• 3.5 – Sabias que as áreas de clique não devem ser minúsculas?

e por aí fora…

Estes são apenas alguns dos factores a termos em conta quando tentamos perceber o que define um excelente design.

“Um excelente design além de ter de ser limpo e apelativo aos olhos, deverá ser standardizado (W3C, etc) e optimizado para os motores de busca (SEO)” (Asturmas)

Se olharmos para o recente redesign do Sapo, vamos reparar que houve cuidado na parte estética, mas também grande trabalho em aspectos como a usabilidade e acessibilidade. Ele foi simplificado, o utilizador processa agora a informação com mais facilidade, não foi um redesign drástico, mas foi o redesign certo que melhorou consideravelmente a eficácia comunicativa do portal.

O website da Casa Branca levou no ano passado um redesign também todo ele focado na usabilidade e acessibilidade, foi utilizado muito espaço branco, o website não só ficou mais simples como mais bonito e fácil de compreender. Isto significa uma coisa: maior preocupação com a qualidade da experiência do utilizador.

“Um bom design será aquele que leva o cliente a devorar a informação presente com mais vontade ainda. O design deve acompanhar a qualidade do conteúdo, dar-lhe um toque bonito e fazer com que a imagem seja um complemento ao conteúdo. ” (Ana Martelo)

A Visual Fusion apresentou recentemente o seu novo design no fórum. Há claramente uma adaptação aos novos tempos, uma preocupação em fornecer ao visitante informação relevante assim que ele entra, algo fundamental para websites de Service Providers. Eu destaco principalmente o trabalho “above the fold” que está “on the spot” e que contribui muito para o sucesso do processo de comunicação e melhoria da experiência de navegação.

Como foi possível percebermos, existe um grande número de factores que definem o que nós podemos chamar de “Excelente Design“. Primeiro necessitamos de analisar a parte técnica, pois ter um website bonito mas pouco funcional e mau programado é uma péssima ideia. Depois da parte técnica é altura então de percebermos se ele cumpre o seu papel: se causa um bom primeiro impacto; se é uma “arma” de comunicação eficaz; se deixa o tal “Carimbo Mental” nos utilizadores; se é limpo e apelativo ao olhar; se leva o utilizador a devorar a informação ainda com mais vontade; se acompanha a qualidade do conteúdo; se contribui positivamente para o processo comunicativo, se ajuda a melhorar a experiência de navegação do utilizador e claro, se esteticamente é bonito.

5º- Um Excelente Design Vale O Seu Peso Em Ouro?

Finalmente chegamos ao último ponto e ainda bem porque eu já estou farto de escrever. Optei por acabar este artigo com a resposta à questão colocada e de acordo com todos os dados que temos, só pode existir uma resposta: SIM!

A realidade meus amigos é que um excelente design até pode não ter preço. Eu sei que por vezes nós ficamos surpreendidos com os preços absurdos pagos por determinados designs, que fique claro que eu não me estou a referir a esses. Falo sim de trabalhos de design que cumprem todos os requisitos que foram mencionados neste artigo.

Um excelente design pode garantir mais visitas; mais vendas; mais leitores fidelizados; mais credibilidade; mais compreensão por parte dos utilizadores e mais e mais e mais…

Se é fácil criar um design excelente? É claro que não, envolve muito trabalho, muita investigação e mesmo depois de finalizado ainda se está longe da perfeição. O que o webmaster precisa de compreender é que um excelente design não vale meia dúzia de tostões, existem casos de redesigns que fizeram empresas ganhar milhares ou até milhões. Também não nos podemos esquecer que quando um webdesigner cria um design do nada, nós também estamos a pagar pelo valor do seu trabalho artístico.

Resumo:

• 1º- O trabalho de um webdesigner nunca se vai tornar obsoleto, porque ele é um artista capaz de criar trabalhos únicos;

• 2º- O design pode e deve fazer parte de uma estratégia de comunicação;

• 3º- Hoje em dia sem grandes conhecimentos é possível ter um bom website;

• 4º- Não há desculpa para um mau design, afinal existem os clubes de temas;

• 5º- Os clubes de temas são uma boa alternativa para quem tem poucos recursos;

• 6º- Os clubes de temas possuem designs muito bons, mas sofrem de um problema de repetição e todos têm acesso a eles;

• 7º- Não podemos comparar estes designs acessíveis a todos com um design exclusivo que foi metodicamente pensado para se encaixar na perfeição com um determinado projecto;

• 8º- Existem websites com designs básicos e que têm um sucesso enorme;

• 9º- É importante relembrar que um bom design não significa ter o visual mais espectacular do mundo;

• 10º- Existem websites que podem ter designs simples;

• 11º- Não podemos confundir simplicidade com um mau design;

• 12º- Um website relativamente simples pode sobreviver e ter sucesso com um design básico, mas não podemos esperar que o mesmo aconteça em projectos mais complexos.

• 13º- Nós devemos, à semelhança do que muitos websites têm feito ultimamente, dar mais importância ao design;

• 14º- Um excelente design (e volto mais uma vez a repetir-me) não está apenas relacionado apenas com a beleza estética;

• 15º- Um excelente design tem de estar optimizado;

• 16º- Um excelente design vale sem dúvida o seu preço e pode fazer maravilhas.
  

Conclusão:

Um grande trabalho de design vale ouro, ao contrário do que se pode pensar por vezes um website muito simples pode ter sido planeado ao pormenor. Conseguir comunicar com os visitantes enquanto ao mesmo tempo os deixamos satisfeitos e não os obrigamos a pensar, é uma tarefa extremamente complicada. Com pouco dinheiro o webmaster já se pode refugiar nos clubes de temas e conseguir um bom design, mas quando precisamos de algo mais específico, então recorrer a um webdesigner deve ser o próximo passo.

Mas cuidado, existem poucos webdesigners verdadeiramente completos por aí, muitos não têm noções sólidas de programação (algo que hoje em dia é necessário), outros não têm conhecimentos suficientes sobre usabilidade e acessibilidade. É importante trabalhar com os profissionais certos, não nos podemos deixar iludir apenas pelos preços, até porque a minha mãe sempre me ensinou que o barato sai caro.

Não me interpretem mal, o conteúdo continua a ser rei, mas – como eu já disse tantas vezes – o utilizador está a evoluir e os nossos websites devem acompanhar essa evolução. Não é uma tarefa fácil, mas nós temos de continuar a tentar e se amanhã o nosso website for melhor do que hoje, então estamos definitivamente no bom caminho…

Até à próxima

Tem como base as cores e imagem do +tráfego. Mas mais simples e com alguns twists de forma a poder facilmente ser adaptada para qualquer situação.

Descrição

A simple, clean and professional theme.

Features:

• Cool login box on top bar;
• Date, and news on top bar;
• Custom boardindex.template.php
• Custom messageindex.template.php
• Custom message icons (from dzinerstudio.com)
• Ready for smf 2.0 RC3

Espero que gostem e façam bom proveito.

É bom ver que o nosso recente re-design, passado dois dias já é alvo de destaque por quem realmente percebe do assunto. O Mais Tráfego está em destaque no WordPress Portugal na secção de showcase, onde mostram o que melhor se faz no nosso país com esta maravilhosa plataforma, o nosso muito obrigado ao pessoal do WordPress PT por ter reparado em nós. Este é um post do género “fazemos a festa, mandamos os foguetes e vamos apanhar as canas!”, mas quando passamos tanto tempo a trabalhar em algo, é sempre bom ver o nosso trabalho reconhecido.

Enterprise Folio Demo/Download

Este tema foi feito pelo nosso utilizador Miguel Tavares, o qual acoselhamos que dêem uma vista de olhos.

Big Header Folio Demo/Download

7Lifes Demo/Download

Ecletic Demo/Download

Cleanism Demo/Download

Portfolio – Your Online Showcase Demo/Download

Vanilla Demo/Download

Portfolious Demo/Download

Memex Demo/Download

Universum Demo/Download

Unique Portfolio Demo/Download

Business Inc Demo/Download

Smart Portfolio Demo/Download

IdealCorp Demo/Download

Flashlike Photographer Demo/Download

Espero que tenham gostado desta pequena colecção, se tiverem portefólios em wordpress que queiram partilhar, deixem nos comentários.

Até já.

1- Criar o timthumb.php

O timthumb é um script que muitas themes do wordpress já trazem para este efeito, é gratuito e podem ir busca-lo aqui. Basta copiar o código e criar o ficheiro timthumb.php e coloca-lo na pasta da vossa theme.

2- Editar o ficheiro functions.php

A maior parte das theme trás este ficheiro, se a vossa theme não tiver um ficheiro functions.php criem um, com um seguinte código.

<?php
// retreives image from the post
function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img', $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, '>');
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;  

$cleanF = strpos($image[$num],'src="')+5;
$cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);

}
if(stristr($image[$num],'<img')) { echo $imgThumb; }
$more = 0;
}
//retreive image ends
?>

3- Código do thumbnail

Agora vamos inserir o código na vossa theme, para aparecer o thumbnail, poderá ser no ficheiro index,php, no archive.php, depende da vossa theme, deverá estar dentro do loop que vai buscar o conteúdo, antes do the_content(); por exemplo.

<div class="thumbnail">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php getImage('1'); ?>&w=150&h=150&zc=1">
</a>
</div>

4- Adicionar o CSS

Para terminar, basta adicionar algum código CSS para dar estilo aos vossos thumbnails.

.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#C4C4C4;}

O efeito será mais ou menos este, espero que vos seja útil.



Fonte

Sobre o WooThemes

O WooThemes foi um dos primeiros clubes de themes para wordpress, foi fundado em Novembro de 2007 e conta actualmente com quase 10000 membros. O seu fundador é o conhecido Addi Rockstar considerado uma das 30 pessoas mais influentes no web design mundial.

Fazer parte destes clubes trás uma grande vantagem para o utilizador, pois para além de termos acesso às themes que todos os meses são lançadas, temos acesso a fóruns restritos onde normalmente se encontram os melhores designers da área a mostrar os seus trabalhos, a colocar e responder a questões, e normalmente as dúvidas são sempre de utilizadores avançados, ou seja, todos os dias se vê novas dúvidas, e pessoas a tentar inserir novas funcionalidades nas suas themes que normalmente não se encontram com uma simples pesquisa.

Por isso aqui fica a sugestão, se estão a tentar lançar um novo projecto ou querem dar o passo seguinte que o vosso projecto está a precisar, uma theme profissional poderá ser a solução.

WooThemes – Premium WordPress Templates
Fonte: WooThemes – Mais Tráfego

iNspiration

Tech2all

FREEmium

Elegant Grunge

CryBook

Snapshot

Typebased

Maasahan

Pixeled

Journalized Theme Version 2

The Original Premium News

Irresistible

Meta-Morphosis

WP DashboardLike

TimeCafe Premium Free V 2.0

Old School

Life Collage

Gear

Blue Grace

iQ2 Photoblog Theme

Não se esqueçam que todas as themes apresentadas nesta lista são grátis e estão ao dispor de um simples download!