Apostila Wordpress 2.

Renan Yuri Lino

Sumrio
Definies ...........................................................................................................................3
O Sistema Wordpress ..........................................................................................................3
Contas de Usurios e Permisses .........................................................................................4

Permisses pr-definidas ................................................................................................. 5

Efetuando login................................................................................................................. 5

O Sistema de Aprovao de Comentrios e Postagens ................................................... 6

O Painel de Administrao ...................................................................................................7

Adicionando Postagens ........................................................................................................8

O Editor de Postagens ...................................................................................................... 8

Estilizao e Padronizao. .............................................................................................. 9

Comandos do editor ....................................................................................................... 10

A tag Mais.................................................................................................................... 11

Trabalhando com rascunhos .......................................................................................... 12

Organizao de Posts ......................................................................................................... 12

Categorias ....................................................................................................................... 13

Tags ................................................................................................................................. 13

Permalinks ...................................................................................................................... 14

Agendamento de Publicao.......................................................................................... 14

Adicionando Enquetes e Contedo Extra ............................................................................ 15

Enquetes ......................................................................................................................... 15

Imagens ........................................................................................................................... 16

Vdeos.............................................................................................................................. 17

Msica ............................................................................................................................. 18

Upload Interno................................................................................................................ 18

Bibliografia ........................................................................................................................ 19

Pgina 2

Apostila Wordpress 2.8

Definies

Blog - Um blog (contrao do termo "Web log") um site cuja estrutura permite a
atualizao rpida a partir de acrscimos dos chamados artigos, ou "posts". Estes so, em
geral, organizados de forma cronolgica inversa, costumam abordar a temtica do blog e
podem ser escritos por um nmero varivel de pessoas, de acordo com a poltica do blog.
Post/Postagem/Artigo - refere-se a uma entrada de texto efetuada num weblog/blog.
As postagens so organizadas tradicionalmente de forma cronologicamente inversa na pgina,
de forma que as informaes mais atualizadas aparecem primeiro, ou colocada ao contrrio, a
postagem mais antiga aparece em primeiro, sendo opo do blogueiro.
RSS - A tecnologia do RSS permite aos usurios da internet se inscrever em sites que
fornecem "feeds" RSS. Estes so tipicamente sites que mudam ou atualizam o seu contedo
regularmente. Para isso, so utilizados Feeds RSS que recebem estas atualizaes, desta
maneira o utilizador pode permanecer informado de diversas atualizaes em diversos sites
sem precisar visit-los um a um.

O Sistema Wordpress
O Wordpress uma plataforma semntica de vanguarda para publicao pessoal, com
foco na esttica, nos Padres Web e na usabilidade. Ao mesmo tempo um software livre e
gratuito. Em outras palavras, o Wordpress o que voc usa quando voc quer trabalhar e no
lutar com seu software de publicao de blogs.
O Wordpress o sistema que prov a interface de gerenciamento do blog, desde a
aparncia da pgina principal at o painel de gerenciamento. Sem ele, o trabalho de inserir
uma simples postagem no blog seria extremamente trabalhoso para o autor e para o
desenvolvedor web principalmente. Tal interface a mais simples entre as plataformas de
blog, o que justifica a sua escolha.
Resumindo, o Wordpress torna possvel que qualquer usurio publique contedo sem
necessidade de conhecimento tcnico.
Dentre as caractersticas desta plataforma, pode-se destacar:

Gerenciamento de usurios com hierarquia

Interface grfica completamente personalizvel
Possibilidade de adio de plugins para novas funcionalidades
Facilidade de utilizao do painel de gerenciamento para usurios leigos
Disponibilidade em Portugus-Brasil

Pgina 3

O painel de gerenciamento do Wordpress

Famoso pelo seu sistema de instalao em 5mim, o sistema gratuito e necessita

somente de uma hospedagem padro para seu funcionamento. O download do sistema bsico
em Portugus-Brasil pode ser feito em http://br.wordpress.org/
A seguir, veremos em detalhe cada uma das funes desta poderosa plataforma de
blogs.

Contas de Usurios e Permisses

Uma das caractersticas que torna a plataforma Wordpress apta para utilizao no
projeto o sistema de contas de usurios e permisses em hierarquia.
Assim como no Windows, um administrador pode criar contas de usurios e atribuir
uma permisso para este. Veremos agora a escala hierrquica e as permisses que cada nvel
permite.

Administrador Tem acesso a todas as ferramentas de administrao e

configurao. Este usurio no tem restrio alguma.

Editor Pode publicar postagens, gerenciar suas e outras postagens, mas no

tm acesso as configuraes.

Autor Pode publicar suas postagens e gerenci-las.

Colaborador Pode escrever postagens e gerenci-las, mas depende de

aprovao para publicao.

Assinante Pode ler e escrever comentrios, receber atualizaes do blog via

email ou RSS e no depende de aprovao dos seus comentrios.

Usurio no registrado Pode comentar postagens, mas est sujeito a

aprovao.

Pgina 4

Permisses pr-definidas

Utilizando-se deste recurso, professores, alunos, coordenao e desenvolvimento

esto subdivididos em categorias pr-definidas:

Desenvolvimento: Administradores Responsveis pela aprovao

das postagens de alunos e professores, mediao dos comentrios, manuteno
da plataforma e gerenciamento geral.

Coordenao: Editores Aprovam comentrios de outros usurios,

mediando o contedo de postagens e comentrios.

Professores e alunos cadastrados: Colaboradores Escrevem

postagens, mas dependem de aprovao dos Administradores ou Coordenao.
Os professores podem autorizar o registro de alunos como colaboradores mediante
solicitao de liberao, sujeita a aprovao. Em casos excepcionais, registros sero
concedidos em carter temporrio de acordo com a necessidade.

Efetuando login

Para ter acesso ao Painel de Administrao, necessrio ter um login e uma senha
gerados por um administrador. Estes dados devem ser fornecidos no Painel de Login do blog,
que pode ser acessado pela barra lateral da pgina principal ou pelo link
http://www.etecmlk.com/blog/wp-admin

A barra lateral e o painel de login

Estrutura do login
Professores: prf_NOMEDOPROFESSOR
Alunos: aln_NOMEDOALUNO(turma)
Coordenao: dir_NOME

A senha ser gerada aleatoriamente e poder ser modificada no painel de usurios.

Pgina 5

Alterando a senha pelo painel de configuraes

O Sistema de Aprovao de Comentrios e Postagens

Como descrito no tpico Permisses pr-definidas, professores e alunos cadastrados

podem escrever artigos, mas dependem de aprovao dos Editores ou Administradores.
Esta medida foi tomada visando que o blog leva o nome da Instituio, e qualquer
informao inserida est sob responsabilidade da mesma.
A demanda de postagens pode ser grande a disponibilidade dos mediadores no total,
por isso, uma postagem tem o prazo de 2 dias para ser aprovada. Por isso, adicione o
contedo com a maior antecedncia possvel. Se h uma data definida para disponibilizao
utilize o Agendamento, que ser abordado mais a frente.

No sero aceitas postagens:

Com contedo imprprio;
Sem categoria definida;
Com erros que prejudiquem o layout ou configurao do blog.

Sero editadas automaticamente as postagens:

Com layout fora do padro definido;

Com categoria errada ou faltante, se for possvel identificar com clareza a

quem direcionado o contedo.

Com texto demasiadamente grande que no utilizarem a tag Mais...

Pgina 6

O Painel de Administrao

1.
2.
3.
4.
5.
6.

Quickpress Insere posts diretamente do Painel de Administrao.

Menu Principal Acesso a todas as reas do Painel de Administrao
Agora Estatsticas numricas do blog resumidas
Informaes complementares
Informaes de login
Menu Rpido
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

Painel Acesso a pgina principal

Posts Adicionar, moderar e editar posts
Mdia Upload e gerenciamento de contedo
Links Gerenciamento de links externos
Pginas Edita e cria pginas fixas do blog
Comentrios Edita e aprova comentrios
Polls (Enquetes) Cria e edita enquetes
Aparncia Modifica o a aparncia da interface
Plugins Funcionalidades extras
Usurios Gerencia contas de usurios
Ferramentas Ferramentas administrativas
Configuraes Configuraes administrativas

Pgina 7

Adicionando Postagens
Usurios registrados como Colaboradores podem adicionar contedo na forma de
postagens (vide Definies). Cada postagem, quando inserida por Colaboradores, depende de
aprovao de um Editor ou Administrador.

O Editor de Postagens

Para publicar posts utiliza-se um editor de texto da prpria

plataforma Wordpress. Sua aparncia lembra muito o Microsoft
Office Word, e usurios acostumados com este software no tero
problemas para editar e publicar artigos.
Para acessar o editor, no Menu Principal, Selecione Posts e
em seguida, Adicionar Novo.

O editor, em detalhe

Pgina 8

1.
2.
3.
4.
5.

Campo de Ttulo
Opes de Contedo Adicional
Opes bsicas de edio
Opes avanadas de edio (Ocultas por padro)
Campo de Contedo
Abordaremos logo mais algumas das funes dos botes.

Deve-se, primeiramente, inserir um ttulo ao artigo. importante que o ttulo esteja

relacionado ao contedo e que este seja inserido logo no incio da edio, j que o Wordpress
salva automaticamente um rascunho da pastagem em determinados perodos de tempo.
Em seguida, o contedo deve ser digitado no Campo de Contedo. Insere-se o texto e
este deve ser formatado com o auxlio das Opes Bsicas de Edio. No h limite de
caracteres para um artigo.
Para exibir a barra de opes Avanadas de Edio deve-se pressionar o boto
Mostrar/Ocultar opes avanadas, ou ainda utilizar o atalho Alt + Shift + Z do teclado.

O boto Mostrar/Ocultar opes avanadas

Nota: No editor, importante trabalhar com pargrafos. Define-se um pargrafo com a

tecla Enter do teclado somente. Um quebra de linha simples utiliza Shift + Enter.

Estilizao e Padronizao.

Agora que temos o texto digitado no Campo de Contedo, precisamos format-lo.

Abordaremos agora a estilizao padro dos artigos.

Ttulos: Negrito, Centralizado, Cores: padro, laranja (#ff6600) ou vermelho (#ff0000);

Subttulos: Negrito, Centralizado, Cores: padro;
Texto de corpo: Alinhado esquerda, Cores: padro.
Imagens: Evitar incorporar imagens com tamanho superior a 500 x 500. Se necessrio,
faa uma miniatura.

Nota: Se voc no pretende definir cores ao texto, no atribua cor preta! Utilize a
ferramenta Remover formatao da barra de opes avanadas.

Nota: Sinta-se livre para criar um texto conforme suas necessidades, utilizando a
formatao que desejar, mas observe que se deve manter um padro para no danificar o
layout do blog.

Pgina 9

Comandos do editor

Veremos agora comandos das Opes de Edio. Alm dos comandos bsicos presentes
no Microsoft Office Word, o Wordpress traz opes especficas da web. Dentre elas, pode-se
citar:

Lista Ordenada e Lista No-Ordenada

A lista ordenada cria

automaticamente uma lista seqencial
numrica com os itens selecionados, j
a Lista No-Ordenada faz uma lista
com tpicos separados por um crculo.
importante destacar que cada
item que receber a lista deve estar
selecionado e em pargrafo diferente.

Exemplos de listas

Aspas

Ao realizar uma citao, utilize a opo de aspas. Selecione o pargrafo a receber a

citao e clique sobre o boto Aspas.

Em destaque, o boto Aspas e o trecho que recebeu a formatao

O resultado na visualizao final

Pgina 10

Links

Quando se trabalha com blogs, os links so extremamente teis, seja para fazer uma
citao a sua referncia ou direcionar a uma sugesto relacionada ao seu texto. Inserir links no
seu post extremamente simples. Selecione o trecho, pargrafo, frase ou palavra que
receber o link e clique em Inserir/editar link.

Em URL do link digite o

endereo da pgina para qual
deseja direcionar seu link.
Preferencialmente, em
Destino, selecione Abrir link
numa nova janela.
Para finalizar, clique em
Inserir.

Nota: Jamais sobreponha links. Para refaz-lo, basta selecion-lo e clicar sobre Remover
link, e em seguida, refazer os passos anteriores.

O Corretor Ortogrfico

O Wordpress conta com um Corretor Ortogrfico em seu editor. Para ativ-lo, selecione
o idioma Portuguese na seta ao lado do boto Ativar/desativar verificao ortogrfica.
Clique sobre o boto Ativar/desativar verificao ortogrfica e aguarde a correo do texto.

A tag Mais...

Muitas vezes h muito contedo para ser escrito no artigo e este se torna
demasiadamente grande. Posts grandes deixam as pginas do blog lentas e podem causar
problemas em computadores antigos.
Para resolver este problema, o editor conta com a opo da tag Mais.... Todo
contedo que estiver antes da tag ser exibido nas pginas de categorias e buscas, e o restante
s ser mostrado quando o leitor clicar no link Continue lendo esta postagem... que
inserido automaticamente no lugar desta tag.
De forma geral, recomenda-se que seja inserido um resumo ou prvia do contedo do
artigo, e logo depois inserido a tag Mais..., seguida do restante das informaes.
Nota: Recomenda-se que vdeos, imagens, msicas e outros contedos adicionais sejam
inseridos aps a tag Mais....

Pgina 11

Em destaque, o boto Mais... e a diviso da tag Mais...

Nota: Seu post ainda no pode ser publicado. Veremos logo a seguir como organiz-los.

Trabalhando com rascunhos

Como citado anteriormente, o
Wordpress salva automaticamente rascunhos
de sua postagem para que voc possa
recuper-la. Mas, algumas vezes preciso
salvar manualmente caso a edio tenha que
ser continuada em outra ocasio.
Clique sobre o boto Salvar como
rascunho quando desejar salvar sua edio.

Para resgatar um rascunho preciso ir at a opo

Editar na rea Posts do Menu Principal do Painel de
Administrao.
Localize seu artigo pelo ttulo e clica sobre a opo
Editar.

Editar no Menu Principal

O post a ser editado no Painel de Rascunhos

Organizao de Posts
Ao contrrio do Portal Aprende Brasil, onde os professores tm blogs prprios, nosso
sistema unifica todas as disciplinas e utiliza a separao por sries e cursos. Portanto,
essencial que as postagens inseridas estejam devidamente separadas.
Pgina 12

Categorias

No sistema Wordpress as categorias classificam as postagens em determinados

assuntos. Em nosso caso, as categorias existem para que o leitor possa ver as postagens que
lhe interessam de acordo com seu curso e mdulo/ano. Funciona como uma forma de arquivar
os artigos.
As categorias podem ser acessadas na barra lateral do blog e na pgina principal. Basta
clicar para que os posts catalogados naquela seo sejam exibidos.
Nota: Posts sem categoria sero rejeitados pelos administradores. Nunca se esquea de
selecionar a categoria correta antes de publicar. Caso esquea, edite o post assim que
possvel.
Veremos a seguir como categorizar corretamente os posts.
Antes de efetuar a publicao do post, voc deve selecionar as categorias ainda na
pgina de adio da postagem.
Selecione as turmas para qual
aquele contedo direcionado marcando
a checkbox.
Observe que opcional marcar a
caixa com o Nome do Curso ou a caixa com
o Turno, mas o mdulo sempre dever ser
assinalado. As categorias so exibidas em
hierarquia, portanto, os mdulos abaixo de
Noite pertencem ao perodo noturno.
Por padro, a categoria Sem
Categoria vem assinalada, portanto,
desmarque-a sempre.

Tags

As tags so opcionais, mas ajudam quando o leitor utiliza o sistema de busca do blog.
recomendvel adicionar algumas delas. Funcionam como palavras-chave que identificam seu
artigo.
Digite as tags desejadas na caixa. Cada
tag deve ser separada por vrgula e espao
como mostra o exemplo (biologia, evoluo).
Clique em Adicionar para inserir as tags
digitadas.
Para excluir uma tag adicionada, clique
sobre o x ao lado dela.

Pgina 13

Permalinks

Forma contrada para Links Permanentes, o Permalink o endereo que apontar

direto para seu artigo. Apesar de no recomendvel, pode ser fornecido aos alunos como
forma de acesso direto.

O Link Permanente do exemplo

Nota: O boto Alterar Links Permanentes leva as configuraes administrativas que no

podem ser alteradas por Colaboradores.

Configurao de Comentrios

Por padro, cada post pode receber comentrios dos leitores, mas esta opo pode ser
desativada pelo autor.
Basta desmarcar a caixa
Permitir comentrios sobre
esse post na seo Discusso,
localizada logo abaixo da Caixa
de Contedo.

Agendamento de Publicao

Um post pode ser escrito e aprovado, mas por opo do autor, ele pode s ser publicado
em data e hora estipuladas por ele

Na seo Publicar, clique em Editar

ao lado da opo Publicar imediatamente,
como destaca o exemplo.
Preencha os campos solicitados
(ms/dia/ano hora: minutos) e confirme com
Ok.
Ao pressionar Publicar, seu post ser
moderado por um Administrador ou Editor e
s ser publicado na data configurada.
Pgina 14

Adicionando Enquetes e Contedo Extra

Uma das vantagens da plataforma Wordpress a possibilidade de adio de contedo
multimdia diverso, como vdeos, msicas, imagens e enquetes atravs do plugin do servio
PollDaddy.
1.
2.
3.
4.
5.

Inserir imagem
Inserir vdeo
Inserir msica
Upload
Polls (enquetes)

Enquetes

Antes de adicionar uma enquete, preciso cri-la com o plugin do PollDaddy instalado
no blog.
No Menu Principal, selecione Adicionar novo na seo Polls.

O Painel de Enquetes

1.
2.
3.
4.
5.
6.

Campo de Pergunta
Respostas
Opes de Resultado
Opes de Voto
Estilo da Enquete
Criar Enquete

Preencha o Campo de Pergunta com o

a questo que ser feita ao leitor.
Em cada um dos campos de resposta,
coloque uma alternativa. Caso os campos
mostrados sejam insuficientes, clique em
Add another.

Pgina 15

Recomenda-se que em Poll results a opo Show results to voters esteja marcada.
Desta forma, qualquer um que tenha votado na enquete ver os resultados. Selecione Hide
All Results para que ningum possa ver as parciais.
No campo das Opes de Voto, no recomendado alterar a opo padro que
bloqueia votos repetidos por cookies, j que bloquear por IP pode causar problemas aos
usurios e no bloquear faz com que possa haver flood na votao.
Selecione o Estilo da Enquete. So 19 padres, e o recomendado Sidebar Narrow
(Dark) 12
Pressione Publicar para criar a enquete.

Para editar uma enquete, prossiga como na edio de artigos. Clique sobre Editar na
seo Polls e localize a enquete desejada. Clique em Editar sob o ttulo da enquete
selecionada.
As enquetes podem ser inseridas no corpo da postagem com as Opes de Contedo
Adicional. Clique na rea em que a enquete ser inserida e clique sobre a opo Add Poll das
Opes de Contedo Adicional. A Caixa de Enquetes se abrir.

A Caixa de Enquetes

Clique em Send to editor na enquete selecionada. O cdigo da enquete aparecer no

editor (Ex. [polldaddy poll=1723058]).

Imagens

A insero de imagens extremamente simples. Clique sobre Adicionar uma imagem a

caixa de imagens abrir.
Nota: O procedimento descrito a seguir serve para qualquer contedo que esteja
armazenado em seu computador.

Pgina 16

A caixa de imagens

Voc pode inserir uma imagem diretamente de seu computador ou de um link da

Internet. Abordaremos somente o envio a partir do computador.
Clique sobre Selecionar Arquivos. Indique a imagem a ser enviada e confirme com
Abrir. Aguarde o fim do upload.

Preencha o
campo de ttulo com
algo relacionado
figura enviada. Evite
ttulos como
PICT001.
O Wordpress
recorta as imagens
na proporo
automaticamente.
Utilize o tamanho
mdio.
Pressione
Inserir no Post.

Vdeos
possvel adicionar vdeos de seu computador ou de sites (YouTube, Google Vdeo).

Para inserir vdeos que esto em seu computador, siga o mesmo procedimento do
upload de imagens. Para vdeos em links, clique na aba De um URL na caixa de vdeo.

Pgina 17

Em URL do vdeo,
preencha o endereo do vdeo.
Em ttulo, preencha o que
ser exibido no link.
Pressione Inserir no post
para finalizar.

Msica

A insero de msicas segue as regras de vdeos e imagens. Clique sobre Adicionar

udio nas Opes de Contedo Adicional e siga as orientaes dos passos anteriores.

Upload Interno

possvel enviar documentos (Word, Excel, PowerPoint, etc...) para disponibiliz-los aos
leitores.

Clique sobre Adicionar

mdia e aguarde a abertura da
Caixa de Mdia. Clique sobre
Selecionar Arquivos. Indique o
documento a ser enviado e
confirme com Abrir. Aguarde o
fim do upload.
Preencha o campo Ttulo
com o ttulo do documento
enviado. Ele aparecer no link.
Finalize clicando sobre
Inserir no Post.

Pgina 18

Bibliografia
Wikipdia A Enciclopdia Livre
http://pt.wikipedia.org Acessado em 26 de junho de 2009
Wordpress Cdigo poesia
http://br.wordpress.org - Acessado em 27 de junho de 2009

Pgina 19

Copyright Renan Yuri Lino 2009

renan.lino@live.com
Projeto ETEC MLK.com
A reproduo total ou parcial deste material sem autorizao est sujeita a aplicao das leis
de propriedade intelectual.

Pgina 20