7° Coordenadoria Regional de Desenvolvimento da Educação – 7°CREDE

Oficina de Wordpress

Canindé-CE2012

SumárioIntrodução ao Wordpress................................................................................................................03Definições.......................................................................................................................................03 Contas de Usuários e Permissões....................................................................................................04

• Permissões pré-definidas.............................................................................................05• Efetuando Login..........................................................................................................05• Aprovação de Comentários e Postagens......................................................................06

Painel..............................................................................................................................................07Criando Postagens(Posts)...............................................................................................................08

• Editor de Postagens.....................................................................................................08 • Estilização e Padronização..........................................................................................09• Comandos do Editor....................................................................................................10• A tag “Mais...''..............................................................................................................11• Trabalhando com Rascunhos........................................................................................12

Organização de Posts.....................................................................................................................12• Categorias....................................................................................................................13• Tags.............................................................................................................................13• Permalinks..................................................................................................................14• Agendamento de Publicação.......................................................................................15

Adicionando Enquetes e Conteúdo Extra......................................................................................15• Enquetes......................................................................................................................15• Imagens.......................................................................................................................16• Videos.........................................................................................................................17• Música........................................................................................................................18• Upload Interno............................................................................................................18

2

Apostila Wordpress 2.8

Introdução a Wordpress

WordPress é um sistema de gestão de conteúdos na web, escrito em PHP e corrido em MySQL, especialmente usado para a criação de blogs. Destaca-se essencialmente por ser um sistema de código aberto, bem como pela sua fácil utilização e características. Criado por Ryan Boren e Matthew Mullenweg, é distribuído como software livre, sob a licença GNU General Public License. Mas o que determina se o web site é blog ou não, é a sua estrutura e por isso com o wordpress é possível produzir muito mais além de que blogs, indo desde pequenos Web Sites pessoais até gigantescos portais corporativos.

Ele provê a interface de gerenciamento do blog, desde a aparencia da página 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 estudo dessa plataforma é de essencial importância para quem pretende ingressar no mundo da Web. O Wordpress torna possível que qualquer usuário publique conteúdos sem necessidade de conhecimento técnico.

Dentre as características dessa plataforma, pode-se destacar:

• Gerenciamento de usuários com hierarquia.• Interface gráfica completamente personalizável.• Possibilidade de adição de plugins para novas funcionalidades.• Facilidade de utilização do Painel de gerenciamento para usuários leigos.• Disponibilidade em Português – BR

Definições Blog – é uma página da web cuja estrutura permite atualização rápida de artigos ou posts. Estes são em geral, organizados de forma cronológica inversa, costumam abordar o mesmo tema e podem ser escritos por mais de uma pessoa de acordo com a política do blog. Posts/Artigos- refere-se a uma entrada de texto efetuada num weblog/blog. As postagens são ordenadas cronologicamente. As mais recentes aparecem primeiro, seguidas das mais antigas ou vice-versa, sendo opção do blogueiro.

03

Painel de gerenciamento do Wordpress

O sistema é gratuito e precisa apenas de uma hospedagem padrão para o seu funcionamento. Também há a versão em Português que pode ser feita em ( http://br.wordpress.org/).

Agora veremos em detalhes cada uma das funções dessapoderosa plataforma de blogs.

Contas de Usuários e Permissões O sistema contas de usuário e permissões, é uma das características que torna a plataforma Wordpress apta para utilização no projeto. Um administrador pode criar contas de usuários e atribuir permissões a estes. Veremos agora a escala hierárquica e as permissões que cada nível permite.

• Administrador – Tem acesso a todas as ferramentas de administração e configuração. Este usuário não tem restrinção.• Editor – Pode publicar e gerenciar todas as postagens, mas não tem acesso as configurações de seu blog.• Autor – Pode publica suas postagens e gerenciá-las.• Colaborador – Pode escrever postagens e gerenciá-las, mas depende da aprovação do administrador para publicação.• Assinante – Pode ler e escrever comentários, receber atualizações do blog via email ou RSS e pode fazer comentários sem necessidade da aprovação do administrador.• Usuário não resgistrado – Pode apenas comentar postagens, que precisam de aprovação

04

➢ Permissões pré-definidas

Utilizando-se deste recurso, professores, alunos, coordenação e desenvolvimento estão subdivididos em categorias pré-definidas: Exemplo:

➢ Desenvolvimento : Administrador – Responsáveis pela aprovação das postagens de alunos e professores, controle dos comentários e gerenciamento geral.

➢ Coordenação: Editores – Aprovam comentários de outros usuários, mediando o conteúdo de postagens e comentários.

➢ Professores e alunos cadastrados: Colaboradores- Escrevem postagens, mas dependem da aprovação dos Administradores.

➢ Efetuando Login É necessário ter um login e uma senha para ter acesso ao painel de administrador, os dados devem ser fornecidos no Painel de Login do blog que pode ser acessado pela barra lateral da página.

Barra de Login

• Estrutura do login • 1 – Inserir o Login • 2-Clicar para ser logado

05

Alterando a senha pelo painel de configurações

Aprovação de comentários e postagens

Como dito anteriormente no tópico “Permissões pré-definidas”, alunos e professores podem escrever artigos que só serão aceitos pelos Editores ou Administradores.

Esta medida foi tomada visando que o blog leva o nome da instituição, e qualuqer informação inserida será de responsabilidade da mesma.

A demanda de postagens pode ser grande, havendo a possibilidade de os mediadores não estarem a disposição, portanto uma postagem tem o prazo de 2 dias para ser aprovada. É interessante que o conteúdo seja adicionado com o máximo de antecedência.

➢ Não serão aceitas postagens:➢ Com conteúdo impróprio;➢ Sem categoria definida;➢ Com erros que prejudiquem o layout ou configurações do blog;

● Serão editadas automaticamente as postagens:● Com layout fora do padrão definido;● Com categoria errada ou faltante, se for possível identificar com clareza a quem é direcionado o conteúdo;● Com texto demasiadamente grande que não utilizarem a tag “Mais...”

06

Painel de administração

1- Quickpress :Insere posts diretamente do Painel de Administação2- Menu Principla: Acesso a todas as áreas do Painel de Administração3- Agora: Estatísticas numéricas do blog resumidas4- Informações complementares 5- Informações de Login 6- Menu Rápido

07

Criando Postagens(Posts)

Os colaboradores podem adicionar conteúdos na forma de postagens, cada postagem, quando inserida depende da aprovação do Editor ou Administrador.

• O Editor de Postagens

O editor, em detalhe

08

1. Campo de título2. Opções de conteúdo adicional3. Opções básicas de edição4. Opções avançadas de edição (Ocultas por padrão)5. Campo de conteúdo

Funções dos botões :

1- insira um título ao artigo. È importante que o título esteja relacionado ao conteúdo e que este seja inserido logo no início da edição, pois o Wordpress, salva automaticamente um rascunho da pastagem de determinados períodos de tempo.

2- o conteúdo deve ser editado no Campo de Conteúdo. Insere-se o texto, e este deve ser formatado com o auxílio das Opções Básicas de Edição. O artigo não tem limite de caracteres

3- Para exibir a barra de Opções avançadas de Edição, pressione o botão “Mostrar/Ocultar opções avançadas” , ou utilizar o atalho “Alt + Shift + Z” do teclado.

• Estilização e Padronização

Agora que temos o texto digitado no Campo de Conteúdo, precisamos formatá-lo. Veja a estilização padrão dos artigos:• Títulos : Negrito, centralizado, Cores padrão, laranja (#ff6600) ou vermelho (#ff0000)• Subtítulos:Negrito, centralizado, Cores:padrão• Texto de corpo: Alinhado á esquerda, Cores padrão.• Imagens: Evitar incorporar imagens com tamanho superior a 500 x 500 se necessário, faça uma miniatura.

09

• Comandos do Editor Veremos agora, comandos das Opções de Edição. O Wordpress traz opções específicas da web. Dentre elas, pode-se citar:

• Lista Ordenada e Lista não Ordenada

• Aspas

Ao realizar uma citação, utilize a opção de aspas. Selecione o parágrafo a receber a ligação e clique no botão “ASPAS”

10

➢ Links

Quando se trabalha com blogs, os links possuem grandes utilidades, seja pra fazer uma citação a sua referência ou direcionar a uma sugestão relacionada ao seu texto.

Para inserir links basta:

● Selecionar o trecho, parágrafo, frase ou palavra que receberá o link e clicar em “Inserir/editar link”.

● Em “URL do link” digite o endereço da página para qula deseja direcionar seu link.● Preferencialmente em “Destino”, selecione “Abrir link numa nova janela”.● Para finalizar clique em “Inserir”. (Veja a figura abaixo).

Corretor Ortográfico

O Wordpress conta com um Corretor Ortográfico em seu editor. Para ativá-lo selecione o idioma Portugues na seta ao lado do botão “Ativar/desativar verificação ortográfica” e aguarde a correção do texto.

A tag “Mais”Posts grandes deixam as páginas do blog lentas e podem causar problemas em computadores antigos, para resolver esse problema, o editor conta com a opção da tag “Mais...”. Todo conteúdoque estiver antes da tag será exibido será exibido nas páginas de categorias buscas, e o restante só será mostrado quando o leitor clicar no link “Continue lendo esta postagem” que é inserido automaticamente no lugar dessa tag. De forma geral, recomenda-se que seja inserido um resumo ou prévia do conteúdo do artigo, logo após inserido a tag “Mais...” seguida do restante das informações.

11

em destaque, o botão “Mais...” e a divisão da tag “Mais...”

• Trabalhando com Rascunhos

12

Organização de Posts • Categorias

No Wordpress as categorias classificam as postagens, em determinados assuntos. Em nosso caso, as categorias exiistem para que o leitor possam ver as postagens que lhe interessam de acordo com seu curso/modulo ano. Funciona como forma de arquivar os artigos. As categorias podem ser acessadas na barra lateral do blog e na página principal. Basta clicar para que os post catalogados naquela seção sejam exibidos.

Veremos a seguir como categorizar corretamento os posts.

Antes de efetuar a publicação do post, você dve selecionar as categorias ainda na página de edição da postagem.

• Tags As tags são opcionais, mas ajudam quando o leitor utiliza o sistema de busca do blog, por isso, é recomendável adicionar algumas delas. Funcionam como palavras-chave que identificam seu artigo.

13

➢ Permalinks

É uma forma de dizer “Links Permanentes”, o Permalink é o endereço que apontará direto para o seu artigo. Apesar de não recomendável, pode ser fornecido aos alunos como forma de acesso direto.

➢ Configuração de comentários

➢ Configuração de comentários

Seguindo o padrão, cada post pode receber comentários dos leitores, ,as esta opção pode ser desativada pelo autor.

➢ Agendamento de publicaçãoUm post pode ser escrito e aprovado, mas dependendo do autor, ele só poderá ser publicado em data e hora estipuladas por ele.

14

Adicionando Enquetes e Conteúdo Extra

Uma das vantagens da plataforma Wordpress é a possibilidade de adição de conteúdo multimídia diverso, como videos, músicas, imagens e enquetes atravéz do plugin do serviço PollDaddy.

• Enquetes Antes de adicionar uma enquete, é preciso criá-la com o plugin do PollDaddy instalado no blog.

15

Recomenda-se que em “Polls results” a opção “Show results to voters” esteja marcada. Desta forma, qualquer um que tenha votado na enquete verá os resultados. Selecione “Hide All Results” para que ninguém possa ver as parciais.

No campo das opções de voto, não é recomendado alterar a opção padrão que bloqueia votos repetidos por cookies, já que bloquear por IP pode causar problemas aos usuários. E não bloquear faz com que possa haver floods na votação.

Selecione o estilo da enquete. São 19 padrões, e o recomendado é “Sidebar Narrow (Dark)-12”. Pressione PUBLICAR, para criar a enquete.

Para editar uma enquete, prossiga como a edição de artigos. Clique sobre “Editar” na seleção “Polls” e localize a enquete desejada. Clique em “Editar” sobre o título da enquete selecionada.

As enquetes podem ser inseridas no corpo da postagem com as Opções de Conteúdo Adicional. Clique na área em que a enquete será inserida e depois, sobre a opção “Add Polls” das Opções de Conteúdo Adicional. A caixa de Enquetes se abrirá.

Clique em “Send to editor” na enquete selecionada. O código da enquete aparecerá no editor (Ex . [polldaddy poll= 1723058]).

• Imagens

A inserção de imagens é extremamente simples . Clique sobre “adicionar uma imagem” e a caixa de imagem será aberta.

16

Você pode inserir imagens diretamente de seu computador ou de qualquer link da internet.

Clique sobre”Selecionar arquivos”. Indique a imagem a ser enviada e clique em “Abrir”. Depois é só aguardar o fim do Upload.

➢ Vídeos

É possível adicionar vídeos de seu computador ou de sites. Para inserir vídeos de seu computador siga o mesmo procedimento de upload de imagens. Para vídeos em link clique na aba “De em URL” na caixa de vídeo.

17

➢ Música

Para inserir músicas segue-se as mesmas regras de vídeos e imagens. Clique sobre “Adicionar áudio” nas Opções de Conteúdo Adicional e siga as orientações dos passos anteriores.

➢ Upload internoÉ possível enviar documentos para disponibilizá-los aos leitores.

18