Manual dos Sites de Eventos, Docentes, Pesquisa e Extensão

Transcrição

1 Manual dos Sites de Eventos, Docentes, Pesquisa e Extensão Usuários Fone: (62)

2 Versões Autor Versão Data Jeferson Bernardes Roberto /11/2015 Jeferson Bernardes Roberto /05/2016 Jeferson Bernardes Roberto /06/2016 Sumário Sites de Eventos, Docentes, Pesquisa e Extensão... 4 Administrar site... 7 Edição do site... 8 Alterar Tema... 9 Adicionar Página Alterar a ordem Hierarquia de Páginas Ocultar coluna do lado direito Criar Menu Imagens Inserir imagem Disponibilizar a imagem em uma página Editar imagem Arquivos (.pdf.jpg.png.doc.odt...) Inserir arquivo Disponibilizar o arquivo em uma página Abrir em nova aba Post Criar post Editar Post Acrescentar link para arquivo (.pdf.jpg.png.doc.odt...) num post Inserir imagem num post Estrutura Fone: (62)

3 Cabeçalho Ícones de redes sociais Identidade do Site Menu Banner rotativo (Bootstrap Slider) Banner rotativo secundário (Parallax Slider) Colunas Cor do botão Leia mais Posts Widgets Rodapé (footer) Fundo do rodapé Imagem de fundo Fone: (62)

4 Sites de Eventos, Docentes, Pesquisa e Extensão Fone: (62)

5 Exemplo de evento antigo Fone: (62)

6 Fone: (62)

7 Administrar site Nome de Usuário: matrícula Senha: (mesma usada nos sistemas do IFG. Ex.: correio.ifg.edu.br) Obs.: Caso não tenha permissão, favor abrir chamado usando o sistema Fone: (62)

8 Edição do site Meus Sites / (escolha o site) / Painel O nome do site aparece no 2º menu Fone: (62)

9 Alterar Tema Meus Sites / Escolher o Site / Painel Aparência / Temas Fone: (62)

10 Escolha o tema e Ativar Ex.: evolve Fone: (62)

11 Adicionar Página Meus Sites / Escolher o Site / Painel Fone: (62)

12 Páginas Por enquanto tem apenas a Página de Exemplo Fone: (62)

13 Fone: (62)

14 Adicionar Nova Fone: (62)

15 Publicar Fone: (62)

16 Páginas Fone: (62)

17 Fone: (62)

18 Alterar a ordem A Página de Exemplo está com Ordem = 0, então para a Página 2, colocar Ordem = 1 Atualizar Fone: (62)

19 Hierarquia de Páginas Ex.: Página 2 ser filha da Página de Exemplo Fone: (62)

20 Mãe: Página de Exemplo Atualizar Aparece um traço antes do nome da página Fone: (62)

21 Ocultar coluna do lado direito Fone: (62)

22 Fone: (62)

23 Criar Menu Meus Sites / escolher site / Painel Aparência / Menus Fone: (62)

24 Nome do Menu: Criar menu Fone: (62)

25 Páginas Aba: Ver tudo Selecionar todos Adicionar ao menu Cada item do Menu fica vinculado a uma página. Salvar Menu Fone: (62)

26 Fone: (62)

27 Imagens Inserir imagem Meus Sites / escolher site / Painel Fone: (62)

28 Mídia Adicionar Nova Fone: (62)

29 Arraste e solte ou Selecionar arquivos Fone: (62)

30 O arquivo aparece Disponibilizar a imagem em uma página Escolher a página Páginas / Todas as Páginas Fone: (62)

31 Clique no local para inserir o arquivo Fone: (62)

32 Adicionar Mídia Obs.: pode inserir o arquivo neste momento também (aba Enviar arquivos ). Aba: Biblioteca de mídia Fone: (62)

33 Clique sobre o arquivo escolhido Fone: (62)

34 Título: não preencher Recomendação 3.5 Descrever links clara e sucintamente Fone: (62)

35 Fone: (62)

36 Legenda: Recomendação 3.6 Fornecer alternativa em texto para as imagens do sítio Fone: (62)

37 Legenda: Figura 1: Logo do IFG : Instituto Federal de Educação, Ciência e Tecnologia Goiás Inserir na página Fone: (62)

38 Texto alternativo Recomendação 3.6 Fornecer alternativa em texto para as imagens do sítio Fone: (62)

39 Clique sobre a imagem e editar Texto alternativo: Logo do IFG : Instituto Federal de Educação, Ciência e Tecnologia Goiás Atualizar Fone: (62)

40 Atualizar Fone: (62)

41 Editar imagem Meus Sites / (escolher site) / Painel Páginas Fone: (62)

42 Escolha a página (ver o nome do Menu) Ex.: Página 2 Escolher a página com mesmo nome Fone: (62)

43 Clique sobre a imagem Editar Pode-se alterar: alinhamento, tamanho e link alvo. Após as alterações, clique em Atualizar Fone: (62)

44 Atualizar Fone: (62)

45 Arquivos (.pdf.jpg.png.doc.odt...) Inserir arquivo Meus Sites / escolher site / Painel Fone: (62)

46 Mídia Adicionar Nova Fone: (62)

47 Arraste e solte ou Selecionar arquivos Fone: (62)

48 O arquivo aparece Anotar o tamanho do arquivo 80 KB Fone: (62)

49 Anotar a URL Fone: (62)

50 Disponibilizar o arquivo em uma página Escolher a página Páginas / Todas as Páginas Fone: (62)

51 Clique no local para o link do arquivo Fone: (62)

52 Texto do link Obs.: Obedecer as recomendações do emag Recomendação 3.5 Descrever links clara e sucintamente Fone: (62)

53 Texto do link + (extensão e tamanho do arquivo) Edital nº 001 (.pdf 80 KB) Selecione texto Inserir/editar link Fone: (62)

54 Cole a URL copiada anteriormente Aplicar Atualizar Fone: (62)

55 Abrir em nova aba Fone: (62)

56 Páginas Fone: (62)

57 Clicar sobre link Editar Opções do link Fone: (62)

58 Marcar: Abrir link em nova aba Fone: (62)

59 Alvo: Nova Janela Recomendação 1.9 Não abrir novas instâncias sem a solicitação do usuário Fone: (62)

60 Texto do link: texto + (abre em nova janela) + (extensão tamanho) Atualizar Atualizar Fone: (62)

61 Fone: (62)

62 Post Criar post Meus Sites / (escolher site) / Painel Posts Fone: (62)

63 Adicionar Novo Fone: (62)

64 Publicar Fone: (62)

65 Editar Post Meus Sites / (escolher site) / Painel Fone: (62)

66 Posts Fone: (62)

67 Escolher post Opções: formato Fone: (62)

68 Post Options Atualizar Fone: (62)

69 Acrescentar link para arquivo (.pdf.jpg.png.doc.odt...) num post Mesmo procedimento da seção Arquivos (.pdf.jpg.png.doc.odt...) Inserir imagem num post Mesmo procedimento da seção Imagens Estrutura Cabeçalho Fone: (62)

70 Meus Sites / (escolher site) / Painel Mídia Fone: (62)

71 Adicionar Nova Selecionar arquivos Fone: (62)

72 Fone: (62)

73 Fechar Aparência / Cabeçalho Fone: (62)

74 Obs.: Atentar para a dimensão recomendada para a imagem (1200 x 200 pixels) Adicionar nova imagem Fone: (62)

75 Obs.: pode inserir o arquivo neste momento também (aba Enviar arquivos ). Aba: Biblioteca de mídia Clique sobre a imagem Selecionar e recortar Pular recorte Fone: (62)

76 Salvar e publicar Fone: (62)

77 Ícones de redes sociais Fone: (62)

78 Cor dos links Linha ao redor do ícone Fone: (62)

79 Identidade do Site Fone: (62)

80 Fone: (62)

81 Menu Aparência / Menus Fone: (62)

82 Banner rotativo (Bootstrap Slider) Fone: (62)

83 Aparência / Personalizar Fone: (62)

84 Slides UPLOAD Fone: (62)

85 Aba: Enviar arquivos Selecionar arquivos Fone: (62)

86 Selecionar Fone: (62)

87 Fone: (62)

88 Nome do botão: Leia mais Link alvo ao clicar no botão. Por exemplo, se for uma página, entre nela e copie o caminho. Fone: (62)

89 Cole o caminho da página entre as duas aspas duplas. O código completo fica assim: <a class="bootstrap-button" href=" mais</a> Salvar e publicar Fone: (62)

90 Pode acrescentar no máximo 5 slides (banners) Fone: (62)

91 Banner rotativo secundário (Parallax Slider) Fone: (62)

92 As configurações para alterar as imagens são as mesmas já apresentadas. Fone: (62)

93 General Este Parallax Slider está configurado para aparecer apenas nas páginas e posts desde que configurados. Fone: (62)

94 Fone: (62)

95 Fone: (62)

96 4 Colunas Aparência / Personalizar Fone: (62)

97 Fone: (62)

98 Fone: (62)

99 Fone: (62)

100 Nome do botão: Leia mais Link alvo ao clicar no botão. Por exemplo, se for uma página, entre nela e copie o caminho. Fone: (62)

101 Cole o caminho da página entre as duas aspas duplas. O código completo fica assim: <a class="read-more btn t4p-button" href=" mais</a> Salvar e publicar Fone: (62)

102 Pode colocar no máximo 4 colunas. Fone: (62)

103 Cor das colunas Salvar e publicar Fone: (62)

104 Cor do botão Leia mais Fone: (62)

105 Fone: (62)

106 Salvar e publicar Posts Posts / Todos os Posts Fone: (62)

107 Fone: (62)

108 Widgets Fone: (62)

109 Fone: (62)

110 Fone: (62)

111 Rodapé (footer) Adicionar Nova Fone: (62)

112 Fone: (62)

113 Selecionar arquivos Fone: (62)

114 Copiar o URL: Fone: (62)

115 Aparência / Personalizar Fone: (62)

116 Inserir o código abaixo com o URL copiado da imagem. <img src=" alt="" /> Salvar e publicar Fone: (62)

117 Fundo do rodapé Fone: (62)

118 Fone: (62)

119 UPLOAD Fone: (62)

120 Selecionar Salvar e publicar Fone: (62)

121 Imagem de fundo Fone: (62)

122 Fone: (62)

123 Fone: (62)