Como criar templates wordpress Parte 01

escolasites.com /criar-templates-wordpress-01/
Jair Rebello
Ano passado iniciamos um projeto que pretendia ensinar
nossos leitores a criar templates wordpress, acabamos por
no completar o nosso objetivo por inmeros contratempos
mas podemos perceber que a receptividade foi tima e
estamos agora retomando o projeto. A partir de hoje
(10/10/2013) iremos ensinar pessoas a como criar
t emplat es wordpress. Nesta srie voc vai ter um passo a
passo de como realiz ar a criao de templates para a
plataforma de gerenciamento de contedo mais utiliz ada em
todo o mundo que o wordpress. Aqui voc poder analisar e
implementar todas as fases de construo de um t emplat e
wordpress.
Os templates wordpress so uma fonte de renda para muitas
pessoas, inclusive esse que vos fala (digita). J criei dez enas
de templates wordpress e algumas pessoas como eu ganham
a vida criando templates para esta plataforma. Muitas
pessoas me procuram para saber como editar ou mesmo criar um template e resolvi criar esta srie com artigos
separados e que ao final da srie lhe daro o conhecimento necessrio para criar ou mesmo editar um template
WordPress.
Caso no queira perder nenhum artigo e queira receber dicas e novidades exclusivas sobre criao de templates
wordpress sugiro que coloque seu e- mail abaixo, para que eu lhe mande as informaes em primeira mo.
Coloque seu melhor e- mail aqui:

O que irei aprender nest a srie sobre criao de t emplat es wordpress?

Estrutura HTML vlida e lgica que pode ser usada em qualquer template ou mesmo site;
Principais funes wordpress para a criao de templates;
Estiliz ao de comentrios;
reas para widgets;
Menus personaliz ados;
Otimiz ao para os mecanismos de buscas;
CSS necessrio para que o template fique otimamente apresentado;
Outros aspectos relevantes na criao de templates wordpress.
No final do artigo voc ser capaz de criar um template wordpress do z ero para o seu blog com os principais
recursos ou mesmo editar aquele template que voc gosta mas que no combina muito com seu pblico alvo,
vamos em frente que a caminhada um pouco longa.

Ferrament as necessrias para o desenvolviment o de t emplat es wordpress

Antes de iniciar qualquer desenvolvimento, precisamos de algumas ferramentas, no caso de templates wordpress
voc no precisar de muitas coisas e todas elas voc poder encontrar de forma gratuita pela internet, entenda
que sem qualquer uma destas ferramentas o processo de desenvolvimento no ser possvel ento vamos a
elas.

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

Realiz ar o desenvolvimento de um template wordpress diretamente em um servidor de internet complicado pois
faz com que o desenvolvedor edite os arquivos e precise sempre enviar via FTP para o servidor para ento testar
as mudanas realiz adas. Muito melhor seria conseguir editar os arquivos e poder testar instantaneamente em
nosso computador. Para isso basta instalar 3 aplicativos so eles: Apache, Mysql e o PHP.
O Apache um servidor de aplicao, com ele temos um aplicativo escutando portas HTTP e faz endo com que
as pginas web sejam enviadas para o navegador do usurio para que sejam exibidas. O Mysql um servidor
de banco de dados e ir guardar todas as informaes de nosso blog, como artigos, pginas, opes de tema e
muito mais, no h como ter um blog em WordPress sem uma base de dados. O PHP a linguagem que o
wordpress utiliz a e precisamos de um interpretador, para que ele transforme o que iremos programar para uma
linguagem HTML, a linguagem que os nossos navegadores entendem.
Instalar estes softwares separadamente e configura- los para que funcionem corretamente complicado, pelo
menos para quem est comeando. Sorte nossa que criaram aplicativos que so pacotes com os trs
aplicativos totalmente configurados, basta clicar em um boto instalar e tudo estar funcionando. Para o windows
considero o WAMP (http://www.wampserver.com/en/) e o XAMPP como os melhores e suas variaes para
linux(LAMPP) e Mac(MAMP).

WordPress
Precisaremos do WordPress para que possamos testar na prtica o que estamos faz endo, basta ir ao site oficial
do wordpress e realiz ar o download da ltima verso disponvel (http://br.wordpress.org/).

Contedos de testes
Para que possamos navegar entre artigos, pginas, categorias, ver comentrios e outras funes do wordpress
precisamos ter contedo. Voc pode criar este contedo, criando artigos fictcios ou pode importar uma base j

pronta, das muitas que existem disponveis na internet.

Um que pode ser utiliz ado este: (http://churchcrunch.com/wpcontent/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 mais
robustas e que facilitam a vida do programador em alguns aspectos, um exemplo de ferramenta assim o
Dreamweaver. As facilidades apresentadas podem ser prejudicial e o desenvolvedor iniciante acaba criando
cdigos automticos que nem sabe bem como funcionam. Recomendo sempre a utiliz ao de um editor de texto
simples apenas com marcao de sintaxe, o NotePad++ e o Sublime Text(http://www.sublimetext.com/) so
exemplos 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 prtica o que estamos desenvolvendo. Procure escolher
navegadores que obedecem os padres de desenvolvimento web moderno. Exemplos destes so o Chrome,
Moz z ila Firefox, IE10 e o Opera. Nada de usar verses antigas do Internet Explorer, isso s lhe trar problemas.

HTML E CSS
Voc deve estar preocupado se no possui conhecimentos avanados em HTML ou CSS. Certamente um
conhecimento prvio ir lhe ajudar bastante no processo de desenvolvimento mas no um requisito. Faa um
esforo para pesquisar sobre estes assuntos para ter uma base se no possuir muitos conhecimentos mas no se
preocupe tentaremos expor os assuntos de forma bem didtica.

PHP
Semelhantemente a HTML e CSS, seria timo se voc j possuisse conhecimentos slidos sobre a linguagem
mas no se preocupe iremos expor o PHP de forma suave e voc pode ir aprendendo conforme o curso avana.

E a vamos comear?
Este primeiro artigo possui o intuito de apresentar o curso como um todo. No prximo artigo j iremos por a mo
na massa e comear a instalar as ferramentas e ento comear a criar nosso template wordpress, espero te ver
em todos os artigos. Se voc j possui uma dvida sobre o curso e gostaria de sanar por favor, deixe seu
comentrio abaixo. Se possui algum assunto que no podemos deixar de mencionar tambm deixe nos
comentrios.

No esquea de se increver para receber os artigos do curso em primeira mo:

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 de
seu tempo para a partilha de material de grande qualidade relacionados a Wordpress, SEO,
Tableless, JQuery, PHP e outras tecnologias Web.