Wordpress

Wordpress

Todos os direitos reservados para Alfamdia Prow.

AVISO DE RESPONSABILIDADE
As informaes contidas neste material de treinamento so distribudas NO
ESTADO EM QUE SE ENCONTRAM, sem qualquer garantia, expressa ou
implcita. Embora todas as precaues tenham sido tomadas na preparao deste
material, a Alfamdia Prow no tem qualquer responsabilidade sobre qualquer
pessoa ou entidade com respeito responsabilidade, perda ou danos causados,
ou alegadamente causados, direta ou indiretamente, pelas instrues contidas
neste material ou pelo software de computador e produtos de hardware aqui
descritos.

10/2011 Verso 1.0

Alfamdia Prow
http://www.alfamidia.com.br

2011 Alfamdia Prow.

Wordpress

Sumrio

UNIDADE 1: INTRODUO ............................................................................................. 4

UNIDADE 2 : INSTALAO .............................................................................................. 6
UNIDADE 3 : PAINEL ADMINISTRATIVO ......................................................................... 9
UNIDADE 4 : CRIANDO CATEGORIAS .......................................................................... 11
UNIDADE 5: CRIANDO POST ........................................................................................ 12
UNIDADE 6: CRIANDO PGINAS .................................................................................. 14
UNIDADE 7 : INSTALANDO PLUGINS ........................................................................... 16
UNIDADE 8 : ALTERANDO O TEMA .............................................................................. 17
UNIDADE 9: USANDO WIDGETS .................................................................................. 18

2011

Alfamdia Prow.

Wordpress

Unidade 1
Introduo
Uso de CMS
Um Sistema de Gesto de Contedo - SGC, (em ingls Content
Management Systems - CMS), um sistema gestor de contedo para
websites, portais e intranets, que integra ferramentas necessrias para
criar, editar e inserir contedos em tempo real, sem a necessidade de
programao de cdigo, cujo objetivo estruturar e facilitar a criao,
administrao, distribuio, publicao e disponibilidade da informao. A
sua maior caracterstica a grande quantidade de funes presentes.
Podemos dizer que um CMS um framework, um esqueleto de
web site pr-programado, com recursos bsicos e de manuteno e
administrao j prontamente disponvel.
O Wordpress um exemplo de CMS, utilizado para criao de
websites dinmica, com possibilidade de insero de componentes das
mais variadas funes, quase sempre gratuito.
Em relao s tecnologias envolvidas, o Wordpress um projeto de
cdigo aberto (Licena GNU/GPL), que por usa vez utiliza a linguagem de
programao PHP e banco de dados MySQL. Veremos mais sobre esses
assuntos durante o curso.
A grande necessidade de um webdesigner atender uma demanda
crescente na rea: Dinamismo para website. Quando necessrio, o
webdesigner deve buscar as parcerias necessrias para dinamizar o site
com programadores, porm, muitas vezes o custo do projeto devido a esta
mo-de-obra extrapola e fica invivel para o cliente.
A soluo usar um framework de gesto de contedo, e o
Wordpress destaca-se por ser para aqueles que no conhecem
programao, um dos mais fceis de aprender. Alm do webdesigner,
muitos programadores preferem utilizar os frameworks, pois no existe a
necessidade de criar algo que j foi criado. Muitas vezes estes
programadores acabam criando novos plugins para o Wordpress para
atender uma necessidade de um cliente, e este mdulo passa a fazer
parte de outros projetos mundo a fora.

2011

Alfamdia Prow.

Wordpress

Veja o quadro comparativo a um projeto de um website dinmico:

Sistema tradicional

Wordpress

Profissional de programao

Necessrio

No necessrio

Tempo de implementao

Mdio/Alto

Baixo/Mdio

Profissionais envolvidos

Webdesigner
Webdeveloper

e Apenas um

Olhando o quadro acima, fica claro que o custo do projeto para uma
programao tradicional aumentar, pois ter mais mo-de-obra
especializada. No devemos desmerecer este custo, afinal, todo o
trabalho dispensado para construo de um sistema/web site merece ser
recompensado. Trata-se aqui de aprender a otimizar o tempo de trabalho
obtendo resultados to ou mais satisfatrios.
inegvel que alguns projetos necessitam realmente de
programao, pois se trata de um sistema muito especfico, porm, muitas
questes podem ser resolvidas localizando um plugin do Wordpress.
Para que seja possvel instalar o Wordpress, necessria a
contratao de um servio de hospedagem que d suporte a PHP e tenha
banco de dados MySQL. Em geral, os planos de hospedagem Linux
oferecem estes servios.
Existe ainda a possibilidade de contratao de plano de hospedagem
que contempla script de instalao do Wordpress, o mais famoso o
script chamado Fantstico, que muitos servidores oferecem em seus
planos de hospedagem. Estes scripts automatizam a instalao facilitando
o processo.
Independente de instalao via script ou manualmente, ainda
necessrio o conhecimento da ferramenta, pois a instalao gera um site
padro do Wordpress, sendo necessrio realizar configuraes para
customizar o projeto. Os provedores de hospedagem no costumam dar
suporte para o contedo do site, ou seja, no haver suporte para a
configurao do Wordpress, somente e quando muito, para a instalao.

2011

Alfamdia Prow.

Wordpress

Unidade 2
Instalao
Instalao via Script
Atravs do painel de controle da sua hospedagem (dependendo do
contrato) pode ser criado um Wordpress, j com configurao com Banco
de Dados pronto.

2011

Alfamdia Prow.

Wordpress

Instalao Manual
Para esse tipo de instalao necessrio baixar o pacote Wordpress
do site oficial: http://wordpress.org. Ou mesmo, http://br.wordpress.org,
com a traduo em portugus pronta. Esse arquivo baixado e
normalmente vem de forma zipada, bastando descompactar o arquivo.
Dentro dele viro alguns arquivos e trs pastas:
1) wp-admin: arquivos de administrao do site
2) wp-content: arquivos gerais do website
3) wp-includes: bibliotecas e classes
A instalao manual pode ser processada de duas maneiras, ou no
prprio computador atravs de um WAMP ou XAMP server, ou seja, sem
estar na internet, ou direto no servidor da hospedagem. Em ambas
ocasies a parte mais importante identificarmos as seguintes partes do
arquivo wp-config-sample.php:
define(DB_NAME, alterar_nome_do_banco);
define(DB_USER, alterar_usuario_mysql);
define(DB_PASSWORD, alterar_senha);
define(DB_HOST, alterar_hospedagem_do_banco);

Alterado, onde indicado, necessrio salvar o arquivo com o nome

wp-config.php.
Feito isto, basta acessar pelo browser a pasta /wp-admin.

2011

Alfamdia Prow.

Wordpress

Note que o prprio Wordpress tem um aviso referente necessidade

de configurao do Banco de Dados com o arquivo wp-config.php.

Para continuar a instalao basta concluir as informaes corretas do

diretrio onde foram includos os arquivos.

2011

Alfamdia Prow.

Wordpress

Unidade 3
Painel Administrativo
Administrando o site
Para acessar o painel necessrio digitar o diretrio:
www.dominio.com.br/wp-login.php, digitando o admin e senha criados.

Feito isto, o Wordpress encaminhado diretamente para o painel de

administrao, na pasta /wp-admin. O painel que veremos aqui da
verso Wordpress 3.2.1. Outras verses variam um pouco de layout.

2011

Alfamdia Prow.

Wordpress

1
5

1- Menu Principal possvel acessar todas as reas de

administrao
2- Instante ou Agora Uma viso instantnea e resumida do que
blog possui.
3- Quickpress possvel inserir postagens de forma rpida
4- Login Alteraes gerais de perfil e tela.
5- Informaes Complementares

10

2011

Alfamdia Prow.

Wordpress

Unidade 4
Criando Categorias
Organizao
As categorias no WP servem para organizar as postagens. De certa forma
utilizada para arquivar artigos publicados.

Para criar uma categoria necessrio criar um Nome outras

informaes como Slug, Pai e Descrio so optativos. Ao final basta
clicar em Adicionar Nova Categoria.
O Slug serve para a URL interpretar de melhor forma, caso no
preenchido, normalmente fica com o mesmo nome do Nome. O Pai
serve para caso a categoria a ser criada seja na verdade uma
subcategoria do item pai escolhido. A Descrio aparece em alguns
temas do WP.
As categorias criadas, assim como as subcategorias aparecero no
lado direito.

11

2011

Alfamdia Prow.

Wordpress

Unidade 5
Criando Post
Postagens
As postagens so caractersticas comuns em blogs. Nesse momento
voc vai se perguntar? Quero que meu site fique com cara de blog ou vou
querer um blog nesse formato. O WP permite atravs de algumas
configuraes, ambos formatos. Quando instalamos o WP comum estar
publicado uma postagem Ol Mundo e j com um comentrio.
Alm da possibilidade de criar uma postagem j na home do WP, na
seo de Posts existe o boto Adicionar Novo. Abaixo ficaro todas as
postagens criadas.

Para adicionar uma postagem necessrio digitar um ttulo para ela,

e logo abaixo escrever o texto. Note que possvel salvar como rascunho,
ou seja, sem que a publicao seja totalmente efetivada. No rascunho
existe a possibilidade de deixar para reviso. Ainda possvel escolher
que tipo de usurio poder visualizar, pblico geral ou quem estiver
logado, ainda podendo deixar protegido por senha, algo muito usado em
fruns, alm de poder selecionar a postagem para ficar na pgina inicial
do site.
Ainda possvel escolher se a postagem ser publicada
imediatamente ou se aparecer a partir de uma determinada data.
sempre necessrio escolher uma categoria para a postagem ficar
vinculada, podendo ser mais de uma categoria caso necessrio, bastando
preencher o checkbox.

12

2011

Alfamdia Prow.

Wordpress

13

2011

Alfamdia Prow.

Wordpress

Unidade 6
Criando Pginas
Paginando
As pginas so as extenses criadas a partir do painel de
administrao. No Wordpress comum a existncia da pgina de abertura
como index.php, embora possa ser substitudo por home.php.
J as pginas internas possuem alguma lgica em sua construo.
Quando criarmos um novo Post o prprio WP cria a paginao. Se
habilitados com os Ids normalmente ficar:
Tipo

Maneira usual

Exemplo

Pgina

?p={id}

?p=10

Categoria

?cat={id}

?cat=10

Se habilitados com os Slugs normalmente ficar:

Tipo

Maneira usual

Exemplo

Pgina

?p={slug}

?p=ola-mundo

Categoria

?cat={slug}

?cat=novidades

Tags

?tag={slug}

?cat=wordpress

Essas Slugs (Links Amigveis) utilizadas nas pginas j com links

o que torna o Wordpress uma excelente ferramenta para otimizao de
um website.

14

2011

Alfamdia Prow.

Wordpress

No WP tambm possvel criar pginas para que fique mais

parecido com um site do que com um blog. Podendo criar todas as
pginas necessrias para o website que ficaro arquivadas como
?page_id={id}.
Automaticamente as pginas iro aparecendo no menu principal do
site, sem que precise posicion-lo.

15

2011

Alfamdia Prow.

Wordpress

Unidade 7
Instalando Plugins
Acoplando elementos
O Wordpress possui alguns elementos bsicos j na sua base de
dados. Assim como em outros CMSs, no WP possvel instalarmos
diversos plugins para deixar o gerenciador mais completo conforme a
necessidade. Essa instalao ocorre a base de hooks (ganchos) que so
adicionados a programao principal. Assim como em outros CMSs o WP
de uso livre, o que deixa muitos desenvolvedores pelo mundo todo criar
plugins, alguns pagos e outros de forma gratuita. O lado bom que existe
uma infinidade de plugins na web, mas por outro lado, se mal programado
pode comprometer o uso do plugin, por esse motivo importante
pesquisar bastante e perceber as possibilidades do complemento.
Ao baixar um plugin, basta salv-lo no diretrio wp-content/plugins.
No painel de administrao necessrio ir at os plugins e ativ-lo.

Cada plugin ter um modo de funcionamento. Por isso necessrio

estudar seu funcionamento. Alguns simplesmente ao ativar j esto sendo
utilizados pelo WP e outros precisam ser posicionados a partir dos
Widgets. Ao baixar o plugin veja se compatvel com a verso do WP
instalado.

16

2011

Alfamdia Prow.

Wordpress

Unidade 8
Alterando o tema
Trabalhando com Html, CSS e Imagens
No Wordpress possvel criar temas ou alterar um existente. Para
facilitar, quando comeamos a aprender o Wordpress mais fcil tratar
um tema pronto. O modo de instalao do tema muito similar ao plugin,
s que deve-se passar os arquivos para a pasta wp-content/themes.
Feito isto bastar ir ao painel de administrao na parte de
Aparncia/Temas.

Se estiver tudo certo com os arquivos do tema, aparecer no painel

tema e devemos ativar o layout. Isto far com que o layout do site seja
alterado.
Para cada tema ter pastas representando contedo e formatao.
No contedo desenvolvemos e alteramos as tags, os ids e as classes, e o
estilo de cada um no arquivo css vinculado ao tema. Para tratamento e
alterao de imagens recomendvel o uso do Photoshop.

17

2011

Alfamdia Prow.

Wordpress

Unidade 9
Usando Widgets
Adicionar, remover e reordenar usando o
arrasta e solta
Os Widgets so elementos que podem ser adicionados ao
Wordpress. Algum como Calendrio, Nuvem de Tags e Pesquisar j vm
como padro. Outros plugins ao serem instalados podem aparecer no
painel de Widgets.

Para que um elemento aparea no site, basta selecionar, arrastar e

soltar na barra onde deseja inserir. Para cada layout existiro reas
especficas onde os widgets podem ser adicionados.

18

2011

Alfamdia Prow.

Wordpress

Em qualquer momento o elemento adicionado pode ser excludo.

Apenas no aparecendo mais no visual, porm continuando aparecendo
no administrador.

19

2011

Alfamdia Prow.