JORNAL PIO-PARDO MANUAL DO USUÁRIO. versão 1.1

Transcrição

1 JORNAL PIO-PARDO MANUAL DO USUÁRIO versão 1.1 INTRODUÇÃO Este é um manual do usuário de como publicar uma notícia no portal de notícias do Jornal Pio Pardo. Logo em seguida será apresentado o passo-a-passo. REALIZANDO UMA PUBLICAÇÃO 1. Acessando o Painel 1.1. Primeira Etapa - Abrindo a Página de Acesso Em qualquer navegador de internet (browser) de sua escolha. Acesse o seguinte link: Deverá aparecer a seguinte imagem: Figura 1: Página de Acesso

2 IMPORTANTE - CASO APAREÇA A IMAGEM A SEGUIR, PULE PARA 2.X.Y Figura 2: Painel Administrativo 1.2. Segunda Etapa - Identificando-se Podemos perceber que nesta página (Figura 1) existem dois campos. Para acessar o painel, será necessário inserir as devidas credenciais. Caso não tenha, entre em contato com a equipe técnica. As credenciais consistem em dois termos (Nome de usuário OU endereço de e Senha). Que devem ser inseridos nos campos em destaque da Figura abaixo. Figura 3: Campos Nome de Usuário OU endereço de e Senha respectivamente. Após inseridos, basta clicar em

3 OPCIONAL - Opção Lembrar-me Essa funcionalidade permite que seu navegador armazene as suas credenciais. Portanto, se habilitado, ao acessar esta página, não será necessário digitar as informações de entrada toda vez que acessar o Painel. Será necessário selecionar essa opção antes de clicar em ACESSAR OPCIONAL - Recuperando a senha Caso tenha certeza que já tenha uma credencial, porém, não consegue lembrar ou perdeu a senha. Existe a opção de recuperar a senha. Clicando no campo Perdeu a senha?, a página será redirecionada (de acordo com a figura abaixo). Figura 4: Página de recuperar senha. Basta inserir o seu nome de usuário ou o , conforme exemplificado na Figura 5. Após inserido, basta clicar em Redefinir senha. A senha deverá chegar em seu .

4 Figura 5: Campo de inserção de Nome de usuário ou e opção de redefinir senha. 2. Adicionando uma postagem Nesta etapa, perceba que a URL de seu navegador está como: Significa que já estamos no Painel do Portal Pio Pardo. O painel deve ser de acordo com a imagem abaixo. Figura 7: Painel do Jornal Pio-Pardo.

5 IMPORTANTE - CASO NÃO ESTEJA ENCONTRANDO ESSA TELA, SERÁ POSSÍVEL ACESSAR O PAINEL DIRETAMENTE PELO LINK A SEGUIR, OU AINDA PELA OPÇÃO PAINEL NA BARRA SUPERIOR OPCIONAL - Acesso ao Painel via LINK Link para acesso direto: OPCIONAL - Acesso ao Painel via Barra Superior O acesso via superior só será possível caso o usuário já tenha feito o acesso (login) Figura 8: Acesso ao Painel via Link ou Barra Superior Passo-a-passo, seguiremos de como realizar uma publicação: 2.3. Selecione a Opção Posts A localização fica no menu esquerdo da página de acordo com a figura abaixo. Figura 9: Botão Posts no menu esquerdo. Ao clicar no botão, a página será direcionado para outra página:

6 FIgura 10: Página de posts Selecione a Opção Adicionar novo A figura abaixo está em destaque onde pode ser clicado. Aqui temos duas opções. SInta-se livre para escolher. Figura 11: Botão para adicionar novo. IMPORTANTE - ALTERNATIVAMENTE, É POSSÍVEL ADICIONAR UMA NOVA POSTAGEM A PARTIR DA BARRINHA PRETA QUE APARECE NO TOPO DO SITE TODA VEZ QUE O USUÁRIO JÁ ESTIVER DIGITADO O LOGIN E SENHA.

7 Figura 12: Opção + Novo -> Post, na barra superior. Quando clicado, a página será redirecionado para página de criação de uma publicação. Deve ser de acordo com a figura abaixo. Figura 13: Página de criação de uma publicação (post). - Título e Conteúdo - 3. Adicionar novo post - Criando uma nova publicação Nesta seção, a sua página já deve estar na de criação de uma nova publicaçăo.dentre tantas informações nesta página, enumeramos e destacamos nas Figuras 13, 14 e 15 os campos necessários: 3.1. Digite o título aqui: Como o próprio campo diz, nesta caixa de texto deve ser inserido o título de sua publicação Editor de Texto Aqui temos um editor de texto. Semelhantes a qualquer outro editor de texto, é aqui que será inserido todo o conteúdo da publicação.

8 . Figura 14: Página de criação de uma publicação (post). - Imagem Destacada e Categorias Inserir imagem Destacada Imagem principal da reportagem, aparece logo em baixo do título e na página inicial, no lugar do passarinho. Ao clicar na opção Definir imagem destacada uma nova janela se abrirá para escolha da imagem. IMPORTANTE - O PASSO-A-PASSO PARA INSERIR UMA IMAGEM SERÁ DESCRITO NO CAPÍTULO A SEGUIR. O USO DESSA IMAGEM NÃO É OBRIGATÓRIO. CASO A MESMA NÃO SEJA INSERIDA, SERÁ UTILIZADA UMA IMAGEM PADRÃO (PASSARINHO) Texto da legenda da imagem Caso tenha inserido uma imagem, é interessante colocar uma breve descrição da imagem em questão Categoria Podemos notar várias categorias. Esta etapa é opcional, no entanto, se quiser que a publicação seja exibido em uma página ou para um colunista em específico, deve ser selecionado uma categoria. Por exemplo: Se criarmos uma publicação (post) com a categoria Blog do Castilho selecionado, a publicação será exibido somente na página Blog do Castilho.

9 Figura 15: Página de criação de uma publicação (post). - Categorias - Figura 16: Página de criação de uma publicação (post). - Publicar- Por último, caso todas as informações estejam corretas, basta clicar em Figura 17: Página Blog do Castilho

10 4. Adicionando Imagem Destacada Esse capítulo é uma continuação do item 3.3., ao clicar em Definir imagem destacada, uma nova janela se abrirá solicitando que o usuário faça o envio de uma imagem para aparecer na página inicial do site e na parte entre o título e a imagem. Figura 18: Opção Definir imagem destacada, Item 3.3. em destaque Ao clicar na opção Definir imagem destacada a seguinte janela se abrirá, basta clicar na opção Enviar arquivos e depois Selecionar arquivos Figura 19: Primeira janela ao clicar em Definir imagem destacada Ao clicar no botão Selecionar arquivos uma nova janela se abrir para escolher entre os arquivos que estão no computador. Localize o arquivo e clique em Abrir.

11 Figura 20: Janela de seleção do arquivo de imagem Em alguns instantes o arquivo será carregado e você será direcionado para a Biblioteca de mídia. Basta confirmar qual imagem é desejada clicando nela e depois clicar no botão azul Definir imagem destacada, na parte inferior direita da tela. Figura 21: Janela de seleção da imagem dentro da biblioteca Ao clicar no botão Definir imagem destacada, o usuário será direcionado novamente para a tela da postagem, a imagem selecionada aparecerá em destaque, agora basta continuar para o passo 3.4 e adicionar uma legenda(opcional) para a imagem.

12 Figura 22: Imagem destacada definida, basta continuar para etapa 3.4 e definir legenda da mesma. 5. Fluxo de postagem A seguir será demonstrado o fluxo completo de postagem em uma só imagem. O fluxo básico é composto por: 1 - Definir o Título 2 - Redigir a Postagem 3 - (opcional) Definir a Imagem Destacada 4 - (opcional) Definir a legenda da Imagem Destacada 5 - Definir a Categoria 6 - Publicar É possível observar esse fluxo na imagem a seguir.

13 Figura 23: Fluxo de Postagem

14 Nas figuras 24 e 25 podemos observar o resultado da postagem. Figura 24: Imagem Destacada, título e primeiras palavras da publicação na página principal Figura 25: Fluxo de postagem destacado em uma publicação finalizada