Desenvolvimento de Temas para WordPress

Escrito por Parka em 5 Julho 2008

Num artigo anterior indiquei um link para um tutorial sobre criação de temas para o WordPress. No codex da wordpress.org existe um capítulo sobre o desenvolvimento e design de novos temas wordpress. Existe alguns promenores técnicos a ter em conta se no futuro quisermos partilhar os temas por nós desenvolvidos. Recordo que um bom tema poderá ser o motivo de muitas visitas e conseguimos aumentar a visibilidade do blog.

Desenvolvimento de Temas - WordPress Codex

Outro site onde explica como se criar um novo tema em 5 minutos. Mas é mesmo 5 minutos, ou seja, muito básico e não explica muito dos pequenos promenores…

Como criar um tema wordpress

Para quem não quer “sujar” as maõs e aprender HTML, JS, PHP, ou CSS, temos este site onde podemos gerar um tema para o nosso site.

Gerador de temas WordPress

Extensão Web Developer para Firefox

Escrito por Parka em 19 Junho 2008

Uma das mais úteis ferramentas que se pode utilizar no “webdesign” é a extensão Web Developer para o Firefox/Flock/Seamonkey. Trata-se de uma extensão que aconselho a instalar, já que temos accesso a um conjunto enorme de funcionalidades e ferramentas que pode tornar a vida mais simples.

Algumas funcionalidades ou ferramentas disponíveis:

  • Desactivar, consultar, validade, editar o código CSS e HTML
  • Obter informações sobre todos os elementos de uma página
  • Pre-visualizar a página para diferentes destinos, sejam PDA’s, ou outras resoluções.
  • Utilizar uma régua para medir distancias e elementos
  • etc.

Depois de instalada a extensão, iremos ter um novo menu e uma nova barra com várias ferramentas e opções.

barra do webdeveloper

Continuar a ler o artigo »

Como criar temas para o WordPress

Escrito por Parka em 18 Junho 2008

Encontrei este site WpDesigner.com quando pesquisava informação sobre temas para o wordpress. Existe lá um excelente conjunto de artigos sobre os passos necessários para criar o próprio tema, do zero, para utilizar no wordpress. Os artigos estão em inglês mas são muito fáceis de seguir.

Como criar temas para o WordPress

Verificar HTML/CSS com o BrowserShots

Escrito por Parka em 27 Fevereiro 2008

Quando temos um site novo ou tema renovado precisamos verificar se a apresentação é o mesmo nos diversos navegadores/browsers, como por exemplo o Firefox, Safari e Internet Explorer. Pelo menos o Internet Explorer da Microsoft é conhecido por não seguir as normas e por ter várias “características” especiais que pode rapidamente tornar o desenvolvimento de um site num pesadelo. O que parece estar correcto num browser pode noutro ter um design deturpado do que aquele que pretendemos.

Como nem sempre temos acesso a vários PC’s e/ou browsers para fazer esta verificação podemos-nos socorrer do site browsershots.org. Neste site podemos testar o nosso design em diferentes navegadores/browsers e em diferentes sistemas operativos. O site funciona com capturas de ecran em diversos PC’s espalhados…digamos, por aí. Depois de terminado a tarefa podemos fazer o download das capturas em formato png para verificação do nosso design.

CSS Sandbox – Experiências com CSS

Escrito por Parka em 20 Fevereiro 2008

Quando começamos a aprender algo novo, que por vezes é complicado por si, mas geralmente vamos complicar o que é simples. É o que acontece com o CSS(vem do inglês Cascading Style Sheets). O CSS é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de markup, como HTML ou XML. O benefício de utilizar o CSS é que separa o conteúdo da apresentação. Um exemplo pratico dessa vantagem no WordPress é a grande quantidade de temas que podemos escolher para o nosso blogue, podemos alterar várias vezes o tema que o conteúdo é sempre o mesmo alterando somente a sua apresentação.

Para os iniciados em CSS existe um site CSS Sandbox onde podemos fazer uma primeira abordagem sem necessidade de escrever código nem alterar ficheiros. Neste site temos um exemplo de texto já feito com as algumas propriedades css pre-definidas. Podemos alterar vários elementos e para cada elemento temos várias opções. As alterações são automaticamente repercutidos no exemplo. Se quiseremos saber qual o código CSS correspondente ao nosso “tuning” do css bastará clicar em “CODE” para o podermos visualizar.


Copyright © 2007 Ilíquido. Todos os direitos reservados.