Blog do The Best

Uma das principais tarefas para quem está iniciando um blog é conseguir achar uma sincronia entre o layout que vai utilizar e o assunto do seu blog. Além dessa sincronia, o layout tem que ser bonito e principalmente bem organizado para que ajude o leitor na sua navegação pelo blog. Visando ajudar a todos os iniciantes e aos blogueiros mais experientes que desejam dar uma reformulada no seu blog, resolvi escrever este artigo.

Como procurar um template

Para você encontrar uma versão de template que seja uma boa opção é necessário ter muita paciência e senso crítico, pois um template é a porta principal para o seu blog.  Apesar de ter a função de ferramenta para navegação e publicação dos artigos, ele também serve para a memorização de sua “marca” ou “nome”, pois o que fica memorizado pelo leitor são as cores, logotipo e endereço url.

Na internet é possível encontrar várias opções de templates disponíveis, que atendem a uma grande demanda das necessidades dos usuários, porém é necessário que se tenha cuidado com a fonte de onde se baixa os templates pois eles podem apresentar códigos ocultos e prejudiciais ao seu projeto, mas falaremos disso mais adiante.

O que é importante para o meu layout

É muito importante uma harmonização das cores contidas no seu layout, principalmente quando pensamos em uma cor mestre. A cor mestre é que a cor predominante no layout, então as demais cores e objetos que serão encaixados nele deverão necessariamente combinar com ela, seja em tom ou contraste.

Mas não é somente isso que vai gerar um diferencial para que o seu layout seja atrativo para o leitor, a navegação é muito importante, pois faz com que a experiência do usuário dentro do seu blog seja mais agradável e melhor. Por isso a organização se faz importante, principalmente para quem pretende monetizar o seu blog.

O que avaliar no template na hora da escolha

Alguns itens são muito importantes que sejam avaliados antes de se usar um template ou de customizá-lo. A essa altura você já deve estar pensando em desistir, mas são processos simples que podem lhe dar vantagens no final do processo.

Vamos ver alguns itens que devem ser avaliados para a utilização do template sem problemas ou sustos.

Velocidade de carregamento

Ela é muito importante para que o seu leitor não desista de ler o seu artigo. Algumas pesquisas informam que o tempo ideal para carregamento do blog é de até 10s, para que o leitor fique aguardando antes de passar para o próximo item da pesquisa feita.

Forma de carregamento

è importante que a parte principal do seu blog carregue primeiro. Ou seja, o seu conteúdo deve ser apresentado ao usuário antes do carregamento da barra lateral, área externa ou do rodapé.

Quantidade de imagens

A quantidade de imagens no layout influencia diretamente no tempo de carregamento do seu blog, principalmente os layouts que usam uma imagem externa (para completar os espaços do navegador).

Código do template

É importante que se avalie a organização estrutural do template e a facilidade dos códigos para alterações eventuais ou profundas, nos casos de customização. Para essa avaliação não é necessário que se tenha conhecimentos de programação, porém é necessário verificar se a colocação de um banner publicitário, por exemplo, pode ser adicionado sem dificuldades.

Template Free, Premium ou Personalizado

Na internet existem várias opções de templates para sua escolha, porém existem 3 modalidades para que você possa escolher. Vamos entender como funciona cada ma delas:

Free ou Gratuita

É uma das mais buscadas, pois não tem ônus para o autor do blog e pode ser utilizada sem nenhuma problema, desde que respeitadas as regras do criador. Normalmente é necessário manter os dados do rodapé com as informações do autor.

Ele podem ser encontrados facilmente pela internet, porém necessitam de um avaliação maior e nem sempre tem um conjunto muito bom, mas nada que cautela e uma boa customizada não possa fazer a diferença.

Premium

São templates feitos por designers e colocado na rede para a venda. Eles são vendidos por preços baixos, normalmente em dollar, para que os blogueiros possam compra-lo sem muito esforço.

O templates premium são mais estilizados e tem um cuidado maior nas suas combinações de cores. normalmente tem mais funcionabilidades embutidas e abusam de recursos gráficos.

Personalizado

Os personalizados, como diz o nome, são templates em que você faz uma encomenda para um webdesigner e recebe o seu template da forma que você deseja. A grande vantagem e diferença desse modelo é que o seu template será feito exclusivamente para o seu blog.

Eles são mais caros que os templates premium e só valem a pena para quem deseja ter um blog mais profissional, que atraia mais publicidade. A grande vantagem é que sempre vão ser exatamente o que o blogueiro deseja e será único na blogosferas, pois foi desenvolvido somente para ele.

Como vimos temos templates para para todos os gostos e bolsos, tudo depende da necessidade que o seu blog demanda. Podemos perceber que quanto mais exclusivo e detalhado ou com mais funcionabilidades nativas mais caro, mas nem por isso as opções de temas gratuitos são ruins ou ficam atrás das versões premium.

As versões gratuitas vão demandar um pouco mais de tempo do blogueiro, pois normalmente necessitam de uma customizada para ficar legal. Caso você não saiba como fazer a customização, é possivel encontrar sempre um amigo disposto a ajudar ou um profissional que lhe cobre baratinho pelo serviço.

O Blog do The Best, conforme havia falado anteriormente, está sob algumas mudanças estruturais e ,com isso, tive que investir em um novo template, pois o anterior estava me causando problemas com alguns plugins do Wordpress. Só que dessa vez, resolvi investir bem mais pesado no template , que em todas as outras vezes, e fazer um mais profissional e definitivo para o blog.

Alguns leitores devem ter percebido a falta de atualização durante as últimas semanas e uma leve diminuição na qualidade da postagem, mas tudo vai voltar ao normal e com um plus, que é minha empolgação que voltou ao limite máximo. Por isso esperem por muita coisa legal para ler e um pouco dessa minha primeira experiência com desenvolvimento de um template para wordpress.

Imagem por O Peregrino

O template, não foi feito do zero, sendo desenvolvido com base no DailyPress, que já havia sido traduzido pelo amigo Paulo Faustino do Wordpress-Love, porém ele só serviu de base mesmo porque do original não sobrou muita coisa (quase nada). Todas as imagens foram tratadas para que o template não ficasse pesado e, abrisse dentro de um tempo razoável, sem perder resolução.

Algumas outras mudanças vieram junto com a troca do template. A política de parceria teve uma alteração importante, pois a partir de agora só estarei incluindo links no Blog e não mais banners. Essa decisão  foi tomada por três motivos principais: o primeiro era a demora causada pelos banners que estavam hospedados em provedores gratuitos, a segunda foi a da indisponibilidade de alguns banners que estavam em servidores de imagem onde quebrava o layout u inseriam-se imagens estranhas e a terceira foi a falta de tempo de ficar avaliando os parceiros que mais mandavam visitas todo início de mês.

Peço desculpa ao pessoal que mandou o pedido de parceria e não analisei, mas enquanto não tivesse terminado o template e algumas mudanças na organização do blog, não teria como responde-los. A boa notícia é que não esqueci e estarei analisando ao longo da semana todos os pedidos feitos.

Outra mudança é a não publicação de selos e prêmios recebidos, apesar de gostar de recebe-los e sempre agradecer, não estou conseguindo responde-los em tempo hábil e acabo esquecendo de alguns ou não respondendo-os corretamente. Os memes estarei respondendo normalmente.

Ainda faltam algumas mudanças a serem implementadas, que não deverão passar dessa semana, e eu ainda não posso contar agora, mas fiquem atentos que ao acontecerem estarei divulgando-as. Uma coisa que posso contar é que no mês que vem deve ter uma promoção muito legal no Blog.

Espero que tenham gostado do template novo e aguardo a opinião de todos nos comentários.

Bem, como eu disse anteriormente na postagem de anúncio do The Best Links, o Blog do The Best iria mudar um pouco e anunciar algumas novidades até o aniversário de 2 anos, que será em fevereiro. O primeiro anúncio foi a criação do The Best Links, que teve a sua primeira publicação na sexta feira passada (19) e contou com 14 links nesta edição.

Imagem por Breno Peck

A segunda mudança, que estou anunciando hoje, aconteceu antes do período previsto por motivos de força maior e ainda está em fase de adaptação e finalização, mas para isso tenho que contar com a ajuda de todos vocês. Eu tive que trocar o layout antigo por este mais novo e mais moderno, isso por causa das próximas etapas planejadas.

Devo confessar que não contei em hora alguma com essa mudança e ela acabou acontecendo inexperadamente. Tanto que estou colocando em produção e testando ao mesmo tempo para saber se esse layout novo, vai suportar tudo o que preciso e se consigo organiza-lo de forma a manter a velocidade do anterior.

Peço aos amigos e leitores do blog que comentem sobre o novo layout, principalmente sobre sua velocidade, usabilidade e o design propriamente dito. Lembrado que as sugestões são sempre muito importantes para a melhoria do blog.

A maior dificuldade de um blogger que está começando é saber como escolher a ferramenta a ser utilizada e um template para utilizar. Eu não vou entrar no mérito das ferramentas disponíveis, porém as duas mais utilizadas hoje são o wordpress e o Blogger (ou Blogspot).

O QUE PROCURAR NO TEMPLATE

Basicamente, quando vamos procurar um template para o nosso blog fica evidente o conceito de um layout bonito e organizado. Sabemos que o conceito de beleza é bem peculiar e individual, pertencendo a cada pessoa o direito de achar bonito ou não.

Mas alguns itens devem estar bem fixos na sua cabeça ao procurar um template e ainda podemos dividir em duas categorias, Layout e performance.

LAYOUT

No layout devemos procurar a beleza e a organização que mais se encaixa no nosso projeto e as principais caracteristicas são:

1. As cores devem se encaixar com o logotipo ou ter relação com o projeto. Como um exemplo negativo podemos colocar um projeto com o nome Blog Azul e o layout ser todo em vermelho e amarelo, ficaria estranho dentro do contexto.
2. As cores podem ser fortes, porém o texto deve ficar de forma onde a leitura não seja prejudicada. As cores fortes, normalmente, cansam mais rápido a visão do leitor e este tende a parar a leitura, por isso não são muito indicadas.
3. A quantidade de colunas depende diretamente da quantidade de dados que você pretende colocar nas laterais. Não é legal um blog com 3 colunas, onde duas são sidebar, e os dados colocados nas laterais não ocupam nem a metade do espaço vertical do blog.
4. A organização deve ser fácil de alterar e bem simples. As postagens devem ficar em evidência, até porque elas são a parte mais importante do blog, e a barra lateral deve ser um local para auxiliar o leitor a navegar no blog.
5. As fontes (letras) utilizadas devem ser sempre simples e de facil entendimento, pois o leitor não tem que decifrar o que está escrito por você.

PERFORMANCE

A performance ajuda muito a captar leitores “paraquedistas”, os que vem das buscas e de outros sites. Eu escrevi um artigo Quanto tempo seu site demora a abrir? que explica a importância da velocidade de abertura do seu blog, vale a pena conferir. As caracteristicas que você deve perceber ao escolher o seu template são:

1. Quanto menos imagens pesadas o template tiver, mais rápido ele abrirá. É uma conta simples de se fazer, pois se ele tem menos arquivos pesados para carregar é, lógico, que ele vai abrir mais rápido.
2. É importante verificar a velocidade de abertura do blog de testes daquele template, se ele tiver m disponível. Pois vai lhe dar uma base de quanto tempo ele demora para abri com um formato basico, sendo que você vai imputar dados e fazer modificações e com isso ele ficará mais lento do que o da versão de testes.

Imagem por ground.zero

MODIFICAÇÕES E ACESSÓRIOS

Mas não adianta você tomar todos os cuidados destacados acima e nas modificações que for fazer colocar tudo a perder. Portanto, modifique somente o que for importante para você e para os seu leitores, normalmente as modificações a mais só trazem resultados ruins para o layout e para a performance.

Quanto maior for o número de programas ou códigos adicionais que você usar, maior será o tempo de carregamento do seu blog e o prejuízo para o seu layout. Para os editores que usam o google adsense, é muito legal que se consiga harmonizar o layout do anúncio com o layout geral do blog, para isso basta utilizar as mesmas cores (ou as mais parecidas possiveis).

ONDE ESCOLHER

A escolha deve ser feita em fontes de qualidade e que sejam de confiança, pois um layout pode vir com vários exploits ou códigos maliciosos, que podem lhe atrapalhar, lhe tornar vítima de um ataque, conseguir monetização do seu blog ou faze-lo perder sua conta no google adsense entre outros.

Eu sempre aconselho que, mesmo vindo de uma fonte segura, você dê uma olhada no código para ver se não tem nada estranho ou endereços de sites pelo meio do código. É super importante essa precaução para não ter problemas no futuro.

Templates para wordpress podem ser escolhidos diretamente no repositório de templates, no plblog e no wordpress-love.

Templates para blogger podem ser localizados no blog do Usuário Compulsivo, no Dicas Blogger e no Templates Novo Blogger.

Claro que temos muitos outros site que são de qualidade e tem uma confiabilidade grande, mas não dá para listar todos.

Espero que tenha ajudado nessa tarefa bem difícil que é a de escolher um novo tema, template ou layout para o seu blog. Você tem mais alguma dica? Coloque-a nos comentários.

Se você tem problemas com o seu tema ao alinhar as imagens a esquerda, vou tentar ajuda-lo. Depois de muita pesquisa e testes sem sucesso, consegui uma dica que realmente resolveu no meu caso. E não seria justo não compartilhar com os leitores que utilizam o wordpress e estão com problemas.

Tudo isso acontece porque o seu tema, ou template, não tem no CSS as classes necessária para que o alinhamento das imagens ocorra sem problemas. No Wordpress 2.6.X, você configura a imagem para ser alinhada, assim que termina o upload da mesma (conforme fig. abaixo)

Quando você escolhe o posicionamento da sua imagem, o wordpress inclui no código html da inclusão a classe correspondete ao posicionamento escolhido. Para a opção nenhuma é colocado a classe alignnone para a opção esquerda é colocada a classe alignleft, para a opção direita é colocada a classe alignright e para a opção centro é adicionada a classe aligncenter. O mesmo ocorre quando é utilizado os botões do editor de texto sobre as imagens.

O funcionamento do wordpress é simples. E como exemplo, vou colocar o código da imagem acima:

<img class=”aligncenter size-full wp-image-2544″ title=”alinhamento” src=”http://www.thebest.blog.br/wp-content/uploads/2008/08/alinhamento.jpg” alt=”" width=”500″ height=”28″ />

Como podemos ver em negrito foi utilizada a classe aligncenter para centralizar a imagem, caso deseja-se alterar o alinhamento dela, bastaria trocar essa classe pela correspondente. Porém para que funcione é necessário que as classes estejam configuradas no seu arquivo de css.

Para que o seu problema seja resolvido é importante que se inclua as seguintes linhas:

.alignleft { float:left; margin:0 10px 10px 0; }
.alignright { float:right; margin:0 0 10px 10px; }

Obs.: Você pode tirar as margens que estão configuradas. Elas só estão ali para não deixar juntar a imagem com o texto na sua postagem, mas pode-se configura-las de acordo com a sua necessidade ou simplesmente retira-las.

Com isso o problema deve ser resolvido e as imagens passarão a ser exibidas no melhor estilo revista, quando colocadas a direita ou a esquerda.

Esta dica ensina como você pode trocar o seu template (layout) no wordpress. Ela não visa a ensinar como se altera ou adapta o código do template para sua necessidade, até porque isso é assunto para outra postagem. Então vamos lá!

Importante: É necessário que se tenha o wordpress instalado em um servidor ou em seu micro.

1. Você deve escolher um tema (template), ao seu gosto, para que seja instalado. Eu aconselho o Theme Viewer da Wordpress, por se tratar de um repositório oficial.

2. depois de escolhido é importante que seja feito o download e a descompactação do arquivo, caso seja necessário.

3. Abra seu programa de ftp e navegue até aonde se encontra os arquivos do seu blog. Acesse a pasta \wp-content\themes e faça o upload dos arquivos para esta pasta, note que os themas ficam separados por pastas e o wordpress já vem com dois instalados de “fábrica” (default e classic).

4. depois de enviar todos os arquivos, acesse o painel administrativo do seu blog e navegue até Design.

5. Deverão aparecer, nesta página, todos os temas que você tem instalado no seu blog. Para você trocar de tema basta clicar sobre ele. Somente preste atenção se o tema passou para a posição de Tema Atual.

Pronto agora é so conferir como ficou o seu blog com o  layout novo e aproveitar.