Apesar de hoje ser Sábado e de ser constantemente abalroado pelos meus dois pestinhas, lá consegui arranjar tempo para fazer umas alterações ao tema wordpress original do PresentesCriativos.com. Como dizia a TheMafa num dos comentários que fez, quero ver se consigo aproveitar esta época natalícia para pelo menos pagar o que paguei pelos 3 domínios que registei (cerca de 25€).
Como tinha dito no último post sobre o projecto, o tema para wordpress original era demasiado estreito para o meu gosto na área útil da página. Para além de não gostar esteticamente, pois o conteúdo acaba por perder por estar confinado a uma área demasiado pequena, hoje em dia não se justifica face aos novos monitores com elevadas resoluções.
Para terem uma ideia, apenas 1% dos vistantes do Como Ganhar dinheiro Online utiliza monitores com uma largura inferior a 1024 pixels e 60% dos vistantes usa monitores de reolução 1280×1024. Por isso não fazia mesmo qualquer sentido manter o tema tão estreito.
Não é obrigatório saber php para ter um Blog em Worpress, mas ajuda muito se souberem alguma coisa para poderem alterar os diversos tema que se pode fazer download gratuitamente. Muitas vezes gostamos de um determinado tema, mas há um pequeno pormenor que gostavamos de acrescentar ou de retirar.
Percebendo a estrutura php do wordpress é meio caminho andado para o fazer. No mínimo devemos conseguir perceber a sintaxe php, par podermos aproveitar partes de um tema para usar noutro, por exemplo.
Para fazer a alteração que precisava, precisei de mexer na stylesheet e nas imagens que vinham com o template wordpress original. É muito comum ser assim: as imagens que vêm com o tema foram feitas a pensar no tamanho do tema wordpress original e por isso têm que ser modificadas para encaixarem nas novas medidas.
Para alterar as imagens e acrescentar no Header o título do Blog com aquela fonte que se encaixava melhor no design, usei um programa chamado GIMP. É a versão open source (completamente grátis!) equivalente ao Photoshop. Depois de 2-3 horas iniciais de adaptação ao software, verão como é fácil de usar.
Para alterar a largura da zona do conteúdo, precisei de mexer na stylesheet (style.css), que é o ficheiro que aparece por defeito quando seleccionamos a opção “Design>Theme Editor” no área de administração do Wordpress.
Quando no início não percebia nada de CSS (Cascading Style Sheet), um site que foi de uma ajuda imprescendível foi o W3Schools. Tem imensos exemplos e explica cada uma das opções possíveis de usar em CSS. Ajuda imenso para perceber o que é que cada uma das linhas presentes no style.css do tema wordpress original estão a fazer ao layout global do Blog.
Uma das coisas que fazia no início quando não sabia analisar muito bem onde mexer para alterar a largura de alguma coisa por exemplo, era no ficheiro styles.css procurar por todas as linhas com “width”, usando o “Edit>find” do Firefox e, um de cada vez, alterava o valor para um número exageradíssimo. Assim era fácil perceber o que é que mudava no layout do tema. Quando encontrava o que queria, retirava o valor exagerado e punha o valor pretendido.
Se quiserem o tema wordpress que estou a usar, que faz a integração com a loja BANS, podem fazer download aqui: Tema Wordpress Original.
A minha ideia é ir alterando as imagens e cores do tema ao longo do ano, dependendo da época festiva que for atravessando. Por exemplo, depois do Natal vou prepara imagens para o dia dos namorados, depois para o Carnaval, Páscoa, Férias de Verão, etc.
O objectivo é ir aproveitando a sazonalidade que algumas procuras têm: por exemplo o número de procuras no Google por “presentes dia dos namorados” é elevadíssima por altura do Dia dos namorados mas no resto do ano é quase inexistente. Ao ir alterando o site de acordo com essa sazonalidade será possível capitalizar essas procuras.
Apesar do tempo ocupado com o PresentesCriativos.com e com a nova loja no SiteCompras, acrescentei aqui no Blog duas ou três novidades nos últimos dias.
No final de cada post aparece agora uma imagem com duas secções:
a primeira linha é para incentivar os leitores do Blog a partilharem o artigo que acabaram de ler nos agregadores de língua portuguesa mais conhecidos. Não é preciso esconder que agradeço imenso a todos os que votarem nos meus artigos nesses agregadores. Os visitantes adicionais são muito benvindos!
a segunda linha é para incentivar a subscreverem o Blog por e-mail ou por RSS. Com um pouco de código php e usando a API do feedburner, consegui acrescentar aquela frase “XX pessoas já o fazem diariamente”, em que o XX é mesmo o valor real do número de pessoas que lêm o RSS. Valor que vou “ler” à estatística do feedburner para o meu Blog. Se alguém quiser o código para fazer algo semelhante no seu Blog, que diga!
Acrescentei também no Sidebar um excerto dos últimos 10 artigos publicados. Também o fiz com um pequeno e simples código php. Se alguém tiver interessado também posso enviar-lhe o código. É muito simples.
As razões para acrescentar isto ao sidebar foram: (1) os artigos que tenho escrito são tão longos que a minha sidebar não chegava nem a meio da página!; (2) os novos visitantes podem rapidamente ler um pequeno excerto dos artigos anteriores, podendo servir de apresentção ao que aqui é escrito; (3) aumentar o número de palavras chave na página principal do Blog, ajudando a trazer visitantes vindos dos motores de busca; (4) como aproveitei para colocar um pequeno banner (120×60) da Netaffiliation, ajudará também a rentabilizar (espero eu…) um pouco mais o Blog (reparem que na primeira página já há algum tempo que retirei toda a publicidade dos artigos).
Para quem só agora visita o “Como Ganhar dinheiro Online“, este é o 3º dia de um projecto que deverá durar 30 dias e muito simplesmente tenta abordar todos os aspectos críticos na elaboração de um novo site/blog, do ponto de vista de alguém que não é profissional e que ainda tem muito que aprender sobre o assunto.
Nestes 30 dias vou iniciar um novo website, construído usando Wordpress e BANS de forma integrada.
Se ainda não tiveram a oportunidade de ler os post anteriores, aqui ficam todos os publicados até agora, para poderem conhecer o projecto desde o início:
Acompanhem o projecto e vão deixando a vossa opinião!
If you would like to make a comment, please fill out the form below.
- 
- 
-
[...] Fernando do como-ganhar-dinheiro.com publicou um texto com alterações que fez ao theme do blog. Algumas das conclusões que ele chegou e alterações que ele fez podem servir para mais [...]
[...] alterações que fiz no layout não mudaram o aspecto global do tema wordpress original, mas ajudaram a melhorar algumas coisas. Por exemplo tive que alterar umas linhas de [...]