TUTORIAL DO BLOG IMES-CATANDUVA Profº M. Sc. Marcelo Mazetto Moala Profº Esp. Antonio Marcio Paschoal

Transcrição

1 TUTORIAL DO BLOG IMES-CATANDUVA Profº M. Sc. Marcelo Mazetto Moala Profº Esp. Antonio Marcio Paschoal 1/32 O endereço do site da WordPress é: Este pode ser acessado via site do IMES da seguinte maneira: Acesse o site do IMES: 1º) Acesse o curso que deverá ser atualizado na seção BLOGS DOS CURSOS (Neste exemplo, foi acessado o curso de Matemática)

2 Role a barra de rolagem vertical do lado direito para baixo até o fim: 2/32 Dê um único clique sobre o texto Blog no WordPress.com no final da página

3 No canto superior esquerdo são mostrados os campos de Nome de Usuário e Senha: 3/32 Nome de Usuário 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.

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

5 A barra horizontal de fundo preto corresponde ao menu principal. 5/32

6 Ao passar (não é clicar) o ponteiro do mouse sobre cada item da barra, um submenu é aberto para baixo. 6/32 Basta o usuário dar um único clique sobre o item do submenu para acessá-lo e editá-lo.

7 Ao passar (não é clicar) o ponteiro do mouse sobre cada item da barra, um submenu é aberto para baixo. 7/32 Data da atualização Conteúdo do Post Edita ou adiciona texto

8 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. 8/32 Texto do cabeçalho Exclui Texto referente ao cabeçalho

9 PÁGINAS: TODAS AS PÁGINAS 9/32 Acessa todas as páginas Pesquisa rápida por página Acessa páginas não visíveis nesta seção

10 NOVA PÁGINA: Uma nova página é adicionada ao clicar uma única vez sobre Adicionar Nova: 10/32 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 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. 11/32 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 Adicionar itens de Menu: Crie uma página ou associe uma página existente a outra página. 12/32 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 ADICIONAR MENU Crie um único menu e selecione-o no campo PRIMARY MENU abaixo de POSIÇÕES NO TEMA. 1º) Dê um único clique sobre a aba ± para adicionar um nome de menu 13/32 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 2º) Salve o menu criado Continuação...

14 ADICIONAR MENU (Continuação...) 14/32 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 LINKS: Acessar a página de links: 15/32 Continuação...

16 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: 16/32 Digite o nome de uma Categoria de Links Pressione este botão para confirmar Continuação...

17 LINKS (Continuação...) Após Pressionar o botão ADICIONAR NOVA CATEGORIA DE LINKS, aguarde até que seja atualizado: 17/32 Nova categoria de link adicionada 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 Selecione uma opção

18 ADICIONAR LINK A UM TEXTO 1º) Digite um texto; 2º) Selecione este texto; 18/32 Adiciona link ao texto (Desenho de uma corrente) Remove link do texto (Desenho de uma corrente quebrada) Continuação...

19 ADICIONAR LINK A UM TEXTO (CONTINUAÇÃO...) Dê um único clique sobre o item correspondente à página vinculada: 19/32 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 Quando o usuário selecionar a página vinculada ao texto, automaticamente a URL e o TÍTULO são atualizados Selecione uma página para vinculá-la a uma página Clique aqui para confirmar a alteração dos dados

20 ADICIONAR IMAGEM COM LINK 20/32 1º) Coloque o ponto de inserção do mouse na área em branco 2º) Clique no botão ADICIONAR MÍDIA Continuação...

21 ADICIONAR IMAGEM COM LINK (Continuação...) 21/32 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 Continuação...

22 ADICIONAR IMAGEM COM LINK (Continuação...) 22/32 6º) Adicione um texto que aparecerá quando o ponteiro do mouse passar a imagem 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 Continuação...

23 ADICIONAR IMAGEM COM LINK (Continuação...) ATENÇÃO: Faça os devidos ajustes das dimensões da imagem. Mantendo a tecla ALT pressionada e arrastando uma das manoplas da imagem para a dimensão desejada, o ajuste é mais preciso. Ao clicar uma única vez sobre a imagem, são ilustrados dois botões: 23/32 Altera imagem Exclui a imagem

24 ADICIONAR MÍDIA (Vídeo, arquivos jpg, jpeg, png, gif, 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: 24/32 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 ALTERAR TEMA (ESTRUTURA, DISPOSIÇÃO DOS ITENS E CORES) DO BLOG 25/32 Selecione a opção TEMAS no item de menu APARÊNCIA 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...)

26 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. Selecione uma das opções: ATIVAR VISUALIZAR DETALHES 26/32 Os temas com o símbolo $ indicam que são pagos e não poderão ser acessados. (Continuação...)

27 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: 27/32 Selecione o nome do menu do blog e pressione o botão SALVAR.

28 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...: 28/32 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. (Continuação...)

29 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; 29/32 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 ABRIR BLOG DO COMPUTADOR (UPLOAD DO BLOG) Selecione a opção IMPORTAR no menu FERRAMENTAS: 30/32 2º) Selecione esta opção para iniciar importação (download) do blog. (Continuação...) 1º) Selecione esta opção para iniciar exportação (download) do blog.

31 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: 31/32 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 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: 32/32 Clique no triângulo à direita para abrir o conteúdo de TEXTO. Após clicar!