You are on page 1of 9

Como criar templates wordpress Parte 03 | Escola Sites

1 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

(http://www.escolasites.com)

Receba
GRTIS
Por Jair Rebello (http://www.escolasites.com/author/admin/) | Publicado em 17 de
outubro de 2013 | 26 Comentrios

RECEBER E-BOOKS GRTIS


(http://www.escolasites.com/curso-

Google Plus
criacao-templates-wordpress/)
Esse artigo parte do Curso de criao de templates wordpress
(http://www.escolasites.com/curso-criacao-templates-wordpress/), caso ainda no
esteja inscrito, por favor confirme sua assinatura agora mesmo, grtis
(http://www.escolasites.com/curso-criacao-templates-wordpress/). Depois de instalar
o WampServer em nosso computador para usar para realizar testes, vamos aprender
a instalar o WordPress em nossas mquinas para enfim conseguir iniciar o
desenvolvimento do template em si. Peo compreenso dos leitores com mais
conhecimentos na plataforma, toda essa introduo que estamos fazendo visa o
melhor desenvolvimento do curso, j que ensinando a realizar estes passos, no
precisaremos retomar o assunto no meio do curso para ensinar aqueles leitores
menos avanados. Vamos em frente.

Curtir
(http://www.facebook.com
/EscolaOficial)

Instalar o WordPress localmente


Depois de instalar devidamente o Wamp e iniciar o servio, como mostrado na figura
abaixo, hora de iniciar a instalao do WordPress. Vale lembrar que alguns
aplicativos podem estar utilizando a mesma porta que o Wamp ir utilizar por padro
que a porta 80, um dos aplicativos que podem ocupar esta porta o Skype, para
resolver o problema basta finalizar o aplicativo e clicar em Restart All Services,
depois voc pode iniciar o Skype normalmente.

22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

2 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

Escola PHP
Curtir
3.556 pessoas curtiram Escola PHP.

Criao do banco de dados para o WordPress


Plug-in social do Facebook

Parceiros

Para que criar o banco de dados para a utilizao do WordPress, voc deve acessar
o PHPMyAdmin, que um gerenciador de banco de dados que j vem integrado ao
Wamp, v at o cone do Wamp na barra do Windows, clique e depois selecione a
opo PHPMyAdmin, ir abrir uma aba de seu navegador, solicitando login e senha do
MySQL, por padro o login root e a senha deixe em branco, como mostrado na tela
abaixo:

Blogando com
Facilidade
(http://www.blogandocomfacilidade.com/)
Dinheiro Mais
(http://dinheiromais.com.br/)
Design Effects
(http://www.designereffects.com.br/)
Como Blogar
(http://www.comoblogar.com)
Mundo Blogger
(http://www.mundoblogger.com.br/)
Blog na Carteira
(http://www.blognacarteira.com)
Ajuda Blogueiros
(http://www.ajudablogueiros.com.br)

Depois de realizar o login, clique na opo Banco de Dados, em seguida coloque o


nome do novo banco de dados na caixa de texto, assegure-se de escolher um nome
para o banco de dados o qual lembre, pois precisaremos desta informao quando
formos instalar o WordPress. Clique em Criar.

Download e instalao do WordPress


Agora iremos realizar o download do WordPress e a sua instalao. Para baixar v
at o site oficial do WordPress (http://br.wordpress.org/ (http://br.wordpress.org/)),
depois de realizar o download, extraia os arquivos e mova para a
22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

3 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

pasta C: > wamp > www, por padro, todos os arquivos vo estar dentro de uma
pasta chamada wordpress, o que voc pode alterar se for necessrio.
Abra seu navegador no endereo (http://localhost/nomedapasta) e a seguinte tela
ser mostrada:

Mais uma tela ser mostrada, demonstrando algumas informaes a respeito das
configuraes do WordPress, clique no boto Vamos l.
Agora hora de colocar as informaes relativas ao banco de dados que acabamos
de criar, ser mostrada uma semelhante ao que ser mostrada a seguir, preencha os
dados da mesma forma, o padro para servidores locais.

Depois desta tela, clique em Instalar, um boto que ir aparecer se todas as


informaes relativas ao banco de dados estiverem OK. Na tela seguinte voc far a
configurao do seu novo site WordPress, preencha os dados como nome do blog,
login, senha. Escolha estes dados de forma que no esquea de seu login e senha,
eles sero necessrios para que possamos administrar o WordPress.
Agora, basta realizar o login e correr para o abrao, seu WordPress est instalado em
sua mquina. Depois de trs artigos temos nosso ambiente de testes totalmente
configurado e podemos comear o desenvolvimento em si. Aproveite para baixar um
dos bons editores de texto que indicamos no primeiro artigo da srie
(http://www.escolasites.com/criar-templates-wordpress-01/) para que voc esteja
preparado para o prximo artigo em que vamos iniciar o desenvolvimento
propriamente dito, vamos criar nosso arquivo de CSS principal e a pgina principal do
template.

Comente, o curso seu


22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

4 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

No deixe de deixar seu comentrio, seja com opinies sobre os artigos j


publicados, seja com dvidas e sugestes para a continuidade da srie, esperamos
que esta srie esteja da forma que voc espera.
No deixe de compartilhar estes artigos da srie e convidar seus amigos para o
curso. Artigos indicando o curso em seus blogs tambm so bem vindos.
At j.
Compartilhe
isso:

Curtir

Tweet

(http://www.escolasites.com/criar-templates-wordpress-03/?share=email&nb=1)
3

Jair Rebello (http://www.escolasites.com


/author/admin/)
(https://plus.google.com
(http://jair.rebello)
(http://jairrebello)
/112855997073704390467?rel=author)
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.

Publicado em wordpress (http://www.escolasites.com/wordpress/)

26 Comentrios para "Como criar templates


wordpress Parte 03"
Alex Sandro em 17 de outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41152) 11:25

Ol Jair , parabns pela sua dedicaao! olha segui conforme voc postou , mas
quando crio o banco de dados e mando enviar d essa mensagem aqui: No foi
possvel selecionar o banco de dados .
Responder
Jair Rebello (http://www.escolasites.com) em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41158) 17:04

Alex, isso acontece quando voc cria o banco de dados no PHPMyAdmin?


Responder
Alex Sandro em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/commentpage-1/#comment-41164) 17:17

Sm , fiz exatamente seguindo o que voc passou !


Responder
Jair Rebello (http://www.escolasites.com) em 18 de
outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41171)
11:34

Alex, isso bem estranho. Mande um email para


jair.rebello@gmail.com (mailto:jair.rebello@gmail.com) com um

22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

5 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

print do erro.
Responder

Marcelo Cardoso em 17 de outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41153) 12:03

Ol Jair venho mais uma vez lhe dar os parabns, pelas aulas bem explicada
passo a passo esta dando tudo certo Valeu mesmo Abraos
Responder
Jair Rebello (http://www.escolasites.com) em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41159) 17:05

Marcelo, que bom que est ocorrendo tudo bem at agora.


Abraos.
Responder

Marcelo Cardoso em 17 de outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41154) 12:28

Ol Jair com esse curso posso criar outro Sites ou Blogs, com os programas
que tenho instalado no meu PC. Obrigado
Responder
Jair Rebello (http://www.escolasites.com) em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41160) 17:05

Marcelo, pode sim.


Responder

Flavio (http://novinhagostosa.com.br/) em 17 de outubro de 2013 as


(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1/#comment41155) 13:20

O meu acontece igual ao caso do Alex Sandro No foi possvel selecionar o banco de
dados , parabns pelo curso eu estou aprendendo muito ,obrigado .
Responder
Jair Rebello (http://www.escolasites.com) em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41161) 17:06

Flavio, isso acontece quando voc cria o banco de dados no PHPMyAdmin?


Responder
Flavio (http://novinhagostosa.com.br/) em 18 de outubro de
2013 as (http://www.escolasites.com/criar-templates-wordpress03/comment-page-1/#comment-41170) 10:36

Sim Jair !
Responder
Jair Rebello (http://www.escolasites.com) em 18 de
outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41172)

22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

6 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

11:35

Manda um print para jair.rebello@gmail.com


(mailto:jair.rebello@gmail.com)
Responder

Cris Henriques (http://oqueomeucoracaodiz.blogspot.com) em 17 de outubro


de 2013 as (http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41156) 14:39

Ol Jair,
Estava tudo a correr bem, mas na configurao para o wordpress da erro.
Fiz como mostrava a imagem aqui da aula. Tentei trs vezes sem sucesso. Ento tentei
fazer o seguinte:
Servidor do banco de dados: (o nome do banco de dados que criei), novamente deu
erro. Ento deixei no Servidor do banco de dados: localhost e no Nome de usurio,
coloquei o nome do meu banco de dados criado. Voltou a dar erro
No erro diz o seguinte:
No foi possvel selecionar o banco de dados
Foi possvel conectar o servidor de banco de dados (o que significa que os seus nome
de usurio e senha esto ok), mas no foi possvel selecionar o banco de dados
wordpress.
Tem certeza que este banco de dados existe?
O usurio root possui permisso para usar o banco de dados wordpress?
Em alguns sistemas o nome do seu banco de dados possui como prefixo o seu nome
de usurio, portanto ele seria algo como username_wordpress. Pode ser este o
problema?
Se voc no sabe como configurar seu banco de dados voc deveria contatar o seu
servidor. Se nada der certo, voc pode encontrar ajuda nos Fruns de Suporte do
WordPress.
Boto: Tente Novamente
Como resolver?
Quanto aos editores escolhi o sublimetext. para instalar j?
Obrigada.
Parabns pelas aulas.
Abraos,
Cris Henriques
Responder
Jair Rebello (http://www.escolasites.com) em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41162) 17:10

Cris, pode instalar sim o sublimetext. Quanto ao erro, vamos l. Voc criou um
banco de dados no PHPMyAdmin, voc deve colocar o mesmo nome na
configurao do WordPress. no usurio voc deve colocar root e na senha
deixar vazia, o endereo do host localhost mesmo.
Abraos.

22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

7 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

Responder

Orozimbo Rosa em 17 de outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41157) 14:45

Ol Jair, parabns pela iniciativa.


Tal como relatado, tambm no estou conseguindo finalizar o processo, pois na criao
do banco e dados vem a mensagem (j citada). Utilizo o Wamp Server. Li algo sobre
haver alguma incompatibilidade sobre a instalao em processadores 64bits (meu caso)
no Windows 8. Confirma este fato?
Abraos!
Responder
Jair Rebello (http://www.escolasites.com) em 17 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41163) 17:12

Orozimbo, no conheo esse detalhe de problema no windows 8. Qual o


problema que voc esta tendo de fato?
Responder

Marcelo Cardoso em 17 de outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41166) 18:01

Ol Jair tudo bem, tinha o Skype no meu pc, e desinstalei ele para no dar
conflito, mas quero instalar de novo tenho que mudar a porta do meu programa que
instalei atravs do curso vi algumas informaes na Internet para mudar a porta de
entrada para no dar conflito. o que vc me recomenda e como fazer. Obrigado
Responder
Jair Rebello (http://www.escolasites.com) em 18 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41173) 11:38

Marcelo, no havia necessidade de desinstalar o Skype. Voc s precisa


fech-lo antes de iniciar o wamp e depois pode inici-lo normalmente, voc
pode tambm mudar a porta de funcionamento do wamp, mas isso um pouco
complicado pra voc que t comeando.
Abraos.
Responder

Jos Hilario em 17 de outubro de 2013 as (http://www.escolasites.com/criartemplates-wordpress-03/comment-page-1/#comment-41167) 19:27

No entendi o que devo digitar no nomedapasta, qual pasta? (http://localhost


/nomedapasta (http://localhost/nomedapasta)), e quando baixei o wamp foi me
solicitado que devia ter no pc o visualv++2010 sp1 redistributable package x 86 ou x 64,
onde encontro isto?
Responder
Jair Rebello (http://www.escolasites.com) em 18 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41174) 11:41

Jos, deixe como padro, nomedapasta sendo wordpress. Antes de fazer o


download do Wamp voc recebeu uma mensagem informando que devia instalar
este pacote. Agora procure na internet que voc encontrar na pgina da

22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

8 de 9

http://www.escolasites.com/criar-templates-wordpress-03/

microsoft.
Abraos.
Responder

Edvaldo (http://www.edsolique.com) em 17 de outubro de 2013 as


(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1/#comment41169) 22:24

O Jair j a terceira aula? No seria a segunda?


Responder
Jair Rebello (http://www.escolasites.com) em 18 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41175) 11:43

Edvaldo, essa a segunda aula de fato, mas tivemos uma primeira que foi a
apresentao do curso.
Abraos.
Responder

Denis Roger Soeltl (http://www.escolasites.com/) em 18 de outubro de 2013 as


(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1/#comment41180) 18:40

Muito bom Jair, obtive exito em todos os passos at aqui, estou esperando
ansiosamente pela prxima aula, meus parabns pelo trabalho,
um grande abrao
Responder
Jair Rebello (http://www.escolasites.com) em 20 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41183) 14:17

Denis, que bom que conseguiu seguir tudo at ento. Parabns.


Abraos.
Responder

Dario em 19 de outubro de 2013 as (http://www.escolasites.com/criar-templateswordpress-03/comment-page-1/#comment-41181) 11:02

Estou muito contente apesar de minha falta de conhecimento ,ate aqui consegui
acompanhar todos os passos. Muito obrigado e parabns pela iniciativa!!!
Responder
Jair Rebello (http://www.escolasites.com) em 20 de outubro de 2013 as
(http://www.escolasites.com/criar-templates-wordpress-03/comment-page-1
/#comment-41184) 14:18

Dario, fico feliz que esteja conseguindo acompanhar.


Abraos.
Responder

Deixe uma resposta


22/10/2013 09:55

Como criar templates wordpress Parte 03 | Escola Sites

9 de 9

Nossos
Servios

Artigos
populares

Criao de templates
wordpress
(http://www.escolasites.com
/services/criacaode-templates-wordpress/)

UOL Host Nunca


contrate!
(http://escolasites.com
/uol-host-nunca-contrate/)

4 Geradores de paletas
HTML & CSS Encoding
de cores
(http://www.escolasites.com (http://escolasites.com
/services/html/4-geradores-de-paletacss-encoding/)
de-cor/)
Criao de Logotipos
(http://www.escolasites.com
/services/criacaologotipos/)

As 5 melhores
ferramentas para testar a
velocidade do site
(http://escolasites.com
/as-5-melhoresCriao de sites e
ferramentas-testarwebdesign
(http://www.escolasites.com velocidade-site/)
/services/criacao-sitesHostiger Hospedagem
webdesign/)
gratuita de qualidade
(http://escolasites.com
Hospedagem de Sites
(http://www.escolasites.com /hostinger-hospedagemgratuita-de-qualidade/)
/services/hospedagem-

http://www.escolasites.com/criar-templates-wordpress-03/

E-books grtis Contato


Ebook: 10 solues para
Email:
criao de sites grtis
contato@escolasites.com
(http://www.escolasites.com
/e-books/10-solucoespara-criacao-de-sitesgratis/)
(https://www.facebook.com
Ebook: A importncia dos
feeds e feedburner para
um blog
(http://www.escolasites.com
/e-books/ebooka-importancia-dos-feedse-feedburner-para-umblog/)

/escolaOficial)
(https://twitter.com
/escolasites)
(https://plus.google.com
/u/0/b
/108055865950288262549
/108055865950288262549
/posts)
(mailto:contato@escolasites.com

sites/)

Como comear a ganhar


dinheiro com o Hotmart
Criao de Sistemas sob
(http://escolasites.com
medida
(http://www.escolasites.com /como-comecar-a-ganhardinheiro-com-hotmart/)
/services/criacaosistemas-medida/)
(mailto:contato@escolasites.com)
2013 (mailto:contato@escolasites.com)Escola Sites (http://www.escolasites.com) - Todos os direitos reservados

22/10/2013 09:55