Blog do The Best

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.

A partir de hoje, vocês devem ter percebido que o blog está de cara nova. Uma cara mais clean e bem mais clara, com mais informações e acessibilidade nas laterais do blog.

Ainda falta um pouco para deixar o layout como eu desejo, mas isso ao longo dos próximos dias já deve estar pronto.

A troca do layout do Blog foi feita por alguns motivos simples:

1) O layout anterior era muito utilizado e volta e meia me deparava com um blog identico ao Blog do The Best. Isso impossibilita uma identificação visual por parte de quem acessa o blog;

2) O layout anterior era muito confuso para fazer alterações e incluir facilidades;

3) O layout anterior era muito escuro e o novo é bem mais clean;

Deixe seu comentário dizendo se gostou do novo layout ou se preferia o antigo. Ainda dá tempo de voltar atrás, mas ….