Como criar templates wordpress – Parte 01escolasites.com /criar- templates-wordpress-01/

Jair Rebello

Ano passado iniciamos um projeto que pretendia ensinarnossos leitores a criar templates wordpress, acabamos pornão completar o nosso objetivo por inúmeros contratemposmas podemos perceber que a receptividade foi ótima eestamos agora retomando o projeto. A partir de hoje(10/10/2013) iremos ensinar pessoas a como criartemplates wordpress. Nesta série você vai ter um passo apasso de como realizar a criação de templates para aplataforma de gerenciamento de conteúdo mais utilizada emtodo o mundo que é o wordpress. Aqui você poderá analisar eimplementar todas as fases de construção de um templatewordpress.

Os templates wordpress são uma fonte de renda para muitaspessoas, inclusive esse que vos fala (digita). Já criei dezenasde templates wordpress e algumas pessoas como eu ganhama vida criando templates para esta plataforma. Muitaspessoas me procuram para saber como editar ou mesmo criar um template e resolvi criar esta série com artigosseparados e que ao final da série lhe darão o conhecimento necessário para criar ou mesmo editar um templateWordPress.

Caso não queira perder nenhum artigo e queira receber dicas e novidades exclusivas sobre criação de templateswordpress sugiro que coloque seu e-mail abaixo, para que eu lhe mande as informações em primeira mão.

Coloque seu melhor e-mail aqui:

O que irei aprender nesta série sobre criação de templates wordpress?

Estrutura HTML válida e lógica que pode ser usada em qualquer template ou mesmo site;

Principais funções wordpress para a criação de templates;

Estilização de comentários;

Áreas para widgets;

Menus personalizados;

Otimização para os mecanismos de buscas;

CSS necessário para que o template fique otimamente apresentado;

Outros aspectos relevantes na criação de templates wordpress.

No final do artigo você será capaz de criar um template wordpress do zero para o seu blog com os principaisrecursos ou mesmo editar aquele template que você gosta mas que não combina muito com seu público alvo,vamos em frente que a caminhada é um pouco longa.

Ferramentas necessárias para o desenvolvimento de templates wordpress

Antes de iniciar qualquer desenvolvimento, precisamos de algumas ferramentas, no caso de templates wordpressvocê não precisará de muitas coisas e todas elas você poderá encontrar de forma gratuita pela internet, entendaque sem qualquer uma destas ferramentas o processo de desenvolvimento não será possível então vamos aelas.

Servidor de testes (WAMP, XAMPP, MAMP, LAMPP)

Realizar o desenvolvimento de um template wordpress diretamente em um servidor de internet é complicado poisfaz com que o desenvolvedor edite os arquivos e precise sempre enviar via FTP para o servidor para então testaras mudanças realizadas. Muito melhor seria conseguir editar os arquivos e poder testar instantaneamente emnosso computador. Para isso basta instalar 3 aplicativos são eles: Apache, Mysql e o PHP.

O Apache é um servidor de aplicação, com ele temos um aplicativo “escutando” portas HTTP e fazendo com queas páginas web sejam enviadas para o navegador do usuário para que sejam exibidas. O Mysql é um servidorde banco de dados e irá guardar todas as informações de nosso blog, como artigos, páginas, opções de tema emuito mais, não há como ter um blog em WordPress sem uma base de dados. O PHP é a linguagem que owordpress utiliza e precisamos de um interpretador, para que ele transforme o que iremos programar para umalinguagem HTML, a linguagem que os nossos navegadores entendem.

Instalar estes softwares separadamente e configura- los para que funcionem corretamente é complicado, pelomenos para quem está começando. Sorte nossa é que criaram aplicativos que são pacotes com os trêsaplicativos totalmente configurados, basta clicar em um botão instalar e tudo estará funcionando. Para o windowsconsidero o WAMP (http://www.wampserver.com/en/) e o XAMPP como os melhores e suas variações paralinux(LAMPP) e Mac(MAMP).

WordPress

Precisaremos do WordPress para que possamos testar na prática o que estamos fazendo, basta ir ao site oficialdo wordpress e realizar o download da última versão disponível (http://br.wordpress.org/).

Conteúdos de testes

Para que possamos navegar entre artigos, páginas, categorias, ver comentários e outras funções do wordpressprecisamos ter conteúdo. Você pode criar este conteúdo, criando artigos fictícios ou pode importar uma base já

pronta, das muitas que existem disponíveis na internet.

Um que pode ser utilizado é este: (http://churchcrunch.com/wp-content/uploads/2008/12/churchcrunch_wordpress_dummy_data.z ip)

Um bom editor de texto

Geramente quando estamos iniciando no desenvolvimento web, estamos propensos a escolher ferramentas maisrobustas e que facilitam a vida do programador em alguns aspectos, um exemplo de ferramenta assim é oDreamweaver. As facilidades apresentadas podem ser prejudicial e o desenvolvedor iniciante acaba criandocódigos automáticos que nem sabe bem como funcionam. Recomendo sempre a utilização de um editor de textosimples apenas com marcação de sintaxe, o NotePad++ e o Sublime Text(http://www.sublimetext.com/) sãoexemplos de boas ferramentas para este fim, sendo que o que mais gosto certamente é o SublimeText.

Navegador Web

Precisamos de um navegador web para poder testar na prática o que estamos desenvolvendo. Procure escolhernavegadores que obedecem os padrões de desenvolvimento web moderno. Exemplos destes são o Chrome,Mozz ila Firefox, IE10 e o Opera. Nada de usar versões antigas do Internet Explorer, isso só lhe trará problemas.

HTML E CSS

Você deve estar preocupado se não possui conhecimentos avançados em HTML ou CSS. Certamente umconhecimento prévio irá lhe ajudar bastante no processo de desenvolvimento mas não é um requisito. Faça umesforço para pesquisar sobre estes assuntos para ter uma base se não possuir muitos conhecimentos mas não sepreocupe tentaremos expor os assuntos de forma bem didática.

PHP

Semelhantemente a HTML e CSS, seria ótimo se você já possuisse conhecimentos sólidos sobre a linguagemmas não se preocupe iremos expor o PHP de forma suave e você pode ir aprendendo conforme o curso avança.

E aí vamos começar?

Este primeiro artigo possui o intuito de apresentar o curso como um todo. No próximo artigo já iremos por a mãona massa e começar a instalar as ferramentas e então começar a criar nosso template wordpress, espero te verem todos os artigos. Se você já possui uma dúvida sobre o curso e gostaria de sanar por favor, deixe seucomentário abaixo. Se possui algum assunto que não podemos deixar de mencionar também deixe noscomentários.

Não esqueça de se increver para receber os artigos do curso em primeira mão:

Coloque seu melhor e-mail aqui:

Comente, o curso é seu.

Jair Rebello

Editor- chefe do Escola Sites. Analista de Sistemas, empreendedor e blogueiro que dedica parte deseu tempo para a partilha de material de grande qualidade relacionados a Wordpress, SEO,Tableless, JQuery, PHP e outras tecnologias Web.