Como criar Template para Wordpress- Parte 1

Bom, Galera, fiquei um tempo sem postar aqui no HF, mas cagora to voltando,  e quero voltar com tuto, postei esse tuto no Create Mais e agora venho postar para vocês no HF . E Lembrando que irei postar á cada dois dias uma nova parte do Tutorial, então fiquem atento aqui no HackerFox e no Create Mais para não perder nada!

Clique no Título desse Post para Ler o Tutorial

FERRAMENTAS DE DESENVOLVIMENTO

Antes de começar a construir nosso template WordPress, é necessário que tenhamos todas as nossas ferramentas à mão. Neste primeiro artigo, iremos analisar e recomendar as melhores ferramentas para construir um ambiente de trabalho e de testes do qual você ficará orgulhoso.

SERVIDOR DE TESTES LOCAIS: XAMP OU MAMP

A melhor forma de desenvolver seu novo template WordPress é fora da internet, a partir do seu próprio computador. No entanto, para o fazer você precisa tornar seu computador num “servidor local”, aproximando-o ao máximo a um servidor de internet (Apache, MySQL e PHP). Isto significa que você poderá instalar o WordPress em seu próprio computador.

Instalar estes softwares de servidor pode ser uma tarefa relativamente complicada, mas felizmente existem alguns softwares automáticos que realizam essas tarefas automaticamente por nós. Se você tiver um computador com Windows, instale o XAMP. Se por ventura tiver um computador Mac instale o MAMP.

WORDPRESS

Obviamente, iremos necessitar de descarregar a última versão do WordPress e instalá-la corretamente em nosso servidor de testes. Se instalou o XAMP e por ventura tiver dúvidas a instalar o WordPress localmente, siga estas instruções. Se estiver a usar o MAMP siga estas instruções.

CONTEÚDO DE TESTES

A sua instalação do WordPress irá necessitar de conteúdo para testes. No seu painel de administração, vá no menu Ferramentas > Importar e escolha a opção WordPress da listagem. Agora apenas iremos necessitar de informação em formato WXR.

Eis algumas opções do mercado:

• The Theme Development Checklist test data
• The Sandbox Dummy Content

Obviamente que estas opções de conteúdo de testes têm os seus prós e contras. Obviamente que quanto mais conteúdo você conseguir importar melhor. Dessa forma você garante que nenhuma das funcionalidades é esquecida. Se desejar, poderá também criar o seu próprio conteúdo de testes. Quando achar que está tudo OK, use a navegação por postagens para pesquisar através de cada um dos posts que acabou de importar/criar. Verifique também os arquivos mensais e anuais, bem como os arquivos de categoria. Se faltar alguma coisa, poderá sempre tentar adicionar.

UM EDITOR DE TEXTO

Você não necessita de nenhum software visualmente atrativo e com gráficos para criar um template WordPress. Você precisa apenas de um Editor de Texto. Mas como em tudo na vida, uns são melhores que os outros. Para Windows, você pode experimentar o Notepad++. É grátis e open-source. Para Mac, recomendo vivamente o Text Wrangler que é o editor que uso, embora oSmultron seja muito bom também. Se necessitar de um cliente de FTP de qualidade, tem à escolha entre o FileZilla e o Cyberduck.

FIREFOX

Obviamente, você pode usar qualquer browser para desenvolvimento web, mas aquele que recomendamos vivamente é sem dúvida o Firefox. Especial com dois plugins que tornam a sua vida bem mais fácil quando se pretende desenvolver templates WordPress. O plugin Web Developeradiciona uma toolbar que lhe oferece uma série de funcionalidades para inspeccionar e remover erros de código do seu template, desde desabilitar todos os estilos CSS à validação local do HTML. O plugin Firebug é também ele indispensável. Com o Firebug ligado você pode clicar em qualquer elemento da janela de seu browser e ver como ele se parece ao nível de código fonte e a forma como está sendo afectado pelo CSS.

HTML E CSS

Se você dominar relativamente bem ou pelo menos tiver conhecimentos de HTML e CSS, tanto melhor. Recomendo-lhe também a leitura deste tutorial para aprender HTML5. Embora o Tutorial não lhe ensine tudo aquilo que irá precisar, tanto a nível de HTML como de CSS, é sempre uma boa primeira abordagem

PHP

Relativamente ao PHP, é também ele importante no desenvolvimento de um template wordpress. No entanto iremos criando a nossa série de artigos de forma didática para que não tenha qualquer tipo de problema no desenvolvimento de seu template WordPress. Para conseguir realizar esta série de artigos com eficiência, você apenas necessita do básico do PHP, embora estejamos cá para ajudá-lo em tudo o que for necessário.

ESTÁ PREPARADO PARA COMEÇAR?