GeoWeb

Design e Tecnologia.

27/08/2009
by George Campos
Comments Off on Sites em WordPress: Agência USP de Notícias

Sites em WordPress: Agência USP de Notícias

Site da Agência USP de Notícias, que é responsável pela divulgação aos meios de comunicação a produção científica e atividades como cursos e palestras, exposições e publicações da Universidade.

Este é o primeiro site que comecei a fazer em WordPress aqui na USP, o primeiro de vários 😉

agencia_usp_noticias

Nele usamos poucos plugins, usamos por enquanto o Gerenciador de capas do Xemelê, porem estamos desenvolvendo um próprio com características que precisamos. Desenvolvemos também um plugin para cadastro e envio de Newsletter que em breve vamos disponibilizar. Estamos documentando ambos e fazendo testes. Também tenho que ressaltar o trabalho sensacional do programador Pedro Cicolin Leme, que trabalha conosco e está desenvolvendo esses plugins.

Fora isso mais nada, só o tradicional layout, php, jquery e muitas functions personalizadas 🙂

21/08/2009
by George Campos
Comments Off on Padrões de Design, tipografia e layout para sites

Padrões de Design, tipografia e layout para sites

A Smashing Magazine fez um ótimo estudo de padrões de design, tipografia e layout para sites, recomendo a leitura completa. Abaixo segue uma cola que fiz com aquilo que achei mais importante do  que eles pesquisaram.

1. Serifa vs  Sans-serif (sem serifa)

40% usam serifa
60% não usam fontes serifadas

2. Fonte mais  popular serifada pra título e corpo do texto

Georgia

3. Fonte mais  popular não serifada pra título e corpo do texto

Arial, seguida por Verdana e Helvetica

4. Fonte mais utilizada

Georgia, Arial e Verdana

5. Tamanho da fonte pra título

De 18px a 20px e 24px a 26px, empatados.

6. Tamanho da fonte pro corpo do texto

13px disparado e 14px em segundo.

7. Caracteres por linha

82 a 84, seguido por 88 a 90.

Outras dicas

46% dos sites usam underline nos links
96% dos sites não usam texto justificado
A escala tradicional de fontes é 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72

Padrões de escala em pixel

Tamanho da fonte do título ÷ tamanho da fonte do corpo = 1.96
Altura da linha ÷ tamanho da fonte do corpo = 1.48
Tamanho da linha (pixels) ÷ Altura da linha (pixels) = 27.8
Espaço entre parágrafos (pixels) ÷ Altura da linha (pixels) = 0.754

18/08/2009
by George Campos
Comments Off on WordPress – Excluindo resultados da busca

WordPress – Excluindo resultados da busca

Pra excluir alguns resultados da busca do wordpress, é algo bem simples. Abra o arquivo search.php do seu template WordPress e ache a string:

<?php while ( have_posts() ) : the_post(); ?>

Logo após adicione o seguinte código abaixo. No array adicione todos os ids que deseja excluir do resultado. Simples e limpo.

<?php
// Simple exclude search result - Exclude some pages, posts
// from search result WordPress - by George Campos
     $my_exclude = array(125, 148); // Add ids here
        if (in_array(get_the_ID(), $my_exclude, true)) {
        continue;
        }
?>