Manual Wordpress

Documento que serve como base para a manutenção do site web do Agrupamento de Escolas de Condeixaa-Nova (http://aeconde (http://aecondeixa.pt) ixa.pt)

wordpress Manual de utilizador

Equipa PTE/Condeixa

wordpress 2010/11

Índice Índice Índice ............................................ .................................................................. ............................................ ............................................ ........................................ .................. 1 Índice de Ilustrações ....................... .............................................. .............................................. ............................................. .................................... .............. 4 Login ............................................. ................................................................... ............................................ ............................................ ........................................ .................. 7 Painel Wordpress......................... ................................................ ............................................. ............................................ ........................................ .................. 8 Posts...................................... Posts............................................................ ............................................ ............................................. ............................................. ......................... ... 9 Editar um post............................................. ................................................................... ............................................ ............................................ ...................... 9 Edição rápida de um post ................................................. ....................................................................... .......................................... .................... 10 Eliminar um post ......................................... ............................................................... ............................................ .......................................... .................... 10 Edição........................................... ................................................................. ............................................ ............................................. ................................... ............ 11 Inserir um novo post ........................... .................................................. ............................................. ............................................ ........................... ..... 11 Categorias ............................................ .................................................................. ............................................ ............................................ ........................... ..... 12 Tags ........................................... ................................................................. ............................................ ............................................ ...................................... ................ 13 Ordenar categorias(plugin) categorias(plugin) ................................................... ......................................................................... ...................................... ................ 14 Media ............................................ .................................................................. ............................................ ............................................ ...................................... ................ 15 Biblioteca ............................................. ................................................................... ............................................ ............................................ ........................... ..... 15 Novo ficheiro ............................... ...................................................... .............................................. ............................................. .................................. ............ 18 Links .......................................... ................................................................ ............................................ ............................................ .......................................... .................... 19 Adicionar Novo........................................ Novo.............................................................. ............................................. ............................................. ........................ 20 Categorias de Links ........................................................... ................................................................................. .......................................... .................... 21 Páginas............................................. ................................................................... ............................................ ............................................. ................................... ............ 22 Criar uma Nova Página........................................... ................................................................. ............................................ ............................... ......... 24 Comentários ............................................ .................................................................. ............................................ ............................................ ........................... ..... 25 Apresentação............................................................. ................................................................................... ............................................ ............................... ......... 26 Pág. 1

Equipa PTE/Condeixa

wordpress 2010/11 Temas ........................................... ................................................................. ............................................ ............................................. ................................... ............ 26 Widgets ............................................ .................................................................. ............................................ ............................................ ............................... ......... 28 Menus .......................................... ................................................................ ............................................ ............................................. ................................... ............ 31 Opções do Graphene ................................................. ....................................................................... ............................................ ........................... ..... 33 Opções Mostrar do Graphene ....................................... ............................................................. ............................................ ........................ 34 Fundo ........................................... ................................................................. ............................................ ............................................. ................................... ............ 35 Cabeçalho........................................................... .................................................................................. ............................................. .................................. ............ 35 Editor............................................ .................................................................. ............................................ ............................................. ................................... ............ 36 Plugins........................................... ................................................................. ............................................ ............................................ ...................................... ................ 37 Adicionar Plugin .......................................... ................................................................ ............................................ .......................................... .................... 37 Editor............................................ .................................................................. ............................................ ............................................. ................................... ............ 38 Utilizadores .......................................... ................................................................ ............................................ ............................................ ............................... ......... 39 Adicionar Novo........................................ Novo.............................................................. ............................................. ............................................. ........................ 40 O seu Perfil ............................... ...................................................... ............................................. ............................................ ...................................... ................ 40 Ferramentas......................... Ferramentas................................................ .............................................. ............................................. ............................................ ........................ 41 Importar ........................................... ................................................................. ............................................ ............................................ ............................... ......... 41 Exportar................................. Exportar....................................................... ............................................ ............................................ .......................................... .................... 42 Opções ............................................. ................................................................... ............................................ ............................................. ................................... ............ 43 Escrita........................................... ................................................................. ............................................ ............................................. ................................... ............ 43 Leitura .......................................... ................................................................ ............................................ ............................................. ................................... ............ 44 Discussão............................................................ ................................................................................... ............................................. .................................. ............ 44 Media ........................................... ................................................................. ............................................ ............................................. ................................... ............ 45 Privacidade............................................................. ................................................................................... ............................................ ............................... ......... 46 Ligações permanentes .................................................. ......................................................................... ............................................. ........................ 46 Anexos ............................................. ................................................................... ............................................ ............................................. ................................... ............ 47 Cabeçalho (header.php) ............................................ .................................................................. ............................................ ........................... ..... 47

Pág. 2

Equipa PTE/Condeixa

wordpress 2010/11 Rodapé (footer.php) .......................................... ................................................................. ............................................. .................................. ............ 51 Style.css (folha de estilos) .......................................... ................................................................ ............................................ ........................... ..... 53

Pág. 3

Equipa PTE/Condeixa

wordpress 2010/11

Índice de Ilustrações FIGURA 1 – JANELA DE ENTRADA NA ADMINISTRAÇÃO

7

FIGURA 2 – MENU LATERAL

8

FIGURA 3 – PAINEL PRINCIPAL DO WORDPRESS

8

FIGURA 4 – MENU POSTS

9

FIGURA 5 – LISTA DE POSTS EXISTENTES

9

FIGURA 6 – EDIÇÃO DE POST

9

FIGURA 7 – JANELA DE EDIÇÃO DE POST

10

FIGURA 8 – JANELA DE EDIÇÃO RÁPIDA

10

FIGURA 9 – PASTA DOS POSTS ELIMINADOS,

11

FIGURA 10 – MENU DE EDIÇÃO

11

FIGURA 11 – JANELA PARA INSERIR UM POST

11

FIGURA 12 – BARRAS DE EDIÇÃO NA JANELA DE EDIÇÃO/INSERÇÃO DE POSTS

12

FIGURA 13 – INSERIR NOVA CATEGORIA

12

FIGURA 14 – ÁREA DE CATEGORIAS

13

FIGURA 15 – JANELA PARA INSERIR, EDITAR TAGS

13

FIGURA 16 – ORDENAR CATEGORIAS

14

FIGURA 17 – MENU MEDIA

15

FIGURA 18 – BIBLIOTECA DE FICHEIROS

15

FIGURA 19 – EDIÇÃO DE UM FICHEIRO PDF

16

FIGURA 20 – EDIÇÃO DE UMA IMAGEM

16

FIGURA 21 – EDITAR IMAGEM

17

FIGURA 22 – REDIMENSIONAR IMAGEM

17

FIGURA 23 – INSERIR FICHEIRO NA BIBLIOTECA

18

FIGURA 24 – MENU LINKS

19

FIGURA 25 – LISTAGEM DE LINKS

19

FIGURA 26 – EDIÇÃO DE LINK

20

FIGURA 27 – NOVO LINK

20

FIGURA 28 – GERIR CATEGORIAS DE LINKS

21

FIGURA 29 – MENU PÁGINAS

22

FIGURA 30 – LISTAGEM DE PÁGINAS EXISTENTES

22

FIGURA 31 – EDIÇÃO DE PÁGINA

23

FIGURA 32 – OPÇÕES DE PUBLICAÇÃO

23

FIGURA 33 – CRIAR NOVA PÁGINA

24

FIGURA 34 – LINK COMENTÁRIOS

25

FIGURA 35 – PÁGINA DE COMENTÁRIOS

25

FIGURA 36 – MENU APRESENTAÇÃO

26

Pág. 4

Equipa PTE/Condeixa

wordpress 2010/11 FIGURA 37 – GERIR TEMAS

26

FIGURA 38 – INSTALAR TEMAS

27

FIGURA 39 - WIDGETS

28

FIGURA 40 – RODAPÉ DO SITE

28

FIGURA 41 – WIDGET TEXTO

29

FIGURA 42- LISTAGEM DE CATEGORIAS NO SITE

29

FIGURA 43 – WIDGET LINKS

29

FIGURA 44 – GOOGLE READER

30

FIGURA 45 – WIDGET RSS

30

FIGURA 46 – WIDGET NUVEM DE TAGS

31

FIGURA 47 - NUVEM DE TAGS NO SITE

31

FIGURA 48 MENUS E SUBMENUS NO SITE WEB

31

FIGURA 49 – JANELA DO MENUS

31

FIGURA 50 – BARRA DE CIMA DA JANELA MENU

32

FIGURA 51 – LINK PERSONALIZADO

32

FIGURA 52 – ADICIONAR CATEGORIA AO MENU

32

FIGURA 53 – ADICIONAR PÁGINA AO MENU

32

FIGURA 54 – MENU NO BACKOFFICE

33

FIGURA 55 – OPÇÕES DO GRAPHENE

34

FIGURA 56 – OPÇÕES MOSTRAR DO GRAPHENE

34

FIGURA 57 – SELECÇÃO DE IMAGEM PARA O CABEÇALHO

35

FIGURA 58 –EDITOR DO TEMA

36

FIGURA 59 – MENU PLUGIN

37

FIGURA 60 – LISTAGEM DE PLUGINS

37

FIGURA 61 – JANELA DE INSTALAÇÃO DE PLUGINS

38

FIGURA 62 – JANELA DE EDIÇÃO DE PLUGINS

38

FIGURA 63 – MENU DE UTILIZADORES

39

FIGURA 64 – LISTAGEM DE UTILIZADORES

39

FIGURA 65 – JANELA DO PERFIL DO UTILIZADOR

39

FIGURA 66 – JANELA PARA ADICIONAR NOVO UTILIZADOR

40

FIGURA 67- MENU FERRAMENTAS

41

FIGURA 68 – INFORMAÇÃO DE DUAS FERRAMENTAS DO WORDPRESS

41

FIGURA 69 – POSSIBILIDADES DE IMPORTAÇÃO NESTE SITE

41

FIGURA 70 – EXPORTAR CONTEÚDO DO PORTAL

42

FIGURA 71 – MENU OPÇÕES

43

FIGURA 72 – ÁREA DE DEFINIÇÕES GERAIS

43

FIGURA 73 – JANELA DA ESCRITA

44

FIGURA 74 – DEFINIÇÕES DE LEITURA

44

Pág. 5

Equipa PTE/Condeixa

wordpress 2010/11 FIGURA 75 – DEFINIÇÕES DE DISCUSSÃO

45

FIGURA 76 – OPÇÕES DE MEDIA

45

FIGURA 77 – DEFINIÇÕES DE PRIVACIDADE DO SITE

46

FIGURA 78 – DEFINIÇÕES DE LIGAÇÕES PERMANENTES

46

Pág. 6

Equipa PTE/Condeixa

wordpress 2010/11

Login Fazer o login de administração em http://www.aecondeixa.pt/wp-login.php

Figura 1 – Janela de entrada na administração

Pág. 7

Equipa PTE/Condeixa

wordpress 2010/11

Painel Wordpress

Figura 3 – Painel principal do wordpress

Página de entrada no backoffice do site Aecondeixa.pt. Tem a informação de número de posts colocados na página principal, número de páginas, categorias e tags. Podem-se alterar as opões deste ecrã clicando no botão Opções deste ecrã. Na barra superior permite a colocação imediata de um novo post, assim como Terminar a sessão. No lado esquerdo surge o menu de navegação do Wordpress onde existem três blocos: Painel, Gestão dos conteúdos a visualizar no site e gestão do site a nível de características e interface e de ferramentas.

Figura 2 – menu lateral

Pág. 8

Equipa PTE/Condeixa

wordpress 2010/11

Posts Quando se clica no menu posts surge o seguinte submenu na zona lateral.

Na área principal aparecem os posts inseridos e publicados, com a

Figura 4 – menu posts

informação do autor que os publicou, a categoria a que pertencem bem como as tags que possuem. Ainda existe a possibilidade de pesquisar pelos posts existentes, visualizar o número total de posta, editar um post e criar um novo post.

Figura 5 – Lista de posts existentes

Editar um post Selecciona-se o post que se deseja editar na lista de posts existentes.

Figura 6 – Edição de post

Ao clicar em Editar surge a janela onde se pode editar o post. Para editar este post pode-se utilizar a formatação da janela de edição ou editar o post em html. Edita-se como se fosse um documento word, podendo seleccionar estilos de formatação. Pág. 9

Equipa PTE/Condeixa

wordpress 2010/11

Figura 7 – Janela de edição de post

Não esquecer de Actualizar (zona lateral direita) antes de fechar, para que o post fique publicado.

Edição rápida de um post Selecciona-se o post que se deseja e depois clica-se m edição rápida. Esta edição faz com que o post se desdobre e surja os seguintes lementos:

Figura 8 – Janela de edição rápida

Pode-se alteral o título do post, as categorias, as tags, a data de publicação ou mesmo colocar uma password de acesso. Não esquecer de Acatualizar antes de sair.

Eliminar um post Selecciona-se o post que se deseja eliminar na lista de posts existentes. E depois selecciona-se a opção Lixo. Ou opção Editar >> Mover para Lixo. Este post vai directamente para o Lixo (pasta que vai conter os itens eliminados). Pág. 10

Equipa PTE/Condeixa

wordpress 2010/11 Caso se queira apagar definitivamente ou repor, então clica-se na pasta Lixo (zona de cima da área de posts) e selecciona-se a opção pretendida.

Figura 9 – Pasta dos posts eliminados,

Edição Caso se pretenda editar por datas seleccionar o mês pretendido na barra por cima.

Figura 10 – menu de edição

Inserir um novo post Para inserir um post clicar em Novo post (zona lateral esquerda ou na zona superior da listagem de posts)

Figura 11 – Janela para inserir um post

Pág. 11

Equipa PTE/Condeixa

wordpress 2010/11 Colocar o título do post. Colocar o texto, tabelas, links e imagens do novo post (ver figura 11). Seleccionar a categoria a que pertence e a tag (caso tenha). No caso da tag, pode-se adicionar uma nova, ou escolher entre as existentes. Para finalizar clicar em publicar. O post fica imediatamente te publicado no site.

Figura 12 – Barras de edição na janela de edição/inserção de posts

Categorias Para criar e editar categorias de posts clicar na opção categorias na barra lateral esquerda.

Figura 13 – Inserir Nova categoria

Para adicionar uma nova categoria introduzir o seu nome e o seu pai, isto é, dizer se é uma categoria que está dependente de outra ( subcategoria).

Pág. 12

Equipa PTE/Condeixa

wordpress 2010/11 Na zona direita consegue-se ter uma noção das categorias existentes, subcategorias e números de posts publicados em cada. Ao seleccionar uma categoria existente, na zona direita, pode-se editar, fazer uma edição rápida ou eliminar a categoria.

Figura 14 – Área de categorias

Tags Para criar e editar Tags dos posts clicar na opção categorias na barra lateral esquerda.

Figura 15 – Janela para inserir, editar tags

A criação de uma tag nova é semelhante à criação de uma categoria. A edição e eliminação de uma tag também se pode fazer da mesma forma que as categorias.

Pág. 13

Equipa PTE/Condeixa

wordpress 2010/11 Ordenar categorias(plugin) Para ordenar categorias seleccionar a opção na barra lateral esquerda. Surge a seguinte janela:

Figura 16 – Ordenar categorias

Para efectuar a ordenação basta seleccionar a categoria desejada e arrastá-la para a posição pretendida. Após essa alteração deve-se clicar em Seleccione para Ordenar Categorias. Para ordenar as subcategorias clicar no botão Ordenar subcategorias, e fazer o mesmo com as categorias para realizar a ordenação.

Pág. 14

Equipa PTE/Condeixa

wordpress 2010/11

Media Quando se clica no menu Media surge o seguinte submenu na zona lateral. Figura 17 – menu Media

O Wordpress tem uma base de dados onde se podem armazenar ficheiros, desde imagens, ficheiros pdf, etc.

Biblioteca Área onde estão todos os ficheiros inseridos.

Figura 18 – Biblioteca de Ficheiros

Todos os ficheiros inseridos no Media aparecem nesta Biblioteca. Podem-se editar por data, ver apenas as imagens ou mesmo visualizar os ficheiros que não estão directamente anexados a um post ou a uma página. Os ficheiros são ordenados por ordem de colocação. Ao seleccionar um ficheiro da Biblioteca pode-se editar, apagar definitivamente ou apenas ver. Ao editar o ficheiro aparece a seguinte janela:

Pág. 15

Equipa PTE/Condeixa

wordpress 2010/11

Figura 19 – edição de um ficheiro pdf

Ao editar um ficheiro obtém-se alguma informação sobre o mesmo, podendo alterar o nome, legenda e descrição. Também aqui está presente o URL do ficheiro, que é bastante útil quando se quer colocar como uma hiperligação num post ou numa página.

Figura 20 – Edição de uma imagem

Pág. 16

Equipa PTE/Condeixa

wordpress 2010/11 Ao editar uma imagem a informação é semelhante a um ficheiro acrescenta o facto de se poder colocar texto alternativo ( alt em HTML) da imagem. Tem ainda o botão Editar Imagem em baixo do ícone representativo da imagem editada.

Figura 21 – Editar Imagem

Ao editar a imagem pode-se recortar, rodar para a esquerda ou para a direita, inverter na horizontal e na vertical. Pode-se redimensionar a Imagem, clicando no botão na zona lateral direita.

Figura 22 – redimensionar imagem

Pág. 17

Equipa PTE/Condeixa

wordpress 2010/11 Novo ficheiro Para inserir novo ficheiro clicar na opção desejada, na barra lateral esquerda ou na área de cima da biblioteca de ficheiros.

Figura 23 – Inserir ficheiro na Biblioteca

Selecciona-se o ficheiro que se pretende fazer upload e de seguida clica-se em upload . O ficheiro vai automaticamente para a biblioteca.

Não esquecer que o ficheiro não pode ter mais de 2Mb e não pode ter nomes com espaços e pontuação.

Pág. 18

Equipa PTE/Condeixa

wordpress 2010/11

Links Quando se clica no menu Links surge o seguinte submenu na zona lateral.

Os links funcionam de forma semelhante às categorias dos posts.

Figura 24 – menu Links

Se seleccionarmos a opção links temos uma listagem dos links inseridos no site. Também se podem visualizar as categorias a que pertencem.

Figura 25 – Listagem de links

O nome que se dá a um link é o que vai aparecer no site, o URL é o seu endereço na internet, a categoria a que pertence e a sua visibilidade no site também é possível ver nesta listagem. Ainda é possível ver apenas algumas categorias de Links ou efectuara a ordenação de outra forma, basta seleccionar a opção pretendida na barra de cima da listagem de links. Pode-se seleccionar um link e editar ou eliminar. Ao editar aparecem as seguintes opções:

Pág. 19

Equipa PTE/Condeixa

wordpress 2010/11

Figura 26 – Edição de Link

Pode-se alterar o nome, o URL a descrição do link bem com a categoria a que pertence. Após as alterações efectuadas não esquecer de Actualizar Link.

Adicionar Novo Para inserir novo Link clicar na opção desejada, na barra lateral esquerda ou na área de cima da listagem de links existentes.

Figura 27 – Novo link

Colocar o nome do link (nome com que vai ser visualizado no site), o endereço web (URL), uma pequena descrição e a categoria a que pertence. A categoria de links é útil pois é uma das formas de mostrar os links no site.

Pág. 20

Equipa PTE/Condeixa

wordpress 2010/11 Não esquecer de Actualizar Link.

Categorias de Links Ao clicar na opção Categorias de Links aparece a seguinte área:

Figura 28 – Gerir categorias de Links

Esta opção é muito semelhante às categorias dos posts, com a diferença que não se pode criar subcategorias. Pode-se editar, criar ou apagar categorias de links.

Pág. 21

Equipa PTE/Condeixa

wordpress 2010/11

Páginas Quando se clica no menu Páginas surge o seguinte submenu na zona lateral. Figura 29 – menu Páginas

Esta secção é dedicada ao conteúdo estático do site. Podem-se visualizar as páginas existentes e clicando faz-se a sua edição.

Figura 30 – Listagem de páginas existentes

Esta listagem aparece por ficheiros de 20 em 20, podendo ir alterando na zona superior da listagem:

As páginas principais aparecem com o nome sem um traço antes as restantes são as subpáginas da que está acima. Por exemplo SPO é subpágina de Agrupamento. Pode-se ainda efectuar uma pesquisa nas páginas existentes, na opção Pesquisar Páginas, acima da listagem Esta pesquisa é feita por palavra, isto é, procura a palavra digitada no título e conteúdo das páginas. A manipulação da páginas é em tudo semelhante aos posts.

Pág. 22

Equipa PTE/Condeixa

wordpress 2010/11 As opções de edição, edição rápida e lixo funcionam exactamente da mesma forma que nos posts.

Quando se Edita uma página, aparece o seguinte ecrã:

Figura 31 – Edição de Página

A forma de trabalhar na página é idêntica à dos posts. Na zona lateral direita surgem os atributos da página e a as opções de publicação. Nas opções de publicação podemos alterar a visibilidade da página, apenas permitindo que certos utilizadores vejam. Pode-se publicar ou não. Alterar a data de publicação. Ou ainda proteger a página por password. Ainda se pode mover a página para o lixo. Sempre que a página estiver pronta a publicar clicar no botão Publicar/Actualizar.

Figura 32 – Opções de publicação

Pág. 23

Equipa PTE/Condeixa

wordpress 2010/11 Nos atributos da página podemos definir como página principal ou atribuir um pai (página já existente que funciona como página principal). A definição de Ordem pode ser útil em alguns modelos do Wordpress que utilizem esta numeração para mostrar os menus no site. Neste Tema específico os menus são apenas concebidos na área de Apresentação. Embora se deva definir nas páginas qual a estrutura de menus para termos uma melhor percepção do site.

Criar uma Nova Página Para criar uma nova página clicar no botão acima da listagem de páginas existentes ou na barra lateral.

Figura 33 – Criar nova página

Colocar o nome da página e o seu conteúdo, utilizando o editor do WordPress ou o HTML. Colocar os atributos da página e publicar. Também aqui se podem adicionar elementos dos media (imagem, som, vídeo, …) de

forma análoga aos posts.

Pág. 24

Equipa PTE/Condeixa

wordpress 2010/11

Comentários Quando se clica na opção comentários podem-se gerir os comentários existentes no site.

Figura 34 – Link comentários

Neste nas opções do tema foi definido que não se aceitavam comentários daí não ter sentido falar desta secção.

Figura 35 – Página de comentários

Pág. 25

Equipa PTE/Condeixa

wordpress 2010/11

Apresentação A opção apresentação é a primeira do bloco dedicado à gestão do site a nível de layout e técnico. Quando se clica no menu Apresentação surge o seguinte submenu na zona lateral.

Figura 36 apresentação

–

Temas Nesta opção podemos gerir os temas instalados bem como procurar outros temas para instalar.

Figura 37 – gerir Temas

Esta secção tem uma pequena descrição do tema escolhido bem como do seu autor. Para activar um outro tema, já instalado, basta seleccionar na lista abaixo.

Para instalar um tema seleccionar a opção Instalar Temas e posteriormente pesquisar o tema desejado (esta pesquisa é feita on-line) Pág. 26

Equipa PTE/Condeixa

Menu

wordpress 2010/11

Figura 38 – Instalar temas

Pode-se fazer uma pesquisa por Termo, Autor ou TAG na caixa respectiva. Na zona de cima ainda se pode Procurar nos Temas em Destaque, Mais recentes ou Actualizados Recentemente. É possível aplicar um filtro ao tema a pesquisar que pode ter a ver com as cores, colunas, Largura, etc. Estes temas são baseados em CSS (Cascading Style Sheet) onde estão definidas certas formatações para tipos de fonte, cores, tipo de página, formulários, etc.

Pág. 27

Equipa PTE/Condeixa

wordpress 2010/11 Widgets

Figura 39 - Widgets

Widgets são funcionalidades que o Wordpress disponibiliza. Consoante o tema instalado as áreas de Widgets podem aparecer em locais distintos. No tema instalado temos duas áreas: Área do Widget da barra lateral e Área de Widget do Rodapé. Não está activo a segunda Área, caso estivesse surgiria na zona de rodapé do site imediatamente abaixo do último post publicado, na homepage.

Figura 40 – Rodapé do site

Para colocar uma funcionalidade na Área Lateral basta seleccionar o widget pretendido, dentro dos disponíveis, e arrastá-lo para a Área do Widget da Barra Lateral. Dentro da própria barra arrastamos com o rato o widget para a posição pretendida. Consoante o widget que colocamos temos várias opções que se têm de definir.

Pág. 28

Equipa PTE/Condeixa

wordpress 2010/11 Existem vários widgets já definidos no Wordpress, bem como no tema graphene, no entanto podem-se adicionar mais através da instalação de plugins que os contenham. Neste caso os activos são:

- No caso de TEXTO podemos escrever ou editar em HTML, por exemplo se quisermos colocar uma imagem. Estão sempre disponíveis as opções de eliminar, para retirar a funcionalidade da Barra, Fechar e Guardar.

Figura 41 – Widget Texto

- O Widget “My Category Order” é um plugin que fui buscar para poder mostrar as categorias e subcategories dos posts colocados na página. Tem que se definir as várias opções.

Figura 42- Listagem de categorias no site

- Links permitem colocar os links que queremos, seleccionando-os dentro das várias categorias

Pág. 29

Equipa PTE/Condeixa Figura 43 – Widget Links

wordpress 2010/11 - RSS (noticias de blogs de departamentos, turmas, cursos, etc. do Agrupamento) Para ir buscar as últimas notícias utiliza-se o Google reader (da equipa PTE), onde se colocam os blogues que pretendemos obter as notícias, clicando em adicionar inscrição.

Figura 44 – Google reader

Já está criada uma pasta denominada Notícias do Agrupamento, para onde se arrasta a nova inscrição. Para obter o código rss, a inserir no site, temos que clicar em gerenciar inscrições >> Pastas e Tags >> Seleccionar a pasta Notícias do Agrupamento

>>

Visualizar

página

Pública , depois

seleccionar a opção Feed Atom e copiar o endereço para o RSS. Neste momento esta secção está a funcionar, apenas se tem que adicionar novas inscrições caso se pretenda colocar outros blogues.

Pág. 30

Figura 45 – Widget RSS

Equipa PTE/Condeixa

wordpress 2010/11 - Nuvem de Tags – Permite mostrar os tags, colocados nos posts, em forma de nuvem:

Figura 47 - Nuvem de Tags no site

Figura 46 – Widget Nuvem de Tags

- Arquivo – Mostra os posts colocados no site por mês de publicação.

Menus Secção onde se faz a gestão dos menus e submenus,

para

que

eles

apareçam

como

pretendemos no site web.

Figura 48 Menus e submenus no site web

Figura 49 – Janela do menus

Pág. 31

Equipa PTE/Condeixa

wordpress 2010/11 Este ema admite um menu que já está criado, para o gerir basta adicionar páginas, categorias ou links personalizados e não esquecer de guardar o menu.

Figura 50 – Barra de cima da janela menu

Para se adicionar um link personalizado, por exemplo para as ementas, deve-se colocar o link do Google, onde estão as ementas ena etiqueta colocar o nome com que vai aparecer no menu. Não esquecer de clicar em adicionar ao menu.

Figura 51 – link personalizado

Para adicionar uma página existente ao menu seleccionar na listagem e Adicionar ao menu.

Figura 53 – Adicionar página ao menu

Para adicionar uma categoria de posts ao menu fazer de forma semelhante às páginas. Não esquecer de clicar em adicionar ao menu.

Figura 52 – Adicionar categoria ao menu

Pág. 32

Equipa PTE/Condeixa

wordpress 2010/11 Deois de adicionado ao menu a página, a categoria ou o link personalizado, arrastar os botões para que o menu fique como o pretendido.

Figura 54 – menu no backoffice

Não esquecer de clicar em GUARDAR MENU depois das alterações efectuadas.

Opções do Graphene Opções específicos deste tema onde nos permite activar/desactivas algumas opções, nomeadamente o slider. Lembro que este Tema tem um slider que aparecia por defeito acima das noticias (posts), mas que se encontra desactivado.

Pág. 33

Equipa PTE/Condeixa

wordpress 2010/11

Figura 55 – Opções do Graphene

Opções Mostrar do Graphene Opções específicos deste tema onde nos permite activar/desactivas algumas opções, nomeadamente mostrar o autor dos posts, comentários, alterar cores para mais claro, etc.

Figura 56 – Opções Mostrar do Graphene

Pág. 34

Equipa PTE/Condeixa

wordpress 2010/11 Fundo Opção que permite alterar a cor de fundo ou colocar um padrão. No nosso caso o fundo está azul-escuro (#033150). A cor pode ser seleccionada ou simplesmente colocar-se a cor no seu código em HTML.

Cabeçalho Permite modificar a imagem do cabeçalho do site. Ter em atenças as medidas 900 x 198 pixeis.

Figura 57 – Selecção de imagem para o cabeçalho

Pág. 35

Equipa PTE/Condeixa

wordpress 2010/11 Editor Permite editar os ficheiros .php e .css do tema instalado. Para modificar basta seleccionar, na zona lateral direita, o ficheiro a alterar. Depois das alterações Actualizar ficheiro.

Figura 58 –Editor do tema

Antes de fazer qualquer alteração deve fazer um backup de todo o site na opção Ferramentas >> Exportar.

Neste Tema específico os ficheiros alterados foram: footer.php; header.php e style.css. A negrito estão as alterações efectuadas, os ficheiros vão em anexo.

Sempre que se faz uma actualização da versão do wordpress ou do tema deve-se sempre fazer backup de todo o site. Pode acontecer que os ficheiros referidos anteriormente voltem a não ter as alterações efectuadas.

Pág. 36

Equipa PTE/Condeixa

wordpress 2010/11

Plugins O menu de plugins permite a inserção de plugins no site wordpress. Quando se clica no menu Plugins surge o seguinte submenu na zona lateral. Figura 59 – menu Plugin

Na área direita aparece a listagem dos plugins instalados bem como possíveis actualizações.

Figura 60 – listagem de plugins

Para desactivar ou editar um plugin basta seleccionar a opção desejada e desactivar/editar ou eliminar.

Adicionar Plugin Para adicionar um plugin clicar na opção Adiccionar Plugin que se encontra no menu ou na listagem de plugins. Ao clicar surge a seguinte janela:

Pág. 37

Equipa PTE/Condeixa

wordpress 2010/11

Figura 61 – Janela de Instalação de plugins

Pode-se fazer uma pesquisa por termo, seleccionar os mais recentes ou activar através dos tags populares.

Editor O editor de plugins permite editar os ficheiros html ou php dos plugins instalados. Para tal selecciona-se o plugin a editar, alterar o ficheiro e no fim gravar o ficheiro.

Figura 62 – Janela de edição de plugins

Pág. 38

Equipa PTE/Condeixa

wordpress 2010/11

Utilizadores O menu de Utilizadores permite a inserção e edição de utilizadores do site, bem como do backoffice. Quando se clica no menu Utilizadores surge o seguinte submenu na zona lateral.

Figura 63 – Menu de Utilizadores

Surge do lado direito a listagem de utilizadores activos. Neste caso apenas existe o admin (Administrador).

Figura 64 – Listagem de Utilizadores

Ao editar o utilizador surge uma janela com os seus dados de perfil:

Figura 65 – Janela do perfil do Utilizador

Pág. 39

Equipa PTE/Condeixa

wordpress 2010/11 No perfil do utilizador é onde se podem alterar algumas das opções pessoais, dados do utilizador, password, etc. Ao fim não esquecer de Actualizar Perfil.

Adicionar Novo Ao clicar neste botão, na listagem de utilizadores, ou no menu lateral surge a seguinte janela:

Figura 66 – Janela para adicionar Novo Utilizador

Permite adicionar um novo utilizador, dando nome, email e password e designar uma determinada função. Ao fim clicar em Novo Utilizador.

O seu Perfil Semelhante ao editar, referido anteriormente. Permite editar o perfil de um determinado utilizador.

Pág. 40

Equipa PTE/Condeixa

wordpress 2010/11

Ferramentas O menu de Ferramentas permite a utilização de algumas ferramentas na gestão do portal.

Figura 67- menu ferramentas

Na zona lateral direita surge a seguinte informação:

Figura 68 – Informação de duas ferramentas do Wordpress

Com algumas funcionalidades do Wordpress.

Importar Esta opção permite importar dados de outras ferramentas, assim como do próprio wordpress (caso se faça uma cópia de segurança e se pretenda importar)

Figura 69 – Possibilidades de importação neste site

Pág. 41

Equipa PTE/Condeixa

wordpress 2010/11 Exportar Permite exportar o conteúdo do site. Esta exportação pode ser redefinida tendo em conta um determinado período, um determinado autor, tags de posts, tipos de conteúdo ou estados. Ao transferir o ficheiro o programa solicita um local para se gravar. Esta funcionalidade é óptima para ir fazendo cópias de segurança.

Figura 70 – exportar conteúdo do portal

Pág. 42

Equipa PTE/Condeixa

wordpress 2010/11

Opções No menu de Opções o administrador pode configurar algumas das características do portal

Quando se clica no menu opções surge a seguinte informação na área

Figura 71 – menu opções

lateral direita do backoffice.

Figura 72 – área de definições gerais

Aqui define-se o título do site, subtítulo, endereço no wordpress e url do site. Um email de contacto e outras definições gerais como: Formato da data e da hora. Após as definições editadas não esquecer de Guardar Alterações.

Escrita Nesta secção altera-se/edita-se as definições de escrita no backoffice do Wordpress. Como por exemplo o tamanho das notícias colocadas.

Pág. 43

Equipa PTE/Condeixa

wordpress 2010/11

Figura 73 – Janela da Escrita

Leitura Pode-se configurar as opções de leitura do site, isto é, a forma como o site aparece ao visitante.

Figura 74 – definições de leitura

Discussão Local onde se configura as opções de discussão, quando utilizadas. Neste caso não se utiliza.

Pág. 44

Equipa PTE/Condeixa

wordpress 2010/11

Figura 75 – Definições de discussão

Media Local onde se define como os media (imagens, ficheiros, etc) introduzido são visíveis.

Figura 76 – Opções de Media

Pág. 45

Equipa PTE/Condeixa

wordpress 2010/11 Privacidade Define-se as opções de privacidade do site.

Figura 77 – Definições de privacidade do site

Ligações permanentes Define-se qual o url para as ligações permanentes, tais como ligações a ficheiros pdf, imagens, etc.

Figura 78 – definições de ligações permanentes

Pág. 46

Equipa PTE/Condeixa

wordpress 2010/11

Anexos Cabeçalho (header.php) Neste ficheiro é onde se definem os links superiores, onde estão os ícones.

section and everything up till
* * @package WordPress * @subpackage Graphene * @since graphene 1.0 */ ?> > <meta http-equiv="Content-Type" content="; bloginfo('charset'); ?>" /> <?php graphene_title(); ?>

Strict//EN"

charset=

Equipa PTE/Condeixa

wordpress 2010/11

/* Always have wp_head() just before the closing * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to such * as styles, scripts, and meta tags. */ wp_head(); ?> >

" title="" class="rss_link">

Pág. 48

Equipa PTE/Condeixa

wordpress 2010/11

ID ) && ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) && $image[1] >= HEADER_IMAGE_WIDTH && !get_option('graphene_featured_img_header')) { // Houston, we have a new header image! // Gets only the image url. It's a pain, I know! Wish Wordpress has better options on this one $header_img = get_the_post_thumbnail( $post->ID, 'post-thumbnail' ); $header_img = explode('" class="', $header_img); $header_img = $header_img[0]; $header_img = explode('src="', $header_img); $header_img = $header_img[1]; } else { $header_img = get_header_image(); } /* * Check if the page uses SSL and change HTTP to HTTPS if true * * Currently commented out as it causes more trouble than it fixes. If you want * to use it, just uncomment it. */ /* if (is_ssl() && !stripos($header_img, 'https')){ $header_img = str_replace('http', 'https', $header_img); } */ // Gets the colour for header texts, or if we should display them at all Pág. 49

Equipa PTE/Condeixa

wordpress 2010/11 if ( 'blank' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) || '' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR)) $style = ' style="display:none;"'; else $style = ' style="color:#' . get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) . ';"'; ?>
" id="header_img_link" title="">
class="header_title"> href="" title="">

class="header_desc">

'', 'menu_id' => 'menu', 'menu_class' => 'clearfix', 'fallback_cb' => 'graphene_default_menu', 'depth' => 5, 'theme_location' => 'Header Menu')); ?>

Pág. 50

Equipa PTE/Condeixa

wordpress 2010/11 Rodapé (footer.php) Neste ficheiro altera-se a zona de baixo do site. for #content and #container, and tags. * * @package WordPress * @subpackage Graphene * @since Graphene 1.0 */ ?>

>

Pág. 51

Equipa PTE/Condeixa

wordpress 2010/11 " href="http://validator.w3.org/check?uri=referer" id="w3c_xhtml"> " href="http://jigsaw.w3.org/cssvalidator/check/referer/" id="w3c_css">

'.get_bloginfo('name').'', ''.ucfirst(get_template()).''); ?>

Pág. 52

Equipa PTE/Condeixa

wordpress 2010/11 Style.css (folha de estilos) É aqui que se altera a posição dos ícones da barra de cima. Estes ícones devem ser colocados no servidor para que a aplicação os encontre.

/* Theme Name: Graphene Theme URI: http://www.khairul-syahir.com/wordpress-dev/graphene-theme Description: The Graphene theme for Wordpress 3.0 is a stylish, neat, and tight WordPress theme supporting 2 widget areas, with the ability to determine the number of columns to display in the footer widget area. It includes action hooks for greater customisability through child theme, and a jQuery slider for your featured posts. It has built-in Twitter widget, allows for customisable header and background through the WordPress admin, built-in AdSense placement and AddThis social sharing button, supports custom menu with drop-down navigation of up to 5 levels deep, and threaded comments of up to 10 levels deep! A one-column, full-width page template without the sidebar is included. You can hide post parameters, show post author's gravatar, use different widgets for the front page than the rest of the website, and specify font styles for header and content texts. The codes are written so that you can easily override or add functionality to the theme by using your own child theme without altering the parent theme's code. Seriously, there's too many features for this theme to describe them all here! This theme has been tested and confirmed compatible with IE6, IE7, IE8, Mozilla Firefox, Google Chrome, and Safari. Translations included: Malay, Brazilian Portuguese, Spanish, Italian, French, Polish, German, Norwegian, and Chinese. See this theme's changelog. Version: 1.1.2 Author: Syahir Hakim Author URI: http://www.khairul-syahir.com Tags: black, blue, white, two-columns, right-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready License: GNU General Public License, v2 (or newer) License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset{border:0 none;margin:0;padding:0;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ body{ Pág. 53

Equipa PTE/Condeixa

wordpress 2010/11 /* background:url(images/sprite_h.png) left -196px repeat-x #4a4949; */ background:url(images/bg_g.gif) repeat #000 fixed; font:12px arial; } #container{ margin:0 auto; background:url(images/sprite_v.png) left top repeat-y; width:932px; } #top-bar{ height:54px; background:url(images/sprite_h.png) left -196px repeat-x #000; width:900px; margin-left:16px; }

/* #rss a{ margin:13px 0 0 23px; float:left; width:29px; height:29px; background:url(images/sprite_master.png) left top no-repeat; }*/

#moodle a{ margin:13px 0 0 23px; float:left; width:28px; height:20px; background:url(images/moodle.png) left top no-repeat; }

#mail a{ margin:13px 0 0 23px; float:left; Pág. 54

Equipa PTE/Condeixa

wordpress 2010/11 width:21px; height:20px; background:url(images/mail.png) left top no-repeat; }

#gato a{ margin:13px 0 0 23px; float:left; width:15px; height:20px; background:url(images/gato.png) left top no-repeat; }

#cno a{ margin:13px 0 0 23px; float:left; width:39px; height:20px; background:url(images/cno.png) left top no-repeat; }

#seguranet a{ margin:13px 0 0 23px; float:left; width:19px; height:20px; background:url(images/seguranet.png) left top no-repeat; }

#me a{ margin:13px 0 0 23px; float:left; Pág. 55

Equipa PTE/Condeixa

Manual Wordpress

Recommend Documents

class="header_title"> href="" title="">

class="header_desc">