1/32

TUTORIAL DO BLOG

IMES-CATANDUVA

Profº M. Sc. Marcelo Mazetto Moala

Profº Esp. Antonio Marcio Paschoal

O endereço do site da WordPress é: http://pt-br.wordpress.com/?ref=footer

Este pode ser acessado via site do IMES da seguinte maneira:

Acesse o site do IMES: http://www.fafica.br/

1º) Acesse o curso que deverá ser atualizado na seção BLOGS DOS CURSOS (Neste exemplo, foi acessado o curso de Matemática)

2/32

Role a barra de rolagem vertical do lado direito para baixo até o fim:

Dê um único clique sobre o texto Blog no WordPress.com no final da página

3/32

No canto superior esquerdo são mostrados os campos de Nome de Usuário e Senha :

Digite o Nome de Usuário e a Senha nos respectivos campos, e em seguida pressione o botão Login

Pressione a aba Meus blogs .

Nome de Usuário Senha

4/32

Dê um único clique sobre o texto Blog (nome do curso) IMES

5/32

A barra horizontal de fundo preto corresponde ao menu principal.

6/32

Ao passar (não é clicar) o ponteiro do mouse sobre cada item da barra, um submenu é aberto para baixo.

Basta o usuário dar um único clique sobre o item do submenu para acessá-lo e editá-lo.

7/32

Ao passar (não é clicar) o ponteiro do mouse sobre cada item da barra, um submenu é aberto para baixo.

Edita ou adiciona texto

Data da atualização

Conteúdo do Post

8/32

EDITAR POST: Se o usuário der um único clique sobre o 1º botão editar, a janela de edição é mostrada, com o conteúdo do texto atual; para

salvar, basta clique uma única vez sobre o botão ATUALIZAR , e aguardar. Pronto! Verifique no blog do site do IMES o texto atualizado.

Texto do cabeçalho

Texto referente ao cabeçalho

Exclui

9/32

PÁGINAS: TODAS AS PÁGINAS

Acessa todas as páginas

Acessa páginas não visíveis nesta

seção

Pesquisa rápida por

página

10/32

NOVA PÁGINA: Uma nova página é adicionada ao clicar uma única vez sobre Adicionar Nova :

Adiciona uma nova página

Passe o ponteiro do mouse sobre o texto para mostrar as

opções: Editar|Edição rápida|Lixeira|Ver Dê um único clique sobre o item

desejado para acessá-lo

11/32

ADICIONAR PÁGINA: O texto digitado no campo indicado abaixo é o aparecerá no menu.

Pressione o botão Publicar para salvar a inserção da nova página.

Texto do cabeçalho da

página

Área destinada à

descrição do menu

Salvar

o menu

Vincula página ao menu: • Sem Mãe (A página é um item

de Menu) • Qualquer outro item selecionado

torna a página como submenu deste item

UTILIZE AS TECLAS DE SETAS PARA BAIXO OU PARA CIMA PARA PERCORRER A LISTA

Dispõe a página (modo submenu) na ordem indica

12/32

Adicionar itens de Menu: Crie uma página ou associe uma página existente a outra página.

Vincula página ao menu: • Sem Mãe (A

página é um item de Menu)

• Qualquer outro item selecionado torna a página como submenu deste item

Dispõe a página (modo submenu) na ordem indica

13/32

ADICIONAR MENU

Crie um único menu e selecione-o no campo PRIMARY MENU abaixo de POSIÇÕES NO TEMA.

Continuação...

3º) Selecione aqui o nome do menu que foi adicionado ao lado.

CASO ISTO NÃO SEJA FEITO, TODAS AS PÁGINAS DO BLOG SÃO ADICIONADAS AO MENU

4º) SALVAR

1º) Dê um único clique sobre a

aba ±±±± para adicionar um

nome de menu

2º) Salve o menu criado

14/32

ADICIONAR MENU (Continuação...)

5º) Selecione a aba VER TUDO e selecione as

páginas que deverão fazer parte do menu

6º) Pressione este botão para adicionar

ao menu os itens selecionados

15/32

LINKS : Acessar a página de links:

Continuação...

16/32

LINKS (Continuação...)

Dê um único clique sobre a opção CATEGORIAS DE LINKS para ver todos os links do blog e adicionar novos links:

Continuação...

Digite o nome de uma

Categoria de Links

Pressione este botão

para confirmar

17/32

LINKS (Continuação...)

Após Pressionar o botão ADICIONAR NOVA CATEGORIA DE LINKS , aguarde até que seja atualizado:

Passe o ponteiro do mouse sobre o texto da nova categoria de link (sem clicar); selecione uma as opções Editar|Edição rápida|Excluir|Ver

Nova categoria

de link adicionada

Selecione uma

opção

18/32

ADICIONAR LINK A UM TEXTO

1º) Digite um texto;

2º) Selecione este texto;

Continuação...

Adiciona link ao texto

(Desenho de uma corrente)

Remove link do texto

(Desenho de uma corrente quebrada)

19/32

ADICIONAR LINK A UM TEXTO (CONTINUAÇÃO...)

Dê um único clique sobre o item correspondente à página vinculada:

Selecione uma página para

vinculá-la a uma página

Quando o usuário selecionar a página vinculada ao texto, automaticamente a URL e o TÍTULO são atualizados

Clique aqui para confirmar a

alteração dos dados

Marque esta opção se quiser que se abra uma nova

página na internet quando o usuário

der um clique sobre o texto com link

20/32

ADICIONAR IMAGEM COM LINK

Continuação...

1º) Coloque o ponto de inserção

do mouse na área em branco

2º) Clique no botão ADICIONAR MÍDIA

21/32

ADICIONAR IMAGEM COM LINK (Continuação...)

Continuação...

3º) Clique no botão SELECIONAR

ARQUIVO

4º) Selecione o arquivo da imagem.

ATENÇÃO: Podem ser selecionadas mais de uma imagem!

5º) Após selecionar o arquivo de imagem,

pressione o botão Abrir

22/32

ADICIONAR IMAGEM COM LINK (Continuação...)

Continuação...

7º) Assim que a imagem é retornada, adicione a URL da

imagem: Por exemplo, um

endereço de site, ou a URL de uma das

páginas do blog

8º) Pressione o botão INSERIR

NO POST

6º) Adicione um texto que aparecerá quando o ponteiro do mouse passar a

imagem

23/32

ADICIONAR IMAGEM COM LINK (Continuação...)

ATENÇÃO: Faça os devidos ajustes das dimensões da i magem. Mantendo a tecla ALT pressionada e arrastand o uma das manoplas da

imagem para a dimensão desejada, o ajuste é mais pr eciso.

Ao clicar uma única vez sobre a imagem, são ilustrados dois botões:

Altera imagem Exclui a imagem

24/32

ADICIONAR MÍDIA (Vídeo, arquivos jpg, jpeg, png, gi f, pdf, doc, ppt, odt, pptx, docx, pps, ppsx, xls, xlsx. jpg, jpeg, png, gif, pdf, doc, ppt,

odt, pptx, docx, pps, ppsx, xls, xlsx )

ADICIONAR ARQUIVOS .pdf,.doc. ,docx. .xls, e demais COM LINK

Faça exatamente como foi feito para adicionar uma imagem.

Selecione a opção ADICIONAR NOVA para adicionar uma nova mídia:

A opção BIBLIOTECA da MÍDIA contém todas as mídias adicionadas

Pressione o botão SELECIONAR ARQUIVOS para adicionar uma

nova mídia à Biblioteca de mídias. Podem ser adicionados mais de um arquivo ao mesmo tempo.

25/32

ALTERAR TEMA (ESTRUTURA, DISPOSIÇÃO DOS ITENS E COR ES) DO BLOG

A seguir são mostrados todos os temas (Estruturas de Blogs pré-definidas: Tipo de letras, cores, etc).

O tema atual fica ilustrado logo acima da janela, enquanto que os demais, que podem ser pago, ou não, ficam abaixo.

(Continuação...)

Selecione a opção TEMAS no item de menu APARÊNCIA

26/32

ALTERAR TEMA (Continuação...)

A opção ATIVAR configura o blog para o tema selecionado e o salva.

A opção VISUALIZAR é somente para o usuário ver como o blog ficaria se o tema correspondente fosse selecionado.

(Continuação...)

Selecione uma das opções: ATIVAR

VISUALIZAR DETALHES

Os temas com o símbolo $ indicam que são pagos e

não poderão ser acessados.

27/32

ALTERAR TEMA (Continuação...)

NOTA: Após ATIVAR, deve-se ir para o item MENUS da própria opção APARÊNCIA, e selecionar novamente o tipo de menu:

Selecione o nome do menu do blog e pressione

o botão SALVAR.

28/32

SALVAR BLOG NO COMPUTADOR (DOWNLOAD DO BLOG )

Selecione a opção EXPORTAR no menu FERRAMENTAS, e em seguida, selecione a 1ª opção TODO CONTEÚDO...:

(Continuação...)

2º) Selecione esta opção para salvar todo conteúdo do blog em

seu computador.

3º) Pressione este botão para iniciar o download do blog para seu computador.

1º) Selecione esta opção para iniciar exportação

(download) do blog.

29/32

SALVAR BLOG NO COMPUTADOR (Continuação...)

Após pressionar o botão DOWNLOAD DO ARQUIVO DE EXPORTAÇÃO.

Selecione a opção DOWNLOD, na janela que é mostrada, e após pressionar o OK forneça o local onde deve ser salvo o blog;

1º) Selecione esta opção para salvar o blog em seu

computador. 2º) Pressione este botão para indicar o local

(diretório) onde o blog será salvo.

30/32

ABRIR BLOG DO COMPUTADOR (UPLOAD DO BLOG)

Selecione a opção IMPORTAR no menu FERRAMENTAS:

(Continuação...)

1º) Selecione esta opção para iniciar exportação

(download) do blog.

2º) Selecione esta opção para iniciar importação

(download) do blog.

31/32

ABRIR BLOG DO COMPUTADOR (Continuação...)

Após selecionar a opção WORDPRESS, pressione o botão SELECIONAR ARQUIVO..., e forneça o arquivo do blog que está em seu computador.

Finalmente, pressione o botão FAZER UPLOAD DE ARQUIVO E IMPORTAR:

1º) Pressione este botão para fornecer o arquivo do blog a ser importado.

2º) Pressione este botão para iniciar a importação

do arquivo do blog.

32/32

ALETARAR DADOS DO COORDENADOR

Selecione a opção APARÊNCIA do menu principal e clique na barra SIDEBAR1, que se encontra no canto superior direito da página APARÊNCIA;

em seguida, clique na barra TEXTO (Triângulo invertido à direita), para abrir o editor; ao final da edição, clique em SALVAR:

Clique no triângulo à direita para abrir o

conteúdo de TEXTO.

Após clicar!