Abertura do FESTA Santos

Na última terça-feira, teve início o Festival Santista de Teatro, o FESTA, tantas vezes citado em nosso blog. A equipe do Studio Santista marcou presença na belíssima cerimônia.

Entre os destaques, podemos citar o discurso do Patrono do Festival, Roberto Peres, jornalista do extinto “Cidade de Santos”, uma instituição que em sua época apoiava todo e qualquer movimento cultural na região, e ainda, com a apresentação do stand-up comedy “Nocaute”, de Marcelo Mansfield, que além de muito engraçado é de fato uma ótima crítica, principalmente ao meio artístico.

Marcelo Mansfield atuando no Stand-up Comedy "Nocaute"

Marcelo Mansfield atuando no Stand-up Comedy "Nocaute"

Divulgação "Nocaute"

Divulgação "Nocaute"

Vale lembrar que o Festival acontece até o dia 09 de setembro e a programação você pode conferir no site www.festasantos.com.br

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg

É importante contratar um profissional web?

É por exemplos como estes, http://www.nayahpromoter.com/http://supersites.vai.la que a resposta é mais do que óbvia.

O Pedro Rogério publicou em seu blog, Pinceladas da Web, uma lista com os 36 piores sites do mundo. Alguns são tão ruins que me perguntei várias vezes: “é brincadeira isso né?”

É engraçado, eu mesmo dei muita risada vendo algumas pérolas da lista, mas ao mesmo tempo bate um sentimento de raiva, por que é muito comum profissionais com conhecimento, com conteúdo, encontrarem portas fechadas por que cobram por isso.

Abaixo, algumas pérolas que chamaram mais a atenção:

Site da Naná do Big Brother

Site da Naná do Big Brother

Refrigerantes Dolly

Refrigerantes Dolly

Blog da Carla Perez

Blog da Carla Perez

Esse são só alguns exemplos. Muita gente ainda não encara a internet como negócio, como termômetro e por esse motivo deixarei nosso recado aqui: “Internet não é brincadeira de criança“.

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg

FESTA Santos – 2ª fase do projeto

Já publicamos aqui no blog um post sobre o nosso trabalho com o FESTA Santos, Festival Santista de Teatro. Na ocasião estavamos finalizando apenas a primeira fase do projeto, responsável pela divulgação e por promover a inscrição de grupos teatrais interessados.

Hoje, colocamos no ar a segunda fase do projeto, exibindo ao visitante, além dos grupos classificados, toda a programação detalhada, bem como os responsáveis pela seleção e orientação dos grupos.

Vejam abaixo como ficou a página principal do site:

festa-fase2

Para conhecer o Festival e saber mais detalhes, acesse www.festasantos.com.br

Felipe Ranieri

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg

Aviso

A partir de hoje, faremos posts descontraídos as sextas-feiras. Nada como um singelo sorriso ao olhar o monitor após uma semana repleta de trabalho e estresse. Serão frases, mensagens ou imagens, sempre com um tom de humor e inteligência.

aviso



Bom fim de semana =]

Carlos Garrote

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg

Distribuindo palavras-chave entre páginas e posts no wordpress

Quem conhece alguma coisa de SEO e aplica em seus trabalhos, sabe que é interessante destribuir palavras-chave adequadas ao conteúdo de cada página do seu site, ou seja, a página principal, por exemplo, contém palavras que não são relevantes ao conteúdo de uma listagem de produtos.

Quando colocamos nosso blog no ar, pensei em uma solução simples e bastante útil que teria como objetivo, identificar as três páginas já publicadas e atribuir para cada uma delas uma lista de palavras-chave diferente e adequeda à cada conteúdo.

Resolvi da seguinte maneira:


/* Manipulação de Meta Tags Keywords */
function meta_tag(){
if ( is_front_page()) {  //atribui a lista de palavras-chave abaixo para a página principal do blog
echo("websites, soluções para web, webdesign, web design, design editorial, design gráfico, identidade visual, logo, web, santos, agências santistas");

} elseif ( is_page('como-nascemos')) {  //atribui a lista de palavras-chave abaixo para a página "Sobre"
echo("Informações, Studio Santista, Sobre");

} elseif ( is_page('contato')) { //atribui a lista de palavras-chave abaixo para a página "Contato"
echo("Contato, Studio Santista");

} else { //atribui a frase-chave abaixo para todo o resto do conteúdo
echo("Studio Santista");
}
}
?>

Só que se pararmos para pensar, o “else” do bloco acima, que tem como objetivo atribuir a frase-chave “Studio Santista” para todo e qualquer conteúdo diferente das três páginas padrão do nosso blog, não é a solução ideal. Na verdade demorei um pouco para perceber e agradeço ao Google Analytics por isso.

Analisei os dados de acesso, de como os visitantes chegam ao nosso conteúdo e ao verificar os dados oferecidos na opção “Search Engines” pensei comigo que cada post possui uma página individual, chamada de “single” no wordpress, ou seja, por que não atribuir para cada post em isolado, uma lista de palavras-chave coerente ao invés de simplesmente “Studio Santista”?

Existe algo mais coerente e relevante ao artigo do que o próprio título dele? Eu acredito que não, então, como você poderá ver no código abaixo, o problema foi resolvido da uma maneira muito simples. Algo como “se o conteúdo for um single, ou seja, um post isolado, exiba o título do mesmo como frase-chave”.

} elseif ( is_single(the_title()) ) {
//não precisa  do "echo" neste caso.
}

O que acharam? Já testaram algo parecido sem seus blogs? Qual foi o resultado?

Abraço
Felipe Ranieri

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg

Vídeos com HTML 5

Aproveitando o gancho do post anterior, o qual teve como tema a inserção de vídeos no wordpress, achei interessante dar sequência no assunto focando um pouco no HTML 5, novo padrão que ainda aguarda algumas definições e já gerou bastante conteúdo na web através de “N” blogueiros. Eu pessoalmente arrisco dizer que ainda levará tempo até que os sites de maneira geral possam de fato serem desenvolvidos com base na versão 5 da linguagem.

Mas, vamos supor que o novo HTML já pudesse ser utilizado sem restrições e que todas as suas pendências em relação às definições já estivessem resolvidas. Já pensaram que “mão na roda” seria? No exemplo do post anterior eu não teria que quebrar a cabeça com um shortcode para resolver o bug do suporte à vídeos no wordpress. Aproveitando o próprio editor de posts em nosso admin, que por sua vez suporta HTML bastaria que eu inserisse a tag <video> e com os devidos atributos a configurasse para a exibição do mesmo. Seria o fim dos horríveis players em flash, até o youtube já tem sua versão demo feita com o novo HTML. Veja abaixo como é simples o funcionamento da tag:

<video src="http://seusite.com.br/diretorio/video.mov" autoplay="true" controls="true">
Seu navegador não suporta vídeos com html 5
</video>

Sintaxe

  • src – url ou caminho do vídeo
  • autoplay – atributo  booleano. No modo “true” inicia o vídeo automaticamente.
  • controls –  atributo booleano. No modo “true” exibe os controles padrão de vídeo.
  • “Seu navegador  não suporta vídeos com html 5″ – é a mensagem exibida pelo navegador caso não exista suporte à tag em questão.

É claro, existem outros atributos, inclusive é possível executar mais de um vídeo devido à tag <source> como você pode ver no post sobre a tag <video> publicado no blog Cache It. No mesmo artigo, você pode encontrar também uma lista dos atributos suportados pela tag .

Vale reforçar, ao meu ver ainda levará um tempo até que essas tags possam ser utilizadas com frequência mas com certeza será um marco interessante na carreira de quem leva o desenvolvimento web a sério.

Um abraço. Dúvidas? Sugestões? É só entrar em contato ou comentar o post.

Felipe Ranieri

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg

Problemas com Youtube no WordPress

Há algum tempo tenho um blog pessoal nos diretórios do wordpress e nele já publiquei diversos arquivos, como fotos e vídeos do youtube. Porém há muito tempo não publicava nada do tipo. Minha última publicação em vídeo, por exemplo, foi realizada na época em que o campo para inserção era abaixo do editor de texto, bastando apenas oferecer o link para o sistema publicar o player do youtube no post.

Coloquei o blog de um cliente no ar há poucos dias e estava muito seguro quanto a publicação de vídeos, já que acima do editor de posts temos um botão “inserir vídeo”. Até que ele preocupado em estar realizando o processo de maneira errônea me questionou sobre o assunto.

Como todo e qualquer blogueiro admirador do wordpress  fui logo clicando no botão “inserir vídeo”, com toda a certeza do mundo, interessado em conferir se o que o meu cliente disse estava realmente acontecendo, ou seja, o sistema solicitava o link do vídeo, um título e ao publicarmos, o wordpress criava um link textual ao invés de carregar o player. De fato, foi o que aconteceu.

Entre pesquisas, conversas com colegas de trabalhos e experts em wordpress, descobrimos que ao que tudo indica, o sisteminha de publicação de vídeo como é mostrado no site de suporte do wordpress, funciona apenas nos blogs publicados em seus diretórios.

Solução:

A saída encontrada foi a criação de um “shortcode”, o qual adicionado ao arquivo functions.php do seu tema, “ensina” o wordpress a renderizar o player de vídeo corretamente. É possível ainda, manipular o botão de inserção vídeos no editor de posts para utilizar essa função, porém a maneira manual é tão simples que vale a pena ser utilizada.

O código abaixo, será inserido no arquivo functions.php:

function youtube_shortcode($atts, $content = null){
extract( shortcode_atts( array(
'url' => 'url não declarada',
'width' => '425', //largura padrão do vídeo no youtube
'height' => '344' //altura padrão do vídeo no youtube
), $atts ) );

$video_id = str_replace('http://www.youtube.com/watch?v=', '', $url);


return '<object width="'.$width.'" height="'.$height.'">
<param name="movie" value="http://www.youtube.com/v/'.$video_id.'"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="http://www.youtube.com/v/'.$video_id.'"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="'.$width.'"
height="'.$height.'">
</embed>
</object>';
}
add_shortcode('youtube', 'youtube_shortcode');

Após o upload do arquivo, para inserir o vídeo em seu post basta usar a seguinte linha: [youtube url=url width=123 height=123] sendo url = endereço http do vídeo, width largura e height altura. Porém os últimos dois atributos serão utilizados apenas se você não quiser manter as medidas padrão, já declaradas no functions.php

Simples não é?

Qualquer dúvida ou sugestão, é só deixar o seu comentário.

Felipe Ranieri

Compartilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • Rec6
  • Slashdot
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yigg