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